@feedmepos/mf-inventory-portal 1.7.2-dev.5 → 1.7.2-dev.7

package/dist/IntegrationExplorerView-Bb-JtmQE.js

@@ -0,0 +1,4184 @@
+import { defineComponent as ne, ref as f, computed as B, watch as Oe, onMounted as _e, resolveComponent as se, createElementBlock as a, openBlock as t, createElementVNode as e, createBlock as H, createCommentVNode as r, normalizeClass as j, createTextVNode as re, toDisplayString as o, createVNode as T, Fragment as M, renderList as X, unref as g, withCtx as te, withModifiers as de, withDirectives as Ve, withKeys as we, vModelText as Ue, h as q, watchEffect as Be } from "vue";
+import { m as Se, N as be, C as xe, u as Ce } from "./app-NciT9fFY.js";
+import { components as oe, useBreakpoints as Pe } from "@feedmepos/ui-library";
+import { _ as Ae } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
+import { _ as Ee } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DskF3Ejf.js";
+import { u as Ie, a as Te, S as ge } from "./netsuite-BrNpmVj4.js";
+import { P as he, J as ke, D as De } from "./app-C39bYJmq.js";
+import { useCoreStore as Le } from "@feedmepos/mf-common";
+import { _ as ye } from "./JsonViewer.vue_vue_type_script_setup_true_lang-ig2zSXAB.js";
+import { b as ue } from "./date2-Ei37LliT.js";
+const ce = Se((W, P) => {
+  const n = Le();
+  function N() {
+    var k;
+    return ((k = n.currentBusiness.value) == null ? void 0 : k._id) ?? "";
+  }
+  return {
+    // ============================ Orders ============================
+    /**
+     * Look up a single NetSuite order by its internal ID.
+     */
+    async readOrderById(k, F) {
+      const S = N(), x = `${W.netSuiteBackendUrl}/${S}/v2/explorer/order/${k}/${F}`;
+      return await P.get(x);
+    },
+    /**
+     * List NetSuite records by date range, cross-referenced with FM POs.
+     * Returns records with purchaseOrderSeqNo (null = unsynced, number = synced).
+     */
+    async browseOrdersByDateRange(k, F, S, x) {
+      const l = N(), $ = `${W.netSuiteBackendUrl}/${l}/v2/explorer/order/${k}/${F}`;
+      return await P.post($, {
+        startDate: S,
+        endDate: x
+      });
+    },
+    /**
+     * Query NetSuite records by IDs or date range using unified endpoint.
+     * Supports lookup by recordIds, transactionIds, or date range.
+     * Returns standardized NSOrderExplorerResultDto[] format with sync status.
+     */
+    async browseOrdersByFilter(k, F, S) {
+      const x = N(), l = `${W.netSuiteBackendUrl}/${x}/v2/explorer/order/query/${k}/${F}`;
+      return await P.post(l, S);
+    },
+    // ============================ Items ============================
+    /**
+     * List NetSuite items from the `item` table.
+     * Pass an optional filter object to narrow results (e.g. { itemtype: 'InvtPart' }).
+     */
+    async browseItemsByFilter(k) {
+      const F = N(), S = `${W.netSuiteBackendUrl}/${F}/v2/explorer/item/query`;
+      return await P.post(S, k ? { where: k } : {});
+    },
+    /**
+     * Look up a single NetSuite item by its internal ID.
+     */
+    async readItemById(k, F) {
+      const S = N(), x = `${W.netSuiteBackendUrl}/${S}/v2/explorer/item/${k}/${F}`;
+      return await P.get(x);
+    },
+    // ============================ Vendors ============================
+    /**
+     * List NetSuite vendors from the `vendor` table.
+     * Pass an optional raw SuiteQL WHERE clause to narrow results.
+     */
+    async browseVendorsByFilter(k) {
+      const F = N(), S = `${W.netSuiteBackendUrl}/${F}/v2/explorer/vendor/query`;
+      return await P.post(S, k ? { where: k } : {});
+    },
+    async readVendorById(k) {
+      const F = N(), S = `${W.netSuiteBackendUrl}/${F}/v2/explorer/vendor/${k}`;
+      return await P.get(S);
+    },
+    async triggerWebHook(k) {
+      const F = N(), S = `${W.netSuiteBackendUrl}/${F}/v2/explorer/trigger-webhook`;
+      await P.post(S, k);
+    }
+  };
+}), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useNetSuiteExplorerApi: ce
+}, Symbol.toStringTag, { value: "Module" })), je = Se((W, P) => {
+  const n = Le();
+  function N() {
+    var k;
+    return ((k = n.currentBusiness.value) == null ? void 0 : k._id) ?? "";
+  }
+  return {
+    async querySyncLogs(k = {}) {
+      const F = N(), S = new URLSearchParams();
+      Object.entries(k).forEach(([l, $]) => {
+        $ != null && $ !== "" && S.set(l, String($));
+      });
+      const x = `${W.netSuiteBackendUrl}/${F}/v2/integration/sync-log?${S.toString()}`;
+      return await P.get(x);
+    },
+    async getSyncLogStats(k = {}) {
+      const F = N(), S = new URLSearchParams();
+      Object.entries(k).forEach(([l, $]) => {
+        $ != null && $ !== "" && S.set(l, String($));
+      });
+      const x = `${W.netSuiteBackendUrl}/${F}/v2/integration/sync-log/stats?${S.toString()}`;
+      return await P.get(x);
+    },
+    async retrySyncLog(k) {
+      const F = N(), S = `${W.netSuiteBackendUrl}/${F}/v2/integration/sync-log/${k}/retry`;
+      return await P.post(S, {});
+    }
+  };
+}), qe = { class: "flex flex-col gap-2" }, Je = { class: "flex items-center gap-2 mb-1" }, ze = ["disabled"], We = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Qe = {
+  key: 0,
+  class: "flex items-center gap-2 py-2"
+}, He = {
+  key: 1,
+  class: "text-xs text-gray-400 py-2"
+}, Ke = {
+  key: 2,
+  class: "text-xs text-gray-400 py-2"
+}, Ye = {
+  key: 3,
+  class: "flex flex-col gap-1"
+}, Ge = ["onClick"], Xe = { class: "text-gray-400 whitespace-nowrap" }, Ze = {
+  key: 0,
+  class: "px-3 py-2 bg-gray-50 border-t border-gray-100 text-xs space-y-1"
+}, et = { key: 0 }, tt = { class: "text-gray-400" }, st = {
+  key: 0,
+  class: "flex items-center justify-between pt-2 text-xs text-gray-500"
+}, at = { class: "flex items-center gap-1" }, ot = ["disabled"], lt = ["disabled"], $e = 20, ve = /* @__PURE__ */ ne({
+  __name: "ExplorerRecordSyncLog",
+  props: {
+    purchaseOrderId: {},
+    netsuiteId: {},
+    recordType: {}
+  },
+  setup(W) {
+    const P = W, n = je(), N = f([]), k = f(!1), F = f(null), S = f(1), x = f(0), l = f(!1), $ = f(!1), p = B(() => Math.max(1, Math.ceil(x.value / $e)));
+    async function c() {
+      k.value = !0;
+      try {
+        const R = await n.querySyncLogs({
+          internalId: P.purchaseOrderId,
+          externalId: P.netsuiteId,
+          provider: "netsuite",
+          ...P.recordType ? { metadataRecordType: P.recordType } : {},
+          limit: $e,
+          page: S.value
+        });
+        N.value = R.data, x.value = R.total, l.value = !0, $.value = !0, setTimeout(() => $.value = !1, 2e3);
+      } catch (R) {
+        console.error("Failed to fetch sync logs for record:", R);
+      } finally {
+        k.value = !1;
+      }
+    }
+    function _(R) {
+      R < 1 || R > p.value || R === S.value || (S.value = R, F.value = null, c());
+    }
+    function h(R) {
+      F.value = F.value === R ? null : R;
+    }
+    function A(R) {
+      return new Date(R).toLocaleString();
+    }
+    function w(R) {
+      const V = R.level ?? 30;
+      return V >= 50 ? "text-red-600" : V >= 40 ? "text-amber-600" : "text-gray-700";
+    }
+    function b(R) {
+      const V = R.level ?? 30;
+      return V >= 50 ? "border-red-200" : V >= 40 ? "border-amber-200" : "border-gray-100";
+    }
+    return Oe(
+      () => P.netsuiteId,
+      () => {
+        S.value = 1, l.value = !1, N.value = [], x.value = 0, F.value = null;
+      }
+    ), _e(c), (R, V) => {
+      const J = se("FmChip"), Q = se("FmCircularProgress"), K = se("FmIcon");
+      return t(), a("div", qe, [
+        e("div", Je, [
+          l.value && !k.value ? (t(), H(J, {
+            key: 0,
+            label: `${x.value} entries`,
+            compact: ""
+          }, null, 8, ["label"])) : r("", !0),
+          e("button", {
+            class: j(["ml-auto text-xs flex items-center gap-1 transition-colors disabled:opacity-40", $.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+            disabled: k.value,
+            onClick: c
+          }, [
+            $.value ? (t(), a("svg", We, V[2] || (V[2] = [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M5 13l4 4L19 7"
+              }, null, -1)
+            ]))) : (t(), a("svg", {
+              key: 1,
+              class: j(["w-3.5 h-3.5", k.value ? "animate-spin" : ""]),
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, V[3] || (V[3] = [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+              }, null, -1)
+            ]), 2)),
+            re(" " + o($.value ? "Refreshed!" : "Refresh"), 1)
+          ], 10, ze)
+        ]),
+        k.value ? (t(), a("div", Qe, [
+          T(Q, { size: "md" }),
+          V[4] || (V[4] = e("span", { class: "text-xs text-gray-400" }, "Loading sync logs...", -1))
+        ])) : l.value ? N.value.length === 0 ? (t(), a("div", Ke, " No sync logs found for this record ")) : (t(), a("div", Ye, [
+          (t(!0), a(M, null, X(N.value, (v) => (t(), a("div", {
+            key: v._id,
+            class: j(["border rounded-lg overflow-hidden", b(v)])
+          }, [
+            e("div", {
+              class: "flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-gray-50 text-xs",
+              onClick: (s) => h(v._id)
+            }, [
+              e("span", Xe, o(A(v.createdAt)), 1),
+              e("span", {
+                class: j(["shrink-0 px-1.5 py-0.5 rounded text-[10px] font-semibold uppercase tracking-wide", {
+                  "bg-red-100 text-red-700": (v.level ?? 30) >= 50,
+                  "bg-amber-100 text-amber-700": (v.level ?? 30) >= 40 && (v.level ?? 30) < 50,
+                  "bg-blue-100 text-blue-700": (v.level ?? 30) >= 30 && (v.level ?? 30) < 40,
+                  "bg-gray-100 text-gray-500": (v.level ?? 30) < 30
+                }])
+              }, o((v.level ?? 30) >= 60 ? "fatal" : (v.level ?? 30) >= 50 ? "error" : (v.level ?? 30) >= 40 ? "warn" : (v.level ?? 30) >= 30 ? "info" : (v.level ?? 30) >= 20 ? "debug" : "trace"), 3),
+              e("span", {
+                class: j(["flex-1 truncate", w(v)])
+              }, o(v.message || "—"), 3),
+              T(K, {
+                name: F.value === v._id ? "expand_less" : "expand_more",
+                size: "sm",
+                color: "neutral-gray-400"
+              }, null, 8, ["name"])
+            ], 8, Ge),
+            F.value === v._id ? (t(), a("div", Ze, [
+              e("div", null, [
+                V[5] || (V[5] = e("strong", null, "ID:", -1)),
+                re(" " + o(v._id), 1)
+              ]),
+              v.level != null ? (t(), a("div", et, [
+                V[6] || (V[6] = e("strong", null, "Level: ", -1)),
+                e("span", {
+                  class: j(w(v))
+                }, [
+                  re(o(v.level) + " ", 1),
+                  e("span", tt, "(" + o(v.level >= 60 ? "fatal" : v.level >= 50 ? "error" : v.level >= 40 ? "warn" : v.level >= 30 ? "info" : v.level >= 20 ? "debug" : "trace") + ")", 1)
+                ], 2)
+              ])) : r("", !0),
+              T(ye, {
+                value: v,
+                "max-height": "15rem"
+              }, null, 8, ["value"])
+            ])) : r("", !0)
+          ], 2))), 128)),
+          p.value > 1 ? (t(), a("div", st, [
+            e("span", null, "Page " + o(S.value) + " of " + o(p.value), 1),
+            e("div", at, [
+              e("button", {
+                class: "px-2 py-1 rounded border border-gray-200 hover:bg-gray-100 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+                disabled: S.value <= 1,
+                onClick: V[0] || (V[0] = (v) => _(S.value - 1))
+              }, " ‹ Prev ", 8, ot),
+              e("button", {
+                class: "px-2 py-1 rounded border border-gray-200 hover:bg-gray-100 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+                disabled: S.value >= p.value,
+                onClick: V[1] || (V[1] = (v) => _(S.value + 1))
+              }, " Next › ", 8, lt)
+            ])
+          ])) : r("", !0)
+        ])) : (t(), a("div", He, " Click Refresh to load sync logs "))
+      ]);
+    };
+  }
+}), rt = { class: "p-6 space-y-6" }, nt = { class: "flex flex-wrap gap-2" }, it = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, dt = {
+  key: 1,
+  class: "space-y-6"
+}, ut = { class: "grid grid-cols-2 gap-x-8 gap-y-4 text-sm" }, ct = { class: "col-span-2" }, vt = { class: "font-semibold text-base" }, pt = { class: "font-mono font-medium" }, yt = { class: "font-mono font-medium" }, xt = { class: "font-medium" }, mt = { key: 0 }, gt = { class: "font-mono text-xs" }, ft = { class: "text-xs text-gray-500" }, bt = { class: "font-medium" }, _t = { class: "font-medium" }, ht = { class: "font-medium" }, kt = { class: "p-3 bg-gray-50 border border-gray-200 rounded-lg" }, $t = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, wt = { class: "font-mono font-medium" }, St = { class: "font-mono font-medium" }, Ct = { class: "font-medium" }, It = { class: "p-3 bg-gray-50 border border-gray-200 rounded-lg" }, Tt = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Dt = { key: 0 }, Lt = { class: "font-medium" }, Ft = { class: "font-mono text-xs text-gray-400" }, Rt = { class: "font-mono text-xs" }, Nt = { class: "font-mono text-xs" }, Ot = { class: "font-mono text-xs" }, Vt = {
+  key: 0,
+  class: "p-3 bg-gray-50 border border-gray-200 rounded-lg"
+}, Ut = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Bt = { class: "font-mono text-xs" }, Pt = { class: "font-medium" }, At = { key: 1 }, Et = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, Mt = { class: "mb-2 text-sm" }, jt = { class: "font-medium" }, qt = { class: "flex flex-wrap gap-1.5" }, Jt = ["title"], zt = { key: 2 }, Wt = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, Qt = { class: "border border-gray-200 rounded-lg overflow-hidden" }, Ht = { class: "w-full text-sm" }, Kt = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, Yt = { class: "px-3 py-2" }, Gt = { class: "font-medium" }, Xt = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, Zt = {
+  key: 1,
+  class: "text-xs text-gray-400"
+}, es = { class: "px-3 py-2 text-gray-600 text-xs" }, ts = { class: "px-3 py-2 text-gray-600 text-xs" }, ss = { class: "px-3 py-2 text-right font-mono" }, as = {
+  key: 3,
+  class: "p-3 bg-amber-50 border border-amber-200 rounded-lg"
+}, os = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, ls = { class: "text-xs text-amber-600 font-mono mb-0.5" }, rs = { class: "font-medium text-xs" }, ns = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, is = {
+  key: 1,
+  class: "font-mono text-xs text-gray-800"
+}, ds = {
+  key: 2,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, us = { key: 0 }, cs = {
+  key: 3,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, vs = {
+  key: 0,
+  class: "p-4"
+}, ps = { class: "flex items-center justify-between gap-3" }, ys = { class: "text-xs" }, xs = {
+  key: 0,
+  class: "text-green-600 font-medium"
+}, ms = {
+  key: 1,
+  class: "text-red-500"
+}, gs = { class: "flex gap-2" }, fs = /* @__PURE__ */ ne({
+  __name: "InventoryItemSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmChip: k, FmCircularProgress: F } = oe, S = ce(), x = f(!1), l = f(null), $ = f(null), p = f(!1), c = f(!1), _ = f(!1), h = f(!1);
+    async function A(v) {
+      if (l.value = null, $.value = null, p.value = !1, c.value = !1, x.value = !0, v) {
+        p.value = !0;
+        try {
+          const s = await v();
+          l.value = (s == null ? void 0 : s.nsRecord) ?? null, $.value = (s == null ? void 0 : s.replica) ?? null;
+        } catch (s) {
+          l.value = { error: (s == null ? void 0 : s.message) ?? "Failed to fetch" };
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    function w() {
+      x.value = !1, l.value = null, $.value = null, h.value = !1;
+    }
+    function b() {
+      var v;
+      (v = window.navigator.clipboard) == null || v.writeText(JSON.stringify(l.value, null, 2)), _.value = !0, setTimeout(() => _.value = !1, 2e3);
+    }
+    const R = B(() => l.value ? Object.entries(l.value).filter(
+      ([v, s]) => /^cust[^_]+_/.test(v) && s !== null && s !== void 0 && s !== ""
+    ).map(([v, s]) => ({ key: v, val: s })) : []), V = f(!1), J = f(null), Q = f(!1);
+    async function K() {
+      var v;
+      if ((v = l.value) != null && v.id) {
+        V.value = !0, J.value = null, Q.value = !1;
+        try {
+          await S.triggerWebHook({
+            event: "edit",
+            recordId: l.value.id,
+            recordType: "inventoryitem"
+          }), Q.value = !0, setTimeout(() => Q.value = !1, 3e3);
+        } catch (s) {
+          J.value = (s == null ? void 0 : s.message) ?? "Failed to trigger webhook";
+        } finally {
+          V.value = !1;
+        }
+      }
+    }
+    return P({ open: A, close: w }), (v, s) => {
+      var D;
+      return t(), H(g(n), {
+        modelValue: x.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (d) => x.value = d),
+        header: `Inventory Item · ${((D = l.value) == null ? void 0 : D.id) ?? "…"}`,
+        "max-width": 840
+      }, {
+        "side-sheet-footer": te(() => {
+          var d;
+          return [
+            e("div", ps, [
+              e("div", ys, [
+                Q.value ? (t(), a("span", xs, "Webhook triggered!")) : J.value ? (t(), a("span", ms, o(J.value), 1)) : r("", !0)
+              ]),
+              e("div", gs, [
+                (d = l.value) != null && d.id ? (t(), H(g(N), {
+                  key: 0,
+                  variant: "secondary",
+                  disabled: V.value || p.value,
+                  label: V.value ? "Triggering…" : "Trigger Webhook",
+                  onClick: K
+                }, null, 8, ["disabled", "label"])) : r("", !0),
+                T(g(N), {
+                  variant: "tertiary",
+                  label: "Close",
+                  onClick: w
+                })
+              ])
+            ])
+          ];
+        }),
+        default: te(() => {
+          var d, y, L, E, I;
+          return [
+            e("div", rt, [
+              e("div", nt, [
+                T(g(k), {
+                  label: "Inventory Part",
+                  compact: ""
+                }),
+                (d = l.value) != null && d.isInactive ? (t(), H(g(k), {
+                  key: 0,
+                  label: "Inactive",
+                  compact: ""
+                })) : r("", !0),
+                (y = l.value) != null && y.parent ? (t(), H(g(k), {
+                  key: 1,
+                  label: `Child of ${l.value.parent.refName}`,
+                  compact: ""
+                }, null, 8, ["label"])) : r("", !0),
+                p.value ? (t(), H(g(k), {
+                  key: 2,
+                  label: "Loading…",
+                  compact: ""
+                })) : r("", !0),
+                (L = $.value) != null && L.syncedAt ? (t(), H(g(k), {
+                  key: 3,
+                  label: `Last Synced: ${new Date($.value.syncedAt).toLocaleString()}`,
+                  compact: ""
+                }, null, 8, ["label"])) : !p.value && l.value ? (t(), H(g(k), {
+                  key: 4,
+                  label: "Not synced",
+                  compact: ""
+                })) : r("", !0)
+              ]),
+              p.value ? (t(), a("div", it, [
+                T(g(F), { size: "md" })
+              ])) : l.value ? (t(), a("div", dt, [
+                e("div", ut, [
+                  e("div", ct, [
+                    s[3] || (s[3] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item ID", -1)),
+                    e("div", vt, o(l.value.itemId), 1)
+                  ]),
+                  e("div", null, [
+                    s[4] || (s[4] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "External ID", -1)),
+                    e("div", pt, o(l.value.externalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[5] || (s[5] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Internal ID", -1)),
+                    e("div", yt, o(l.value.internalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[6] || (s[6] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item Type", -1)),
+                    e("div", xt, o(l.value.itemType.refName), 1)
+                  ]),
+                  l.value.parent ? (t(), a("div", mt, [
+                    s[7] || (s[7] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Parent Item", -1)),
+                    e("div", gt, o(l.value.parent.id), 1),
+                    e("div", ft, o(l.value.parent.refName), 1)
+                  ])) : r("", !0),
+                  e("div", null, [
+                    s[8] || (s[8] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Currency", -1)),
+                    e("div", bt, o(l.value.currency.refName), 1)
+                  ]),
+                  e("div", null, [
+                    s[9] || (s[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                    e("div", _t, o(l.value.createdDate), 1)
+                  ]),
+                  e("div", null, [
+                    s[10] || (s[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                    e("div", ht, o(l.value.lastModifiedDate), 1)
+                  ])
+                ]),
+                e("div", kt, [
+                  s[14] || (s[14] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, " Costing ", -1)),
+                  e("div", $t, [
+                    e("div", null, [
+                      s[11] || (s[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Cost (Purchase Price) ", -1)),
+                      e("div", wt, o(l.value.cost), 1)
+                    ]),
+                    e("div", null, [
+                      s[12] || (s[12] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Average Cost", -1)),
+                      e("div", St, o(l.value.averageCost ?? "—"), 1)
+                    ]),
+                    e("div", null, [
+                      s[13] || (s[13] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Costing Method", -1)),
+                      e("div", Ct, o(l.value.costingMethod.refName), 1)
+                    ])
+                  ])
+                ]),
+                e("div", It, [
+                  s[19] || (s[19] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, "Units", -1)),
+                  e("div", Tt, [
+                    l.value.unitsType ? (t(), a("div", Dt, [
+                      s[15] || (s[15] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Units Type", -1)),
+                      e("div", Lt, o(l.value.unitsType.refName), 1),
+                      e("div", Ft, o(l.value.unitsType.id), 1)
+                    ])) : r("", !0),
+                    e("div", null, [
+                      s[16] || (s[16] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Base Unit ID", -1)),
+                      e("div", Rt, o(l.value.baseUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[17] || (s[17] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Purchase Unit ID ", -1)),
+                      e("div", Nt, o(l.value.purchaseUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[18] || (s[18] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Stock Unit ID", -1)),
+                      e("div", Ot, o(l.value.stockUnit), 1)
+                    ])
+                  ])
+                ]),
+                l.value.cogsAccount ? (t(), a("div", Vt, [
+                  s[22] || (s[22] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, " COGS Account ", -1)),
+                  e("div", Ut, [
+                    e("div", null, [
+                      s[20] || (s[20] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "ID", -1)),
+                      e("div", Bt, o(l.value.cogsAccount.id), 1)
+                    ]),
+                    e("div", null, [
+                      s[21] || (s[21] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Name", -1)),
+                      e("div", Pt, o(l.value.cogsAccount.refName), 1)
+                    ])
+                  ])
+                ])) : r("", !0),
+                l.value.subsidiary.items.length > 0 ? (t(), a("div", At, [
+                  e("div", Et, " Subsidiaries (" + o(l.value.subsidiary.totalResults) + ") ", 1),
+                  e("div", Mt, [
+                    s[23] || (s[23] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Include Children: ", -1)),
+                    e("span", jt, o(l.value.includeChildren ? "Yes" : "No"), 1)
+                  ]),
+                  e("div", qt, [
+                    (t(!0), a(M, null, X(l.value.subsidiary.items, (C) => (t(), a("span", {
+                      key: C.id,
+                      class: "px-2 py-0.5 rounded-full text-xs border bg-gray-50 border-gray-200 text-gray-700",
+                      title: C.id
+                    }, o(C.refName), 9, Jt))), 128))
+                  ])
+                ])) : r("", !0),
+                ((E = l.value.itemVendor) == null ? void 0 : E.totalResults) > 0 ? (t(), a("div", zt, [
+                  e("div", Wt, " Vendors (" + o(l.value.itemVendor.totalResults) + ") ", 1),
+                  e("div", Qt, [
+                    e("table", Ht, [
+                      s[24] || (s[24] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                        e("tr", null, [
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Vendor"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Subsidiary"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Currency"),
+                          e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Price")
+                        ])
+                      ], -1)),
+                      e("tbody", null, [
+                        (t(!0), a(M, null, X(l.value.itemVendor.items, (C, Y) => {
+                          var Z, O, u;
+                          return t(), a("tr", {
+                            key: Y,
+                            class: "border-b border-gray-100 last:border-0"
+                          }, [
+                            e("td", Kt, o(Y + 1), 1),
+                            e("td", Yt, [
+                              e("div", Gt, o(((Z = C.vendor) == null ? void 0 : Z.refName) ?? "—"), 1),
+                              (O = C.vendor) != null && O.id ? (t(), a("div", Xt, " ID: " + o(C.vendor.id), 1)) : r("", !0),
+                              C.vendorCode ? (t(), a("div", Zt, " Code: " + o(C.vendorCode), 1)) : r("", !0)
+                            ]),
+                            e("td", es, o(((u = C.subsidiary) == null ? void 0 : u.refName) ?? "—"), 1),
+                            e("td", ts, o(C.vendorCurrencyName ?? "—"), 1),
+                            e("td", ss, o(C.purchasePrice ?? "—"), 1)
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ])
+                ])) : r("", !0),
+                R.value.length > 0 ? (t(), a("div", as, [
+                  s[25] || (s[25] = e("div", { class: "text-xs font-semibold text-amber-700 uppercase tracking-wide mb-3" }, " Custom Fields ", -1)),
+                  e("div", os, [
+                    (t(!0), a(M, null, X(R.value, (C) => (t(), a("div", {
+                      key: C.key
+                    }, [
+                      e("div", ls, o(C.key), 1),
+                      C.val && typeof C.val == "object" && "refName" in C.val ? (t(), a(M, { key: 0 }, [
+                        e("div", rs, o(C.val.refName), 1),
+                        C.val.id ? (t(), a("div", ns, " ID: " + o(C.val.id), 1)) : r("", !0)
+                      ], 64)) : (t(), a("div", is, o(C.val), 1))
+                    ]))), 128))
+                  ])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              l.value ? (t(), a("div", ds, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", c.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[0] || (s[0] = (C) => c.value = !c.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", c.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[26] || (s[26] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[27] || (s[27] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                  c.value ? (t(), a("button", {
+                    key: 0,
+                    class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", _.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                    onClick: de(b, ["stop"])
+                  }, o(_.value ? "Copied!" : "Copy JSON"), 3)) : r("", !0)
+                ], 2),
+                c.value ? (t(), a("div", us, [
+                  T(ye, { value: l.value }, null, 8, ["value"])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              (I = l.value) != null && I.id ? (t(), a("div", cs, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", h.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[1] || (s[1] = (C) => h.value = !h.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", h.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[28] || (s[28] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[29] || (s[29] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+                ], 2),
+                h.value ? (t(), a("div", vs, [
+                  T(ve, {
+                    "netsuite-id": l.value.id,
+                    "record-type": "inventoryItem"
+                  }, null, 8, ["netsuite-id"])
+                ])) : r("", !0)
+              ])) : r("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), bs = { class: "p-6 space-y-6" }, _s = { class: "flex flex-wrap gap-2" }, hs = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, ks = {
+  key: 1,
+  class: "space-y-6"
+}, $s = { class: "grid grid-cols-2 gap-x-8 gap-y-4 text-sm" }, ws = { class: "col-span-2" }, Ss = { class: "font-semibold text-base" }, Cs = { class: "font-mono font-medium" }, Is = { class: "font-mono font-medium" }, Ts = { class: "font-medium" }, Ds = { key: 0 }, Ls = { class: "font-mono text-xs" }, Fs = { class: "text-xs text-gray-500" }, Rs = { class: "font-medium" }, Ns = { class: "font-medium" }, Os = { class: "font-medium" }, Vs = { class: "p-3 bg-gray-50 border border-gray-200 rounded-lg" }, Us = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Bs = { class: "font-mono font-medium" }, Ps = { class: "font-mono font-medium" }, As = { class: "font-medium" }, Es = { class: "p-3 bg-gray-50 border border-gray-200 rounded-lg" }, Ms = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, js = { key: 0 }, qs = { class: "font-medium" }, Js = { class: "font-mono text-xs text-gray-400" }, zs = { class: "font-mono text-xs" }, Ws = { class: "font-mono text-xs" }, Qs = { class: "font-mono text-xs" }, Hs = {
+  key: 0,
+  class: "p-3 bg-gray-50 border border-gray-200 rounded-lg"
+}, Ks = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Ys = { class: "font-mono text-xs" }, Gs = { class: "font-medium" }, Xs = { key: 1 }, Zs = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, ea = { class: "mb-2 text-sm" }, ta = { class: "font-medium" }, sa = { class: "flex flex-wrap gap-1.5" }, aa = ["title"], oa = { key: 2 }, la = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, ra = { class: "border border-gray-200 rounded-lg overflow-hidden" }, na = { class: "w-full text-sm" }, ia = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, da = { class: "px-3 py-2" }, ua = { class: "font-medium" }, ca = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, va = {
+  key: 1,
+  class: "text-xs text-gray-400"
+}, pa = { class: "px-3 py-2 text-gray-600 text-xs" }, ya = { class: "px-3 py-2 text-gray-600 text-xs" }, xa = { class: "px-3 py-2 text-right font-mono" }, ma = {
+  key: 3,
+  class: "p-3 bg-amber-50 border border-amber-200 rounded-lg"
+}, ga = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, fa = { class: "text-xs text-amber-600 font-mono mb-0.5" }, ba = { class: "font-medium text-xs" }, _a = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, ha = {
+  key: 1,
+  class: "font-mono text-xs text-gray-800"
+}, ka = {
+  key: 2,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, $a = { key: 0 }, wa = {
+  key: 3,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, Sa = {
+  key: 0,
+  class: "p-4"
+}, Ca = { class: "flex items-center justify-between gap-3" }, Ia = { class: "text-xs" }, Ta = {
+  key: 0,
+  class: "text-green-600 font-medium"
+}, Da = {
+  key: 1,
+  class: "text-red-500"
+}, La = { class: "flex gap-2" }, Fa = /* @__PURE__ */ ne({
+  __name: "AssemblyItemSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmChip: k, FmCircularProgress: F } = oe, S = ce(), x = f(!1), l = f(null), $ = f(null), p = f(!1), c = f(!1), _ = f(!1), h = f(!1);
+    async function A(v) {
+      if (l.value = null, $.value = null, p.value = !1, c.value = !1, x.value = !0, v) {
+        p.value = !0;
+        try {
+          const s = await v();
+          l.value = (s == null ? void 0 : s.nsRecord) ?? null, $.value = (s == null ? void 0 : s.replica) ?? null;
+        } catch (s) {
+          l.value = { error: (s == null ? void 0 : s.message) ?? "Failed to fetch" };
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    function w() {
+      x.value = !1, l.value = null, $.value = null, h.value = !1;
+    }
+    function b() {
+      var v;
+      (v = window.navigator.clipboard) == null || v.writeText(JSON.stringify(l.value, null, 2)), _.value = !0, setTimeout(() => _.value = !1, 2e3);
+    }
+    const R = B(() => l.value ? Object.entries(l.value).filter(
+      ([v, s]) => /^cust[^_]+_/.test(v) && s !== null && s !== void 0 && s !== ""
+    ).map(([v, s]) => ({ key: v, val: s })) : []), V = f(!1), J = f(null), Q = f(!1);
+    async function K() {
+      var v;
+      if ((v = l.value) != null && v.id) {
+        V.value = !0, J.value = null, Q.value = !1;
+        try {
+          await S.triggerWebHook({
+            event: "edit",
+            recordId: l.value.id,
+            recordType: "assemblyitem"
+          }), Q.value = !0, setTimeout(() => Q.value = !1, 3e3);
+        } catch (s) {
+          J.value = (s == null ? void 0 : s.message) ?? "Failed to trigger webhook";
+        } finally {
+          V.value = !1;
+        }
+      }
+    }
+    return P({ open: A, close: w }), (v, s) => {
+      var D;
+      return t(), H(g(n), {
+        modelValue: x.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (d) => x.value = d),
+        header: `Assembly / BOM · ${((D = l.value) == null ? void 0 : D.id) ?? "…"}`,
+        "max-width": 840
+      }, {
+        "side-sheet-footer": te(() => {
+          var d;
+          return [
+            e("div", Ca, [
+              e("div", Ia, [
+                Q.value ? (t(), a("span", Ta, "Webhook triggered!")) : J.value ? (t(), a("span", Da, o(J.value), 1)) : r("", !0)
+              ]),
+              e("div", La, [
+                (d = l.value) != null && d.id ? (t(), H(g(N), {
+                  key: 0,
+                  variant: "secondary",
+                  disabled: V.value || p.value,
+                  label: V.value ? "Triggering…" : "Trigger Webhook",
+                  onClick: K
+                }, null, 8, ["disabled", "label"])) : r("", !0),
+                T(g(N), {
+                  variant: "tertiary",
+                  label: "Close",
+                  onClick: w
+                })
+              ])
+            ])
+          ];
+        }),
+        default: te(() => {
+          var d, y, L, E, I;
+          return [
+            e("div", bs, [
+              e("div", _s, [
+                T(g(k), {
+                  label: "Assembly / BOM",
+                  compact: ""
+                }),
+                (d = l.value) != null && d.isInactive ? (t(), H(g(k), {
+                  key: 0,
+                  label: "Inactive",
+                  compact: ""
+                })) : r("", !0),
+                (y = l.value) != null && y.parent ? (t(), H(g(k), {
+                  key: 1,
+                  label: `Child of ${l.value.parent.refName}`,
+                  compact: ""
+                }, null, 8, ["label"])) : r("", !0),
+                p.value ? (t(), H(g(k), {
+                  key: 2,
+                  label: "Loading…",
+                  compact: ""
+                })) : r("", !0),
+                (L = $.value) != null && L.syncedAt ? (t(), H(g(k), {
+                  key: 3,
+                  label: `Last Synced: ${new Date($.value.syncedAt).toLocaleString()}`,
+                  compact: ""
+                }, null, 8, ["label"])) : !p.value && l.value ? (t(), H(g(k), {
+                  key: 4,
+                  label: "Not synced",
+                  compact: ""
+                })) : r("", !0)
+              ]),
+              p.value ? (t(), a("div", hs, [
+                T(g(F), { size: "md" })
+              ])) : l.value ? (t(), a("div", ks, [
+                e("div", $s, [
+                  e("div", ws, [
+                    s[3] || (s[3] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item ID", -1)),
+                    e("div", Ss, o(l.value.itemId), 1)
+                  ]),
+                  e("div", null, [
+                    s[4] || (s[4] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "External ID", -1)),
+                    e("div", Cs, o(l.value.externalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[5] || (s[5] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Internal ID", -1)),
+                    e("div", Is, o(l.value.internalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[6] || (s[6] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item Type", -1)),
+                    e("div", Ts, o(l.value.itemType.refName), 1)
+                  ]),
+                  l.value.parent ? (t(), a("div", Ds, [
+                    s[7] || (s[7] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Parent Item", -1)),
+                    e("div", Ls, o(l.value.parent.id), 1),
+                    e("div", Fs, o(l.value.parent.refName), 1)
+                  ])) : r("", !0),
+                  e("div", null, [
+                    s[8] || (s[8] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Currency", -1)),
+                    e("div", Rs, o(l.value.currency.refName), 1)
+                  ]),
+                  e("div", null, [
+                    s[9] || (s[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                    e("div", Ns, o(l.value.createdDate), 1)
+                  ]),
+                  e("div", null, [
+                    s[10] || (s[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                    e("div", Os, o(l.value.lastModifiedDate), 1)
+                  ])
+                ]),
+                e("div", Vs, [
+                  s[14] || (s[14] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, " Costing ", -1)),
+                  e("div", Us, [
+                    e("div", null, [
+                      s[11] || (s[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Cost", -1)),
+                      e("div", Bs, o(l.value.cost), 1)
+                    ]),
+                    e("div", null, [
+                      s[12] || (s[12] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Average Cost", -1)),
+                      e("div", Ps, o(l.value.averageCost ?? "—"), 1)
+                    ]),
+                    e("div", null, [
+                      s[13] || (s[13] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Costing Method", -1)),
+                      e("div", As, o(l.value.costingMethod.refName), 1)
+                    ])
+                  ])
+                ]),
+                e("div", Es, [
+                  s[19] || (s[19] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, "Units", -1)),
+                  e("div", Ms, [
+                    l.value.unitsType ? (t(), a("div", js, [
+                      s[15] || (s[15] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Units Type", -1)),
+                      e("div", qs, o(l.value.unitsType.refName), 1),
+                      e("div", Js, o(l.value.unitsType.id), 1)
+                    ])) : r("", !0),
+                    e("div", null, [
+                      s[16] || (s[16] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Base Unit ID", -1)),
+                      e("div", zs, o(l.value.baseUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[17] || (s[17] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Purchase Unit ID ", -1)),
+                      e("div", Ws, o(l.value.purchaseUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[18] || (s[18] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Stock Unit ID", -1)),
+                      e("div", Qs, o(l.value.stockUnit), 1)
+                    ])
+                  ])
+                ]),
+                l.value.cogsAccount ? (t(), a("div", Hs, [
+                  s[22] || (s[22] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, " COGS Account ", -1)),
+                  e("div", Ks, [
+                    e("div", null, [
+                      s[20] || (s[20] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "ID", -1)),
+                      e("div", Ys, o(l.value.cogsAccount.id), 1)
+                    ]),
+                    e("div", null, [
+                      s[21] || (s[21] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Name", -1)),
+                      e("div", Gs, o(l.value.cogsAccount.refName), 1)
+                    ])
+                  ])
+                ])) : r("", !0),
+                l.value.subsidiary.items.length > 0 ? (t(), a("div", Xs, [
+                  e("div", Zs, " Subsidiaries (" + o(l.value.subsidiary.totalResults) + ") ", 1),
+                  e("div", ea, [
+                    s[23] || (s[23] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Include Children: ", -1)),
+                    e("span", ta, o(l.value.includeChildren ? "Yes" : "No"), 1)
+                  ]),
+                  e("div", sa, [
+                    (t(!0), a(M, null, X(l.value.subsidiary.items, (C) => (t(), a("span", {
+                      key: C.id,
+                      class: "px-2 py-0.5 rounded-full text-xs border bg-gray-50 border-gray-200 text-gray-700",
+                      title: C.id
+                    }, o(C.refName), 9, aa))), 128))
+                  ])
+                ])) : r("", !0),
+                ((E = l.value.itemVendor) == null ? void 0 : E.totalResults) > 0 ? (t(), a("div", oa, [
+                  e("div", la, " Vendors (" + o(l.value.itemVendor.totalResults) + ") ", 1),
+                  e("div", ra, [
+                    e("table", na, [
+                      s[24] || (s[24] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                        e("tr", null, [
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Vendor"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Subsidiary"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Currency"),
+                          e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Price")
+                        ])
+                      ], -1)),
+                      e("tbody", null, [
+                        (t(!0), a(M, null, X(l.value.itemVendor.items, (C, Y) => {
+                          var Z, O, u;
+                          return t(), a("tr", {
+                            key: Y,
+                            class: "border-b border-gray-100 last:border-0"
+                          }, [
+                            e("td", ia, o(Y + 1), 1),
+                            e("td", da, [
+                              e("div", ua, o(((Z = C.vendor) == null ? void 0 : Z.refName) ?? "—"), 1),
+                              (O = C.vendor) != null && O.id ? (t(), a("div", ca, " ID: " + o(C.vendor.id), 1)) : r("", !0),
+                              C.vendorCode ? (t(), a("div", va, " Code: " + o(C.vendorCode), 1)) : r("", !0)
+                            ]),
+                            e("td", pa, o(((u = C.subsidiary) == null ? void 0 : u.refName) ?? "—"), 1),
+                            e("td", ya, o(C.vendorCurrencyName ?? "—"), 1),
+                            e("td", xa, o(C.purchasePrice ?? "—"), 1)
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ])
+                ])) : r("", !0),
+                R.value.length > 0 ? (t(), a("div", ma, [
+                  s[25] || (s[25] = e("div", { class: "text-xs font-semibold text-amber-700 uppercase tracking-wide mb-3" }, " Custom Fields ", -1)),
+                  e("div", ga, [
+                    (t(!0), a(M, null, X(R.value, (C) => (t(), a("div", {
+                      key: C.key
+                    }, [
+                      e("div", fa, o(C.key), 1),
+                      C.val && typeof C.val == "object" && "refName" in C.val ? (t(), a(M, { key: 0 }, [
+                        e("div", ba, o(C.val.refName), 1),
+                        C.val.id ? (t(), a("div", _a, " ID: " + o(C.val.id), 1)) : r("", !0)
+                      ], 64)) : (t(), a("div", ha, o(C.val), 1))
+                    ]))), 128))
+                  ])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              l.value ? (t(), a("div", ka, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", c.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[0] || (s[0] = (C) => c.value = !c.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", c.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[26] || (s[26] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[27] || (s[27] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                  c.value ? (t(), a("button", {
+                    key: 0,
+                    class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", _.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                    onClick: de(b, ["stop"])
+                  }, o(_.value ? "Copied!" : "Copy JSON"), 3)) : r("", !0)
+                ], 2),
+                c.value ? (t(), a("div", $a, [
+                  T(ye, { value: l.value }, null, 8, ["value"])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              (I = l.value) != null && I.id ? (t(), a("div", wa, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", h.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[1] || (s[1] = (C) => h.value = !h.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", h.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[28] || (s[28] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[29] || (s[29] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+                ], 2),
+                h.value ? (t(), a("div", Sa, [
+                  T(ve, {
+                    "netsuite-id": l.value.id,
+                    "record-type": "assemblyItem"
+                  }, null, 8, ["netsuite-id"])
+                ])) : r("", !0)
+              ])) : r("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Ra = { class: "p-6 space-y-6" }, Na = { class: "flex flex-wrap gap-2" }, Oa = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, Va = {
+  key: 1,
+  class: "space-y-6"
+}, Ua = { class: "grid grid-cols-2 gap-x-8 gap-y-4 text-sm" }, Ba = { class: "col-span-2" }, Pa = { class: "font-semibold text-base" }, Aa = { class: "font-mono font-medium" }, Ea = { class: "font-mono font-medium" }, Ma = { class: "font-medium" }, ja = { class: "font-medium" }, qa = { class: "font-medium" }, Ja = { class: "font-medium" }, za = { class: "font-medium" }, Wa = { class: "p-3 bg-gray-50 border border-gray-200 rounded-lg" }, Qa = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Ha = { class: "font-medium" }, Ka = { class: "font-mono text-xs text-gray-400" }, Ya = { class: "font-mono text-xs" }, Ga = { class: "font-mono text-xs" }, Xa = { class: "font-mono text-xs" }, Za = { key: 0 }, eo = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, to = { class: "mb-2 text-sm" }, so = { class: "font-medium" }, ao = { class: "flex flex-wrap gap-1.5" }, oo = ["title"], lo = { key: 1 }, ro = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, no = { class: "border border-gray-200 rounded-lg overflow-hidden" }, io = { class: "w-full text-sm" }, uo = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, co = { class: "px-3 py-2" }, vo = { class: "font-medium" }, po = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, yo = {
+  key: 1,
+  class: "text-xs text-gray-400"
+}, xo = { class: "px-3 py-2 text-gray-600 text-xs" }, mo = { class: "px-3 py-2 text-gray-600 text-xs" }, go = { class: "px-3 py-2 text-right font-mono" }, fo = {
+  key: 2,
+  class: "p-3 bg-amber-50 border border-amber-200 rounded-lg"
+}, bo = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, _o = { class: "text-xs text-amber-600 font-mono mb-0.5" }, ho = { class: "font-medium text-xs" }, ko = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, $o = {
+  key: 1,
+  class: "font-mono text-xs text-gray-800"
+}, wo = {
+  key: 3,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, So = { key: 0 }, Co = {
+  key: 4,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, Io = {
+  key: 0,
+  class: "p-4"
+}, To = { class: "flex items-center justify-between gap-3" }, Do = { class: "text-xs" }, Lo = {
+  key: 0,
+  class: "text-green-600 font-medium"
+}, Fo = {
+  key: 1,
+  class: "text-red-500"
+}, Ro = { class: "flex gap-2" }, No = /* @__PURE__ */ ne({
+  __name: "ServiceItemSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmChip: k, FmCircularProgress: F } = oe, S = ce(), x = f(!1), l = f(null), $ = f(null), p = f(!1), c = f(!1), _ = f(!1), h = f(!1);
+    async function A(v) {
+      if (l.value = null, $.value = null, p.value = !1, c.value = !1, x.value = !0, v) {
+        p.value = !0;
+        try {
+          const s = await v();
+          l.value = (s == null ? void 0 : s.nsRecord) ?? null, $.value = (s == null ? void 0 : s.replica) ?? null;
+        } catch (s) {
+          l.value = { error: (s == null ? void 0 : s.message) ?? "Failed to fetch" };
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    function w() {
+      x.value = !1, l.value = null, $.value = null, h.value = !1;
+    }
+    function b() {
+      var v;
+      (v = window.navigator.clipboard) == null || v.writeText(JSON.stringify(l.value, null, 2)), _.value = !0, setTimeout(() => _.value = !1, 2e3);
+    }
+    const R = B(() => l.value ? Object.entries(l.value).filter(
+      ([v, s]) => /^cust[^_]+_/.test(v) && s !== null && s !== void 0 && s !== ""
+    ).map(([v, s]) => ({ key: v, val: s })) : []), V = f(!1), J = f(null), Q = f(!1);
+    async function K() {
+      var v;
+      if ((v = l.value) != null && v.id) {
+        V.value = !0, J.value = null, Q.value = !1;
+        try {
+          await S.triggerWebHook({
+            event: "edit",
+            recordId: l.value.id,
+            recordType: "serviceitem"
+          }), Q.value = !0, setTimeout(() => Q.value = !1, 3e3);
+        } catch (s) {
+          J.value = (s == null ? void 0 : s.message) ?? "Failed to trigger webhook";
+        } finally {
+          V.value = !1;
+        }
+      }
+    }
+    return P({ open: A, close: w }), (v, s) => {
+      var D;
+      return t(), H(g(n), {
+        modelValue: x.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (d) => x.value = d),
+        header: `Service Item · ${((D = l.value) == null ? void 0 : D.id) ?? "…"}`,
+        "max-width": 840
+      }, {
+        "side-sheet-footer": te(() => {
+          var d;
+          return [
+            e("div", To, [
+              e("div", Do, [
+                Q.value ? (t(), a("span", Lo, "Webhook triggered!")) : J.value ? (t(), a("span", Fo, o(J.value), 1)) : r("", !0)
+              ]),
+              e("div", Ro, [
+                (d = l.value) != null && d.id ? (t(), H(g(N), {
+                  key: 0,
+                  variant: "secondary",
+                  disabled: V.value || p.value,
+                  label: V.value ? "Triggering…" : "Trigger Webhook",
+                  onClick: K
+                }, null, 8, ["disabled", "label"])) : r("", !0),
+                T(g(N), {
+                  variant: "tertiary",
+                  label: "Close",
+                  onClick: w
+                })
+              ])
+            ])
+          ];
+        }),
+        default: te(() => {
+          var d, y, L, E, I, C, Y, Z, O, u, i, m;
+          return [
+            e("div", Ra, [
+              e("div", Na, [
+                T(g(k), {
+                  label: "Service",
+                  compact: ""
+                }),
+                (d = l.value) != null && d.subtype ? (t(), H(g(k), {
+                  key: 0,
+                  label: l.value.subtype.refName,
+                  compact: ""
+                }, null, 8, ["label"])) : r("", !0),
+                (y = l.value) != null && y.isInactive ? (t(), H(g(k), {
+                  key: 1,
+                  label: "Inactive",
+                  compact: ""
+                })) : r("", !0),
+                p.value ? (t(), H(g(k), {
+                  key: 2,
+                  label: "Loading…",
+                  compact: ""
+                })) : r("", !0),
+                (L = $.value) != null && L.syncedAt ? (t(), H(g(k), {
+                  key: 3,
+                  label: `Last Synced: ${new Date($.value.syncedAt).toLocaleString()}`,
+                  compact: ""
+                }, null, 8, ["label"])) : !p.value && l.value ? (t(), H(g(k), {
+                  key: 4,
+                  label: "Not synced",
+                  compact: ""
+                })) : r("", !0)
+              ]),
+              p.value ? (t(), a("div", Oa, [
+                T(g(F), { size: "md" })
+              ])) : l.value ? (t(), a("div", Va, [
+                e("div", Ua, [
+                  e("div", Ba, [
+                    s[3] || (s[3] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item ID", -1)),
+                    e("div", Pa, o(l.value.itemId), 1)
+                  ]),
+                  e("div", null, [
+                    s[4] || (s[4] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "External ID", -1)),
+                    e("div", Aa, o(l.value.externalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[5] || (s[5] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Internal ID", -1)),
+                    e("div", Ea, o(l.value.internalId), 1)
+                  ]),
+                  e("div", null, [
+                    s[6] || (s[6] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Item Type", -1)),
+                    e("div", Ma, o(((E = l.value.itemType) == null ? void 0 : E.refName) ?? "—"), 1)
+                  ]),
+                  e("div", null, [
+                    s[7] || (s[7] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Subtype", -1)),
+                    e("div", ja, o(((I = l.value.subtype) == null ? void 0 : I.refName) ?? "—"), 1)
+                  ]),
+                  e("div", null, [
+                    s[8] || (s[8] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Currency", -1)),
+                    e("div", qa, o(((C = l.value.currency) == null ? void 0 : C.refName) ?? "—"), 1)
+                  ]),
+                  e("div", null, [
+                    s[9] || (s[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                    e("div", Ja, o(l.value.createdDate), 1)
+                  ]),
+                  e("div", null, [
+                    s[10] || (s[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                    e("div", za, o(l.value.lastModifiedDate), 1)
+                  ])
+                ]),
+                e("div", Wa, [
+                  s[15] || (s[15] = e("div", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-3" }, "Units", -1)),
+                  e("div", Qa, [
+                    e("div", null, [
+                      s[11] || (s[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Units Type", -1)),
+                      e("div", Ha, o(((Y = l.value.unitsType) == null ? void 0 : Y.refName) ?? "—"), 1),
+                      e("div", Ka, o(((Z = l.value.unitsType) == null ? void 0 : Z.id) ?? "—"), 1)
+                    ]),
+                    e("div", null, [
+                      s[12] || (s[12] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Base Unit ID", -1)),
+                      e("div", Ya, o(l.value.baseUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[13] || (s[13] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Consumption Unit ID ", -1)),
+                      e("div", Ga, o(l.value.consumptionUnit), 1)
+                    ]),
+                    e("div", null, [
+                      s[14] || (s[14] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Purchase Unit ID ", -1)),
+                      e("div", Xa, o(l.value.purchaseUnit), 1)
+                    ])
+                  ])
+                ]),
+                ((u = (O = l.value.subsidiary) == null ? void 0 : O.items) == null ? void 0 : u.length) > 0 ? (t(), a("div", Za, [
+                  e("div", eo, " Subsidiaries (" + o(l.value.subsidiary.totalResults) + ") ", 1),
+                  e("div", to, [
+                    s[16] || (s[16] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Include Children: ", -1)),
+                    e("span", so, o(l.value.includeChildren ? "Yes" : "No"), 1)
+                  ]),
+                  e("div", ao, [
+                    (t(!0), a(M, null, X(l.value.subsidiary.items, (U) => (t(), a("span", {
+                      key: U.id,
+                      class: "px-2 py-0.5 rounded-full text-xs border bg-gray-50 border-gray-200 text-gray-700",
+                      title: U.id
+                    }, o(U.refName), 9, oo))), 128))
+                  ])
+                ])) : r("", !0),
+                ((i = l.value.itemVendor) == null ? void 0 : i.totalResults) > 0 ? (t(), a("div", lo, [
+                  e("div", ro, " Vendors (" + o(l.value.itemVendor.totalResults) + ") ", 1),
+                  e("div", no, [
+                    e("table", io, [
+                      s[17] || (s[17] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                        e("tr", null, [
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Vendor"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Subsidiary"),
+                          e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Currency"),
+                          e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Price")
+                        ])
+                      ], -1)),
+                      e("tbody", null, [
+                        (t(!0), a(M, null, X(l.value.itemVendor.items, (U, z) => {
+                          var ae, G, ee;
+                          return t(), a("tr", {
+                            key: z,
+                            class: "border-b border-gray-100 last:border-0"
+                          }, [
+                            e("td", uo, o(z + 1), 1),
+                            e("td", co, [
+                              e("div", vo, o(((ae = U.vendor) == null ? void 0 : ae.refName) ?? "—"), 1),
+                              (G = U.vendor) != null && G.id ? (t(), a("div", po, " ID: " + o(U.vendor.id), 1)) : r("", !0),
+                              U.vendorCode ? (t(), a("div", yo, " Code: " + o(U.vendorCode), 1)) : r("", !0)
+                            ]),
+                            e("td", xo, o(((ee = U.subsidiary) == null ? void 0 : ee.refName) ?? "—"), 1),
+                            e("td", mo, o(U.vendorCurrencyName ?? "—"), 1),
+                            e("td", go, o(U.purchasePrice ?? "—"), 1)
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              R.value.length > 0 ? (t(), a("div", fo, [
+                s[18] || (s[18] = e("div", { class: "text-xs font-semibold text-amber-700 uppercase tracking-wide mb-3" }, " Custom Fields ", -1)),
+                e("div", bo, [
+                  (t(!0), a(M, null, X(R.value, (U) => (t(), a("div", {
+                    key: U.key
+                  }, [
+                    e("div", _o, o(U.key), 1),
+                    U.val && typeof U.val == "object" && "refName" in U.val ? (t(), a(M, { key: 0 }, [
+                      e("div", ho, o(U.val.refName), 1),
+                      U.val.id ? (t(), a("div", ko, "ID: " + o(U.val.id), 1)) : r("", !0)
+                    ], 64)) : (t(), a("div", $o, o(U.val), 1))
+                  ]))), 128))
+                ])
+              ])) : r("", !0),
+              l.value ? (t(), a("div", wo, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", c.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[0] || (s[0] = (U) => c.value = !c.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", c.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[19] || (s[19] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[20] || (s[20] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                  c.value ? (t(), a("button", {
+                    key: 0,
+                    class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", _.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                    onClick: de(b, ["stop"])
+                  }, o(_.value ? "Copied!" : "Copy JSON"), 3)) : r("", !0)
+                ], 2),
+                c.value ? (t(), a("div", So, [
+                  T(ye, { value: l.value }, null, 8, ["value"])
+                ])) : r("", !0)
+              ])) : r("", !0),
+              (m = l.value) != null && m.id ? (t(), a("div", Co, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", h.value ? "border-b border-gray-200" : ""]),
+                  onClick: s[1] || (s[1] = (U) => h.value = !h.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", h.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, s[21] || (s[21] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  s[22] || (s[22] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+                ], 2),
+                h.value ? (t(), a("div", Io, [
+                  T(ve, {
+                    "netsuite-id": l.value.id,
+                    "record-type": "serviceItem"
+                  }, null, 8, ["netsuite-id"])
+                ])) : r("", !0)
+              ])) : r("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Oo = { class: "flex flex-col gap-4" }, Vo = { class: "flex gap-1 p-1 bg-gray-100 rounded-lg w-fit" }, Uo = ["onClick"], Bo = { class: "flex flex-wrap gap-3 items-end" }, Po = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, Ao = { class: "flex items-center gap-2" }, Eo = ["value"], Mo = { class: "flex flex-col gap-1" }, jo = { class: "text-xs text-gray-500 font-medium" }, qo = {
+  key: 0,
+  class: "text-gray-400 font-normal"
+}, Jo = {
+  key: 1,
+  class: "px-3 py-2 text-sm font-mono bg-gray-50 border border-gray-200 rounded-lg text-gray-700 min-w-[28rem] min-h-9 whitespace-pre-wrap"
+}, zo = { class: "flex flex-wrap gap-4 items-center" }, Wo = { class: "flex items-center gap-1.5 ml-auto" }, Qo = {
+  key: 0,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, Ho = {
+  key: 1,
+  class: "flex justify-center py-8"
+}, Ko = {
+  key: 3,
+  class: "text-center py-8 text-gray-400"
+}, Yo = {
+  key: 4,
+  class: "text-center py-8 text-gray-400"
+}, Go = /* @__PURE__ */ ne({
+  __name: "ItemsView",
+  setup(W) {
+    const P = ce(), n = Ie();
+    _e(async () => {
+      n.state.itemReplicas.length === 0 && await n.getAllItemReplicas();
+    });
+    const N = f(), k = f(), F = f(), S = f("lookup"), x = f("id"), l = f(""), $ = f(""), p = B(() => {
+      if (x.value === "custom") return $.value;
+      const v = l.value.split(",").map((s) => s.trim()).filter(Boolean);
+      return v.length === 0 ? "" : x.value === "id" ? `item.id IN (${v.join(", ")})` : `UPPER(item.itemid) LIKE '%${l.value.toUpperCase()}%'`;
+    });
+    function c(v) {
+      v === "custom" && ($.value = p.value), x.value = v;
+    }
+    const _ = f(""), h = f(!1), A = f(null), w = f([]), b = f(null);
+    async function R() {
+      h.value = !0, A.value = null, w.value = [];
+      try {
+        if (S.value === "lookup") {
+          const v = p.value.trim();
+          if (!v) {
+            A.value = "Build or enter a WHERE clause";
+            return;
+          }
+          w.value = await P.browseItemsByFilter(v);
+        } else
+          w.value = await P.browseItemsByFilter();
+      } catch (v) {
+        A.value = (v == null ? void 0 : v.message) || "Failed to fetch items";
+      } finally {
+        h.value = !1;
+      }
+    }
+    const V = [
+      {
+        key: "itemType",
+        type: "string",
+        entity: "item",
+        values: Object.values(be.Values)
+      }
+    ], J = B(() => {
+      var s;
+      let v = w.value;
+      if (b.value) {
+        const D = he.build(b.value);
+        v = v.filter((d) => ke({ itemType: d.itemType }, D));
+      }
+      if ((s = _.value) != null && s.trim()) {
+        const D = _.value.toLowerCase();
+        v = v.filter(
+          (d) => {
+            var y, L;
+            return ((y = d.name) == null ? void 0 : y.toLowerCase().includes(D)) || ((L = d.recordId) == null ? void 0 : L.toLowerCase().includes(D));
+          }
+        );
+      }
+      return v;
+    });
+    function Q(v) {
+      var d, y, L;
+      const s = v.original, D = () => P.readItemById(s.itemType, s.recordId);
+      s.itemType === be.Enum.InvtPart ? (d = N.value) == null || d.open(D) : s.itemType === be.Enum.Assembly ? (y = k.value) == null || y.open(D) : (L = F.value) == null || L.open(D);
+    }
+    const K = [
+      {
+        id: "nsItem",
+        header: () => "NetSuite Item",
+        accessorFn: (v) => `${v.name} ${v.recordId}`,
+        cell(v) {
+          const s = v.row.original;
+          return q("div", { class: "flex flex-col" }, [
+            q("span", { class: "font-medium" }, s.name || "Unnamed"),
+            q("span", { class: "text-xs text-gray-400" }, `ID: ${s.recordId}`)
+          ]);
+        }
+      },
+      {
+        id: "itemType",
+        header: () => "Type",
+        accessorFn: (v) => v.itemType,
+        cell(v) {
+          return q(
+            "span",
+            { class: "text-sm" },
+            v.row.original.itemType
+          );
+        }
+      },
+      {
+        id: "skuInSystem",
+        header: () => "SKU in our system",
+        accessorFn: (v) => {
+          const s = n.state.itemReplicas.find((d) => d.netSuiteId === v.recordId), D = s == null ? void 0 : s.skuCache;
+          return `${(D == null ? void 0 : D.name) || ""} ${(D == null ? void 0 : D._id) || ""} ${(D == null ? void 0 : D.code) || ""}`;
+        },
+        cell(v) {
+          const s = v.row.original, D = n.state.itemReplicas.find((y) => y.netSuiteId === s.recordId);
+          if (!D)
+            return q("span", { class: "text-gray-300 text-sm" }, "—");
+          if (D.parentNetSuiteId)
+            return q("div", { class: "text-gray-400 text-sm" }, "Child Item");
+          const d = D.skuCache;
+          return d ? q("div", { class: "flex items-center gap-2" }, [
+            q(oe.FmIcon, {
+              name: "grocery",
+              color: "neutral-gray-400",
+              size: "md",
+              outline: !0
+            }),
+            q("div", { class: "flex flex-col" }, [
+              q("span", { class: "font-medium" }, d.name),
+              q("span", { class: "text-xs text-gray-400" }, `ID: ${d._id}`),
+              q("span", { class: "text-xs text-gray-400" }, `Code: ${d.code}`)
+            ])
+          ]) : q("div", { class: "text-sm" }, "Unknown Ingredient");
+        }
+      },
+      {
+        id: "syncedAt",
+        header: () => "Synced At",
+        accessorKey: "syncedAt",
+        size: 160,
+        cell(v) {
+          const s = v.getValue();
+          return s ? q("span", { class: "text-sm" }, new Date(s).toLocaleString()) : q("span", { class: "text-gray-300 text-sm" }, "—");
+        }
+      }
+    ];
+    return (v, s) => {
+      const D = se("FmTextarea"), d = se("FmButton"), y = se("FmTextField");
+      return t(), a("div", Oo, [
+        e("div", Vo, [
+          (t(), a(M, null, X([
+            { key: "lookup", label: "Lookup by Query" },
+            { key: "all", label: "All Items" }
+          ], (L) => e("button", {
+            key: L.key,
+            class: j([
+              "px-3 py-1.5 text-sm rounded-md transition-colors",
+              S.value === L.key ? "bg-white text-gray-900 font-medium shadow-sm" : "text-gray-500 hover:text-gray-700"
+            ]),
+            onClick: (E) => S.value = L.key
+          }, o(L.label), 11, Uo)), 64))
+        ]),
+        e("div", Bo, [
+          S.value === "lookup" ? (t(), a("div", Po, [
+            e("div", Ao, [
+              e("select", {
+                value: x.value,
+                class: "h-9 px-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500",
+                onChange: s[0] || (s[0] = (L) => c(L.target.value))
+              }, s[5] || (s[5] = [
+                e("option", { value: "id" }, "id", -1),
+                e("option", { value: "itemid" }, "itemid (name)", -1),
+                e("option", { value: "custom" }, "custom…", -1)
+              ]), 40, Eo),
+              x.value !== "custom" ? Ve((t(), a("input", {
+                key: 0,
+                "onUpdate:modelValue": s[1] || (s[1] = (L) => l.value = L),
+                type: "text",
+                placeholder: "e.g. 1234, 5678",
+                class: "h-9 px-3 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 min-w-64",
+                onKeydown: we(R, ["enter"])
+              }, null, 544)), [
+                [Ue, l.value]
+              ]) : r("", !0)
+            ]),
+            e("div", Mo, [
+              e("label", jo, [
+                s[6] || (s[6] = re(" WHERE ")),
+                x.value !== "custom" ? (t(), a("span", qo, "— switch to “custom…” to edit freely")) : r("", !0)
+              ]),
+              x.value === "custom" ? (t(), a(M, { key: 0 }, [
+                T(D, {
+                  modelValue: $.value,
+                  "onUpdate:modelValue": s[2] || (s[2] = (L) => $.value = L),
+                  rows: "3",
+                  placeholder: "e.g. itemid LIKE '%latte%' OR custitem_brand = 'xyz'",
+                  class: "text-sm font-mono rounded-lg focus:outline-none min-w-[28rem] resize-y"
+                }, null, 8, ["modelValue"]),
+                s[7] || (s[7] = e("span", { class: "text-xs font-bold" }, [
+                  re(" WHERE clause syntax reference: "),
+                  e("a", {
+                    href: "https://docs.oracle.com/en/cloud/saas/netsuite/ns-online-help/section_156257770590.html#subsect_156474852230",
+                    target: "_blank",
+                    class: "text-blue-600 hover:underline"
+                  }, "here")
+                ], -1))
+              ], 64)) : (t(), a("div", Jo, o(p.value || "—"), 1))
+            ])
+          ])) : r("", !0),
+          T(d, {
+            loading: h.value,
+            disabled: h.value,
+            icon: "play_arrow",
+            label: "Fetch",
+            onClick: R
+          }, null, 8, ["loading", "disabled"])
+        ]),
+        e("div", zo, [
+          T(g(De), {
+            modelValue: b.value,
+            "onUpdate:modelValue": s[3] || (s[3] = (L) => b.value = L),
+            attributes: V
+          }, null, 8, ["modelValue"]),
+          e("div", Wo, [
+            T(y, {
+              modelValue: _.value,
+              "onUpdate:modelValue": s[4] || (s[4] = (L) => _.value = L),
+              type: "text",
+              "prepend-icon": "search",
+              placeholder: "Filter loaded results…",
+              class: "h-8 px-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        A.value ? (t(), a("div", Qo, o(A.value), 1)) : r("", !0),
+        h.value ? (t(), a("div", Ho, [
+          T(g(oe).FmCircularProgress, { size: "md" })
+        ])) : J.value.length > 0 ? (t(), H(g(oe).FmTable, {
+          key: 2,
+          "column-defs": K,
+          "row-data": J.value,
+          class: "cursor-pointer",
+          onRowClick: Q
+        }, null, 8, ["row-data"])) : !h.value && !A.value && w.value.length === 0 ? (t(), a("div", Ko, o(S.value === "lookup" ? 'Enter a NetSuite ID and click "Run" to lookup items' : 'Click "Run" to load all items directly from NetSuite'), 1)) : !h.value && J.value.length === 0 ? (t(), a("div", Yo, " No items match the current filters ")) : r("", !0),
+        T(fs, {
+          ref_key: "inventoryItemSideSheetRef",
+          ref: N
+        }, null, 512),
+        T(Fa, {
+          ref_key: "assemblyItemSideSheetRef",
+          ref: k
+        }, null, 512),
+        T(No, {
+          ref_key: "serviceItemSideSheetRef",
+          ref: F
+        }, null, 512)
+      ]);
+    };
+  }
+}), Xo = { class: "flex flex-col gap-4" }, Zo = {
+  key: 0,
+  class: "flex flex-col gap-3"
+}, el = { class: "flex gap-3 items-end flex-wrap" }, tl = { class: "flex flex-col gap-1" }, sl = { class: "flex flex-col gap-1" }, al = { class: "flex flex-col gap-1 flex-1" }, ol = { class: "flex gap-2" }, ll = {
+  key: 1,
+  class: "flex flex-col gap-3"
+}, rl = { class: "flex gap-3 items-end flex-wrap" }, nl = {
+  key: 0,
+  class: "flex flex-col gap-1"
+}, il = {
+  key: 1,
+  class: "flex flex-col gap-1"
+}, dl = { class: "flex flex-col gap-1" }, ul = {
+  key: 0,
+  class: "text-xs text-red-600"
+}, cl = {
+  key: 1,
+  class: "flex items-center gap-4 flex-wrap"
+}, vl = { class: "flex gap-2 items-center ml-auto" }, pl = { class: "text-sm text-gray-500" }, Fe = /* @__PURE__ */ ne({
+  __name: "ExplorerRecordToolbar",
+  props: {
+    activeUseCase: { default: "listByDate" },
+    netsuiteIdInput: { default: "" },
+    lookupRecordType: { default: "purchaseOrder" },
+    lookupRecordTypeOptions: { default: void 0 },
+    queryField: { default: "id" },
+    dateRange: { default: () => ({ startDate: /* @__PURE__ */ new Date(), endDate: /* @__PURE__ */ new Date() }) },
+    syncFilter: { default: "all" },
+    filterRule: { default: null },
+    searchValue: { default: "" },
+    dateRangeError: { default: null },
+    loading: { type: Boolean, default: !1 },
+    stats: { default: () => ({ total: 0, synced: 0, unsynced: 0 }) },
+    showDirection: { type: Boolean, default: !1 },
+    direction: { default: "in" },
+    showOrderTypeFilter: { type: Boolean, default: !1 },
+    orderTypeFilter: { default: "all" }
+  },
+  emits: ["update:activeUseCase", "update:netsuiteIdInput", "update:lookupRecordType", "update:queryField", "update:dateRange", "update:syncFilter", "update:filterRule", "update:searchValue", "update:direction", "update:orderTypeFilter", "execute"],
+  setup(W, { emit: P }) {
+    const n = W, N = P, k = [
+      { value: "lookup", label: "Lookup by Query" },
+      { value: "listByDate", label: "List by Date Range" }
+    ], F = [
+      { value: "in", label: "Transfer In" },
+      { value: "out", label: "Transfer Out" }
+    ], S = [
+      { value: "purchaseOrder", label: "Purchase Order" },
+      { value: "transferOrder", label: "Transfer Order" },
+      { value: "inventoryTransfer", label: "Inventory Transfer" }
+    ], x = B(
+      () => n.lookupRecordTypeOptions ?? S
+    ), l = [
+      { value: "all", label: "All Orders" },
+      { value: "purchaseOrder", label: "Purchase Order" },
+      { value: "transferOrder", label: "Transfer Order" }
+    ], $ = [
+      { value: "id", label: "NetSuite ID" },
+      { value: "tranid", label: "Tran ID" }
+    ], p = [
+      {
+        key: "syncStatus",
+        type: "string",
+        entity: "record",
+        values: ["synced", "unsynced"]
+      },
+      {
+        key: "recordType",
+        type: "string",
+        entity: "record",
+        values: ["PurchOrd", "TrnfrOrd", "InvTrnfr"]
+      }
+    ];
+    function c(w) {
+      N("update:activeUseCase", w);
+    }
+    const _ = B(() => ({
+      startDate: ue(n.dateRange.startDate),
+      endDate: ue(n.dateRange.endDate)
+    }));
+    function h(w) {
+      N("update:dateRange", {
+        startDate: new Date(w.startDate),
+        endDate: new Date(w.endDate)
+      });
+    }
+    function A() {
+      N("execute");
+    }
+    return (w, b) => {
+      const R = se("FmTabs"), V = se("FmSelect"), J = se("FmTextField"), Q = se("FmIcon"), K = se("FmButton"), v = se("FmDateRangePicker"), s = se("FmSearch");
+      return t(), a("div", Xo, [
+        T(R, {
+          "model-value": w.activeUseCase,
+          items: k,
+          "onUpdate:modelValue": c
+        }, null, 8, ["model-value"]),
+        w.activeUseCase === "lookup" ? (t(), a("div", Zo, [
+          e("div", el, [
+            e("div", tl, [
+              b[7] || (b[7] = e("label", { class: "text-xs text-gray-500 font-medium" }, "Record Type", -1)),
+              T(V, {
+                "model-value": w.lookupRecordType,
+                items: x.value,
+                "onUpdate:modelValue": b[0] || (b[0] = (D) => N("update:lookupRecordType", D)),
+                style: { width: "200px" }
+              }, null, 8, ["model-value", "items"])
+            ]),
+            e("div", sl, [
+              b[8] || (b[8] = e("label", { class: "text-xs text-gray-500 font-medium" }, "Query Field", -1)),
+              T(V, {
+                "model-value": w.queryField,
+                items: $,
+                "onUpdate:modelValue": b[1] || (b[1] = (D) => N("update:queryField", D)),
+                style: { width: "150px" }
+              }, null, 8, ["model-value"])
+            ]),
+            e("div", al, [
+              b[9] || (b[9] = e("label", { class: "text-xs text-gray-500 font-medium" }, [
+                re(" Query Value "),
+                e("span", { class: "text-gray-400" }, "(comma-separated for multiple)")
+              ], -1)),
+              e("div", ol, [
+                T(J, {
+                  "model-value": w.netsuiteIdInput,
+                  placeholder: w.queryField === "id" ? "e.g. 12345, 12346" : "e.g. PO123, PO124",
+                  "onUpdate:modelValue": b[2] || (b[2] = (D) => N("update:netsuiteIdInput", D)),
+                  onKeyup: we(A, ["enter"])
+                }, null, 8, ["model-value", "placeholder"]),
+                T(K, {
+                  label: "Run",
+                  variant: "primary",
+                  loading: w.loading,
+                  disabled: w.loading || !w.netsuiteIdInput.trim(),
+                  onClick: A
+                }, {
+                  prepend: te(() => [
+                    T(Q, {
+                      name: "play_arrow",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"])
+              ])
+            ])
+          ])
+        ])) : (t(), a("div", ll, [
+          e("div", rl, [
+            w.showOrderTypeFilter ? (t(), a("div", nl, [
+              b[10] || (b[10] = e("label", { class: "text-xs text-gray-500 font-medium" }, "Order Type", -1)),
+              T(V, {
+                "model-value": w.orderTypeFilter,
+                items: l,
+                "onUpdate:modelValue": b[3] || (b[3] = (D) => N("update:orderTypeFilter", D)),
+                style: { width: "180px" }
+              }, null, 8, ["model-value"])
+            ])) : r("", !0),
+            w.showDirection ? (t(), a("div", il, [
+              b[11] || (b[11] = e("label", { class: "text-xs text-gray-500 font-medium" }, "Direction", -1)),
+              T(V, {
+                "model-value": w.direction,
+                items: F,
+                "onUpdate:modelValue": b[4] || (b[4] = (D) => N("update:direction", D)),
+                style: { width: "150px" }
+              }, null, 8, ["model-value"])
+            ])) : r("", !0),
+            e("div", dl, [
+              b[12] || (b[12] = e("label", { class: "text-xs text-gray-500 font-medium" }, "Date Range (max 6 months)", -1)),
+              T(v, {
+                "model-value": _.value,
+                "onUpdate:modelValue": h
+              }, null, 8, ["model-value"])
+            ]),
+            T(K, {
+              label: "Run",
+              variant: "primary",
+              loading: w.loading,
+              disabled: w.loading || !!w.dateRangeError,
+              onClick: A
+            }, {
+              prepend: te(() => [
+                T(Q, {
+                  name: "play_arrow",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          w.dateRangeError ? (t(), a("div", ul, o(w.dateRangeError), 1)) : r("", !0),
+          w.stats.total > 0 ? (t(), a("div", cl, [
+            T(s, {
+              "model-value": w.searchValue,
+              "onUpdate:modelValue": b[5] || (b[5] = (D) => N("update:searchValue", D)),
+              placeholder: "Search records...",
+              class: "w-[300px]"
+            }, null, 8, ["model-value"]),
+            T(g(De), {
+              "model-value": w.filterRule,
+              "onUpdate:modelValue": b[6] || (b[6] = (D) => N("update:filterRule", D)),
+              attributes: p
+            }, null, 8, ["model-value"]),
+            e("div", vl, [
+              e("span", pl, " Total: " + o(w.stats.total) + " | Synced: " + o(w.stats.synced) + " | Unsynced: " + o(w.stats.unsynced), 1)
+            ])
+          ])) : r("", !0)
+        ]))
+      ]);
+    };
+  }
+}), yl = { class: "border border-gray-200 rounded-lg overflow-hidden" }, xl = {
+  key: 0,
+  class: "p-2"
+}, ml = {
+  key: 0,
+  class: "flex items-center gap-2 py-4 px-2 text-xs text-gray-500"
+}, gl = {
+  key: 1,
+  class: "py-4 px-2 text-xs text-red-600"
+}, fl = {
+  key: 2,
+  class: "py-4 px-2 text-xs text-gray-400"
+}, bl = {
+  key: 3,
+  class: "overflow-x-auto"
+}, _l = { class: "w-full text-xs" }, hl = { class: "px-2 py-1.5 font-mono whitespace-nowrap text-gray-500" }, kl = { class: "px-2 py-1.5 text-gray-500" }, $l = { class: "px-2 py-1.5 text-gray-500" }, wl = { class: "px-2 py-1.5 text-gray-500" }, Sl = { class: "px-2 py-1.5" }, Cl = { class: "px-2 py-1.5 font-mono text-gray-400" }, Il = { class: "px-2 py-1.5 text-gray-600" }, Tl = { class: "px-2 py-1.5 text-gray-400" }, Dl = { class: "px-2 py-1.5 font-medium text-gray-700" }, Re = /* @__PURE__ */ ne({
+  __name: "ExplorerSystemNote",
+  props: {
+    netsuiteId: {}
+  },
+  setup(W) {
+    const { FmCircularProgress: P } = oe, n = W, N = Te(), k = f(!1), F = f([]), S = f(!1), x = f(!1);
+    async function l() {
+      if (!(F.value.length > 0 || S.value)) {
+        S.value = !0, x.value = !1;
+        try {
+          F.value = await N.getChangeLogs(n.netsuiteId);
+        } catch {
+          x.value = !0;
+        } finally {
+          S.value = !1;
+        }
+      }
+    }
+    function $(c) {
+      switch (Number(c) - 1) {
+        case ge.Create:
+          return "bg-green-100 text-green-700";
+        case ge.Set:
+          return "bg-blue-100 text-blue-700";
+        case ge.Change:
+          return "bg-amber-100 text-amber-700";
+        case ge.Unset:
+          return "bg-red-100 text-red-700";
+        default:
+          return "bg-gray-100 text-gray-600";
+      }
+    }
+    function p(c) {
+      return new Date(c).toLocaleString();
+    }
+    return (c, _) => (t(), a("div", yl, [
+      e("div", {
+        class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", k.value ? "border-b border-gray-200" : ""]),
+        onClick: _[0] || (_[0] = () => {
+          k.value = !k.value, l();
+        })
+      }, [
+        (t(), a("svg", {
+          class: j(["w-3.5 h-3.5 transition-transform text-gray-500", k.value ? "rotate-90" : ""]),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, _[1] || (_[1] = [
+          e("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M9 5l7 7-7 7"
+          }, null, -1)
+        ]), 2)),
+        _[2] || (_[2] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) System Note", -1))
+      ], 2),
+      k.value ? (t(), a("div", xl, [
+        S.value ? (t(), a("div", ml, [
+          T(g(P), { size: "md" }),
+          _[3] || (_[3] = re(" Loading... "))
+        ])) : x.value ? (t(), a("div", gl, " Failed to load system note. ")) : F.value.length === 0 ? (t(), a("div", fl, " No system notes found. ")) : (t(), a("div", bl, [
+          e("table", _l, [
+            _[4] || (_[4] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+              e("tr", null, [
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600 whitespace-nowrap" }, " Date "),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Role"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Name"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Context"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Type"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Line"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Field"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "Old Value"),
+                e("th", { class: "text-left px-2 py-1.5 font-medium text-gray-600" }, "New Value")
+              ])
+            ], -1)),
+            e("tbody", null, [
+              (t(!0), a(M, null, X(F.value, (h, A) => (t(), a("tr", {
+                key: A,
+                class: "border-b border-gray-100 last:border-b-0 hover:bg-gray-50"
+              }, [
+                e("td", hl, o(p(h._dateiso8601)), 1),
+                e("td", kl, o(h._rolename), 1),
+                e("td", $l, o(h._employeename), 1),
+                e("td", wl, o(h._contextname), 1),
+                e("td", Sl, [
+                  e("span", {
+                    class: j([
+                      "inline-block px-1.5 py-0.5 rounded font-medium",
+                      $(h.type)
+                    ])
+                  }, o(g(ge)[Number(h.type) - 1]), 3)
+                ]),
+                e("td", Cl, o(h.lineid || "—"), 1),
+                e("td", Il, o(h._fieldname), 1),
+                e("td", Tl, o(h.oldvalue || "—"), 1),
+                e("td", Dl, o(h.newvalue || "—"), 1)
+              ]))), 128))
+            ])
+          ])
+        ]))
+      ])) : r("", !0)
+    ]));
+  }
+}), Ll = { class: "flex flex-col gap-4" }, Fl = { class: "ml-auto flex gap-4" }, fe = /* @__PURE__ */ ne({
+  __name: "SyncNetsuiteButton",
+  props: {
+    netsuiteIds: {},
+    recordType: {},
+    disabled: { type: Boolean },
+    label: {},
+    compact: { type: Boolean }
+  },
+  emits: ["synced", "error"],
+  setup(W, { emit: P }) {
+    const { FmButton: n, FmDialog: N, FmRadioGroup: k, FmRadio: F } = oe, S = W, x = P, l = Te(), $ = f(!1), p = f(!1), c = f(xe.enum[1]), _ = [
+      { value: xe.enum[1], label: "Version 1" },
+      {
+        value: xe.enum[2],
+        label: "Version 2",
+        subLabel: "Supports duplicate skus"
+      }
+    ];
+    function h() {
+      S.netsuiteIds.length && (c.value = xe.enum[1], $.value = !0);
+    }
+    async function A() {
+      $.value = !1;
+      const w = c.value === xe.enum[2] ? xe.enum[2] : void 0;
+      p.value = !0;
+      try {
+        S.recordType === "purchaseOrder" ? await l.manualSyncMultiplePurchaseOrders({
+          netsuiteIds: S.netsuiteIds,
+          version: w
+        }) : await l.manualSyncMultipleTransferInOrders({
+          netsuiteIds: S.netsuiteIds,
+          version: w
+        }), x("synced");
+      } catch (b) {
+        x("error", (b == null ? void 0 : b.message) || "Sync failed");
+      } finally {
+        p.value = !1;
+      }
+    }
+    return (w, b) => (t(), a(M, null, [
+      T(g(n), {
+        variant: "secondary",
+        "prepend-icon": "sync",
+        label: w.label ?? `Sync${w.netsuiteIds.length > 1 ? ` (${w.netsuiteIds.length})` : ""}`,
+        loading: p.value,
+        disabled: w.disabled || !w.netsuiteIds.length || p.value,
+        compact: w.compact,
+        onClick: h
+      }, null, 8, ["label", "loading", "disabled", "compact"]),
+      T(g(N), {
+        modelValue: $.value,
+        "onUpdate:modelValue": b[2] || (b[2] = (R) => $.value = R),
+        overlay: !0
+      }, {
+        "dialog-header": te(() => b[3] || (b[3] = [
+          e("span", { class: "fm-typo-en-heading-lg-700" }, "Select Sync Version", -1)
+        ])),
+        "dialog-footer": te(() => [
+          e("div", Fl, [
+            T(g(n), {
+              label: "Not now",
+              variant: "secondary",
+              onClick: b[1] || (b[1] = (R) => $.value = !1)
+            }),
+            T(g(n), {
+              label: "Confirm",
+              variant: "primary",
+              onClick: A
+            })
+          ])
+        ]),
+        default: te(() => [
+          e("div", Ll, [
+            e("p", null, " Choose the version to use for syncing " + o(S.recordType === "purchaseOrder" ? "purchase orders" : "transfer orders") + " " + o(w.netsuiteIds.length === 1 ? `record ${w.netsuiteIds[0]}` : `${w.netsuiteIds.length} records`) + ": ", 1),
+            T(g(k), {
+              modelValue: c.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (R) => c.value = R)
+            }, {
+              default: te(() => [
+                (t(), a(M, null, X(_, (R) => T(g(F), {
+                  key: R.value,
+                  value: R.value,
+                  label: R.label,
+                  sublabel: R.subLabel
+                }, null, 8, ["value", "label", "sublabel"])), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ], 64));
+  }
+}), Rl = { class: "p-6 space-y-6" }, Nl = {
+  key: 0,
+  class: "flex items-center justify-center py-16"
+}, Ol = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Vl = { key: 0 }, Ul = { class: "font-medium" }, Bl = { key: 1 }, Pl = { class: "font-medium" }, Al = { key: 2 }, El = { class: "font-medium" }, Ml = { key: 3 }, jl = { class: "font-medium" }, ql = { key: 4 }, Jl = { class: "font-medium" }, zl = { key: 5 }, Wl = { class: "font-medium" }, Ql = { key: 6 }, Hl = { class: "font-medium" }, Kl = { key: 7 }, Yl = { class: "font-medium font-mono" }, Gl = { key: 8 }, Xl = { class: "font-medium font-mono text-xs" }, Zl = {
+  key: 9,
+  class: "col-span-2"
+}, er = { class: "text-gray-700 italic" }, tr = { key: 0 }, sr = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, ar = { class: "border border-gray-200 rounded-lg overflow-hidden" }, or = { class: "w-full text-sm" }, lr = ["onClick"], rr = { class: "w-8 pl-2 py-2 text-gray-400" }, nr = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, ir = { class: "px-3 py-2" }, dr = { class: "font-medium" }, ur = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, cr = { class: "px-3 py-2 text-xs text-gray-500" }, vr = { class: "px-3 py-2 text-right font-medium" }, pr = { class: "px-3 py-2 text-gray-500 font-mono text-xs" }, yr = { class: "px-3 py-2 text-gray-600 text-xs" }, xr = { class: "px-3 py-2 text-right text-gray-600" }, mr = { class: "px-3 py-2 text-right font-medium" }, gr = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, fr = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, br = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, _r = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, hr = { class: "px-3 py-2 text-center" }, kr = {
+  key: 0,
+  class: "inline-block px-1.5 py-0.5 rounded text-xs bg-gray-200 text-gray-500"
+}, $r = {
+  key: 1,
+  class: "text-gray-300"
+}, wr = {
+  key: 0,
+  class: "border-b border-gray-100 bg-gray-50"
+}, Sr = { class: "flex items-center justify-between mb-2" }, Cr = ["onClick"], Ir = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Tr = { class: "space-y-1 text-xs font-mono" }, Dr = { class: "text-gray-400 shrink-0" }, Lr = { class: "text-gray-700 break-all" }, Fr = { class: "text-amber-700 font-semibold shrink-0" }, Rr = { class: "text-amber-900 break-all" }, Nr = { class: "border border-gray-200 rounded-lg overflow-hidden" }, Or = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Vr = {
+  key: 1,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Ur = { key: 0 }, Br = {
+  key: 2,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, Pr = {
+  key: 3,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, Ar = {
+  key: 0,
+  class: "p-4"
+}, Er = { class: "flex items-center justify-between gap-2 w-full" }, Mr = { class: "flex items-center gap-2" }, jr = {
+  key: 0,
+  class: "text-xs text-green-600"
+}, qr = {
+  key: 1,
+  class: "text-xs text-red-600"
+}, Jr = { class: "flex gap-2" }, zr = 14, Wr = /* @__PURE__ */ ne({
+  __name: "PurchaseOrderSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmCircularProgress: k } = oe, F = f(!1), S = f(!1), x = f(null), l = f(null), $ = f(!1), p = f(!1), c = f(!1), _ = f(null), h = f(!1);
+    function A() {
+      h.value = !0, _.value = null;
+    }
+    function w(i) {
+      _.value = i, h.value = !1;
+    }
+    async function b(i, m) {
+      l.value = i, F.value = !0, S.value = !0, x.value = null, $.value = !1;
+      try {
+        x.value = await m();
+      } catch (U) {
+        x.value = { error: (U == null ? void 0 : U.message) || "Failed to fetch raw data" };
+      } finally {
+        S.value = !1;
+      }
+    }
+    function R() {
+      F.value = !1, x.value = null, l.value = null, $.value = !1, p.value = !1, _.value = null, h.value = !1;
+    }
+    function V() {
+      var i;
+      (i = window.navigator.clipboard) == null || i.writeText(JSON.stringify(x.value, null, 2)), c.value = !0, setTimeout(() => c.value = !1, 2e3);
+    }
+    const J = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.tranId) ?? null;
+    }), Q = B(() => {
+      var i, m;
+      return ((m = (i = x.value) == null ? void 0 : i.status) == null ? void 0 : m.refName) ?? null;
+    }), K = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.tranDate) ?? null;
+    }), v = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.createdDate) ?? null;
+    }), s = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.lastModifiedDate) ?? null;
+    }), D = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.memo) ?? null;
+    }), d = B(() => {
+      var i, m;
+      return ((m = (i = x.value) == null ? void 0 : i.location) == null ? void 0 : m.refName) ?? null;
+    }), y = B(() => {
+      var i, m;
+      return ((m = (i = x.value) == null ? void 0 : i.entity) == null ? void 0 : m.refName) ?? null;
+    }), L = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.custbody_fm_po_num) ?? null;
+    }), E = B(() => {
+      var i;
+      return ((i = x.value) == null ? void 0 : i.custbody_fm_po_id) ?? null;
+    }), I = B(() => {
+      var i, m;
+      return ((m = (i = x.value) == null ? void 0 : i.item) == null ? void 0 : m.items) ?? [];
+    }), C = f(/* @__PURE__ */ new Set());
+    function Y(i) {
+      C.value.has(i) ? C.value.delete(i) : C.value.add(i), C.value = new Set(C.value);
+    }
+    function Z(i) {
+      const m = [], U = [];
+      for (const [z, ae] of Object.entries(i))
+        z.startsWith("custcol") ? U.push([z, ae]) : m.push([z, ae]);
+      return { normal: m, custcol: U };
+    }
+    const O = f(null);
+    function u(i, m) {
+      var U;
+      (U = window.navigator.clipboard) == null || U.writeText(JSON.stringify(i, null, 2)), O.value = m, setTimeout(() => O.value = null, 2e3);
+    }
+    return P({ open: b, close: R }), (i, m) => (t(), H(g(n), {
+      modelValue: F.value,
+      "onUpdate:modelValue": m[2] || (m[2] = (U) => F.value = U),
+      header: `Purchase Order · ${l.value ?? "-"}`,
+      "max-width": 1600
+    }, {
+      "side-sheet-footer": te(() => [
+        e("div", Er, [
+          e("div", Mr, [
+            h.value ? (t(), a("span", jr, "Sync triggered")) : r("", !0),
+            _.value ? (t(), a("span", qr, o(_.value), 1)) : r("", !0)
+          ]),
+          e("div", Jr, [
+            T(fe, {
+              "netsuite-ids": l.value ? [l.value] : [],
+              "record-type": "purchaseOrder",
+              label: "Sync Now",
+              onSynced: A,
+              onError: w
+            }, null, 8, ["netsuite-ids"]),
+            T(g(N), {
+              variant: "tertiary",
+              onClick: R
+            }, {
+              default: te(() => m[24] || (m[24] = [
+                re("Close")
+              ])),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      default: te(() => {
+        var U;
+        return [
+          e("div", Rl, [
+            S.value ? (t(), a("div", Nl, [
+              T(g(k), { size: "md" })
+            ])) : x.value && !x.value.error ? (t(), a(M, { key: 1 }, [
+              e("div", Ol, [
+                J.value ? (t(), a("div", Vl, [
+                  m[3] || (m[3] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Transaction ID", -1)),
+                  e("div", Ul, o(J.value), 1)
+                ])) : r("", !0),
+                Q.value ? (t(), a("div", Bl, [
+                  m[4] || (m[4] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Status", -1)),
+                  e("div", Pl, o(Q.value), 1)
+                ])) : r("", !0),
+                K.value ? (t(), a("div", Al, [
+                  m[5] || (m[5] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Tran Date", -1)),
+                  e("div", El, o(new Date(K.value).toLocaleDateString()), 1)
+                ])) : r("", !0),
+                v.value ? (t(), a("div", Ml, [
+                  m[6] || (m[6] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                  e("div", jl, o(new Date(v.value).toLocaleString()), 1)
+                ])) : r("", !0),
+                s.value ? (t(), a("div", ql, [
+                  m[7] || (m[7] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                  e("div", Jl, o(new Date(s.value).toLocaleString()), 1)
+                ])) : r("", !0),
+                y.value ? (t(), a("div", zl, [
+                  m[8] || (m[8] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Vendor", -1)),
+                  e("div", Wl, o(y.value), 1)
+                ])) : r("", !0),
+                d.value ? (t(), a("div", Ql, [
+                  m[9] || (m[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Location", -1)),
+                  e("div", Hl, o(d.value), 1)
+                ])) : r("", !0),
+                L.value != null ? (t(), a("div", Kl, [
+                  m[10] || (m[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "(FEEDME) PO Seq", -1)),
+                  e("div", Yl, "#" + o(L.value), 1)
+                ])) : r("", !0),
+                E.value ? (t(), a("div", Gl, [
+                  m[11] || (m[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "(FEEDME) PO ID", -1)),
+                  e("div", Xl, o(E.value), 1)
+                ])) : r("", !0),
+                D.value ? (t(), a("div", Zl, [
+                  m[12] || (m[12] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Memo", -1)),
+                  e("div", er, o(D.value), 1)
+                ])) : r("", !0)
+              ]),
+              I.value.length > 0 ? (t(), a("div", tr, [
+                e("div", sr, " Items (" + o(I.value.length) + ") ", 1),
+                e("div", ar, [
+                  e("table", or, [
+                    m[17] || (m[17] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                      e("tr", null, [
+                        e("th", { class: "w-8" }),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Item"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Type"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Qty"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Unit"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Location"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Rate"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Amount"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Available"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Committed"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Fulfilled"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Received"),
+                        e("th", { class: "text-center px-3 py-2 font-medium text-gray-600" }, "Closed")
+                      ])
+                    ], -1)),
+                    e("tbody", null, [
+                      (t(!0), a(M, null, X(I.value, (z, ae) => {
+                        var G, ee, ie, me;
+                        return t(), a(M, {
+                          key: z.line ?? ae
+                        }, [
+                          e("tr", {
+                            class: j(["border-b border-gray-100 cursor-pointer select-none", [
+                              z.isClosed ? "bg-gray-50 text-gray-400" : "hover:bg-blue-50/40",
+                              C.value.has(ae) ? "bg-blue-50/60" : ""
+                            ]]),
+                            onClick: (le) => Y(ae)
+                          }, [
+                            e("td", rr, [
+                              (t(), a("svg", {
+                                class: j(["w-3.5 h-3.5 transition-transform", C.value.has(ae) ? "rotate-90" : ""]),
+                                fill: "none",
+                                stroke: "currentColor",
+                                viewBox: "0 0 24 24"
+                              }, m[13] || (m[13] = [
+                                e("path", {
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round",
+                                  "stroke-width": "2",
+                                  d: "M9 5l7 7-7 7"
+                                }, null, -1)
+                              ]), 2))
+                            ]),
+                            e("td", nr, o(z.line ?? ae + 1), 1),
+                            e("td", ir, [
+                              e("div", dr, o(((G = z.item) == null ? void 0 : G.refName) || "—"), 1),
+                              (ee = z.item) != null && ee.id ? (t(), a("div", ur, " ID: " + o(z.item.id), 1)) : r("", !0)
+                            ]),
+                            e("td", cr, o(((ie = z.itemType) == null ? void 0 : ie.refName) || "—"), 1),
+                            e("td", vr, o(z.quantity), 1),
+                            e("td", pr, o(z.units || "—"), 1),
+                            e("td", yr, o(((me = z.location) == null ? void 0 : me.refName) || "—"), 1),
+                            e("td", xr, o(z.rate != null ? z.rate.toFixed(4) : "—"), 1),
+                            e("td", mr, o(z.amount != null ? z.amount.toFixed(2) : "—"), 1),
+                            e("td", gr, o(z.quantityAvailable ?? "—"), 1),
+                            e("td", fr, o(z.quantityCommitted ?? "—"), 1),
+                            e("td", br, o(z.quantityFulfilled ?? "—"), 1),
+                            e("td", _r, o(z.quantityReceived ?? "—"), 1),
+                            e("td", hr, [
+                              z.isClosed ? (t(), a("span", kr, "Closed")) : (t(), a("span", $r, "—"))
+                            ])
+                          ], 10, lr),
+                          C.value.has(ae) ? (t(), a("tr", wr, [
+                            e("td", {
+                              colspan: zr,
+                              class: "px-4 py-3"
+                            }, [
+                              e("div", Sr, [
+                                m[15] || (m[15] = e("span", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide" }, "Raw Item Data", -1)),
+                                e("button", {
+                                  class: j([
+                                    "text-xs flex items-center gap-1 transition-colors",
+                                    O.value === ae ? "text-green-600" : "text-gray-400 hover:text-gray-700"
+                                  ]),
+                                  onClick: de((le) => u(z, ae), ["stop"])
+                                }, [
+                                  O.value === ae ? (t(), a("svg", Ir, m[14] || (m[14] = [
+                                    e("path", {
+                                      "stroke-linecap": "round",
+                                      "stroke-linejoin": "round",
+                                      "stroke-width": "2",
+                                      d: "M5 13l4 4L19 7"
+                                    }, null, -1)
+                                  ]))) : r("", !0),
+                                  re(" " + o(O.value === ae ? "Copied!" : "Copy"), 1)
+                                ], 10, Cr)
+                              ]),
+                              e("div", Tr, [
+                                (t(!0), a(M, null, X(Z(z).normal, ([le, pe]) => (t(), a("div", {
+                                  key: le,
+                                  class: "flex gap-2"
+                                }, [
+                                  e("span", Dr, o(le) + ":", 1),
+                                  e("span", Lr, o(JSON.stringify(pe)), 1)
+                                ]))), 128)),
+                                Z(z).custcol.length > 0 ? (t(), a(M, { key: 0 }, [
+                                  m[16] || (m[16] = e("div", { class: "mt-2 mb-1 text-xs font-semibold text-amber-600 uppercase tracking-wide" }, " Custom Columns ", -1)),
+                                  (t(!0), a(M, null, X(Z(z).custcol, ([le, pe]) => (t(), a("div", {
+                                    key: le,
+                                    class: "flex gap-2 rounded px-1.5 py-0.5 bg-amber-50 border border-amber-200"
+                                  }, [
+                                    e("span", Fr, o(le) + ":", 1),
+                                    e("span", Rr, o(JSON.stringify(pe)), 1)
+                                  ]))), 128))
+                                ], 64)) : r("", !0)
+                              ])
+                            ])
+                          ])) : r("", !0)
+                        ], 64);
+                      }), 128))
+                    ])
+                  ])
+                ])
+              ])) : r("", !0),
+              l.value ? (t(), H(Re, {
+                key: l.value,
+                "netsuite-id": l.value
+              }, null, 8, ["netsuite-id"])) : r("", !0),
+              e("div", Nr, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", $.value ? "border-b border-gray-200" : ""]),
+                  onClick: m[0] || (m[0] = (z) => $.value = !$.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", $.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, m[18] || (m[18] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  m[21] || (m[21] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                  $.value ? (t(), a("button", {
+                    key: 0,
+                    class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", c.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                    onClick: de(V, ["stop"])
+                  }, [
+                    c.value ? (t(), a("svg", Or, m[19] || (m[19] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 13l4 4L19 7"
+                      }, null, -1)
+                    ]))) : (t(), a("svg", Vr, m[20] || (m[20] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+                      }, null, -1)
+                    ]))),
+                    re(" " + o(c.value ? "Copied!" : "Copy JSON"), 1)
+                  ], 2)) : r("", !0)
+                ], 2),
+                $.value ? (t(), a("div", Ur, [
+                  T(ye, {
+                    value: x.value,
+                    "max-height": "50vh"
+                  }, null, 8, ["value"])
+                ])) : r("", !0)
+              ])
+            ], 64)) : (U = x.value) != null && U.error ? (t(), a("div", Br, o(x.value.error), 1)) : r("", !0),
+            l.value ? (t(), a("div", Pr, [
+              e("div", {
+                class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", p.value ? "border-b border-gray-200" : ""]),
+                onClick: m[1] || (m[1] = (z) => p.value = !p.value)
+              }, [
+                (t(), a("svg", {
+                  class: j(["w-3.5 h-3.5 transition-transform text-gray-500", p.value ? "rotate-90" : ""]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, m[22] || (m[22] = [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 5l7 7-7 7"
+                  }, null, -1)
+                ]), 2)),
+                m[23] || (m[23] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+              ], 2),
+              p.value ? (t(), a("div", Ar, [
+                T(ve, {
+                  "purchase-order-id": x.value.custbody_fm_po_id,
+                  "netsuite-id": l.value,
+                  "record-type": "purchaseOrder"
+                }, null, 8, ["purchase-order-id", "netsuite-id"])
+              ])) : r("", !0)
+            ])) : r("", !0)
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["modelValue", "header"]));
+  }
+}), Qr = { class: "p-6 space-y-6" }, Hr = {
+  key: 0,
+  class: "flex items-center justify-center py-16"
+}, Kr = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Yr = { key: 0 }, Gr = { class: "font-medium" }, Xr = { key: 1 }, Zr = { class: "font-medium" }, en = { key: 2 }, tn = { class: "font-medium" }, sn = { key: 3 }, an = { class: "font-medium" }, on = { key: 4 }, ln = { class: "font-medium" }, rn = { key: 5 }, nn = { class: "font-medium" }, dn = { key: 6 }, un = { class: "font-medium" }, cn = { key: 7 }, vn = { class: "font-medium text-blue-700" }, pn = {
+  key: 8,
+  class: "col-span-2"
+}, yn = { class: "text-gray-700 italic" }, xn = { key: 0 }, mn = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, gn = { class: "border border-gray-200 rounded-lg overflow-hidden" }, fn = { class: "w-full text-sm" }, bn = ["onClick"], _n = { class: "w-8 pl-2 py-2 text-gray-400" }, hn = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, kn = { class: "px-3 py-2" }, $n = { class: "font-medium" }, wn = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, Sn = { class: "px-3 py-2 text-xs text-gray-500" }, Cn = { class: "px-3 py-2 text-right font-medium" }, In = { class: "px-3 py-2 text-gray-500 font-mono text-xs" }, Tn = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, Dn = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, Ln = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, Fn = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, Rn = { class: "px-3 py-2 text-center" }, Nn = {
+  key: 0,
+  class: "inline-block px-1.5 py-0.5 rounded text-xs bg-gray-200 text-gray-500"
+}, On = {
+  key: 1,
+  class: "text-gray-300"
+}, Vn = {
+  key: 0,
+  class: "border-b border-gray-100 bg-gray-50"
+}, Un = { class: "flex items-center justify-between mb-2" }, Bn = ["onClick"], Pn = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, An = { class: "space-y-1 text-xs font-mono" }, En = { class: "text-gray-400 shrink-0" }, Mn = { class: "text-gray-700 break-all" }, jn = { class: "text-amber-700 font-semibold shrink-0" }, qn = { class: "text-amber-900 break-all" }, Jn = { class: "border border-gray-200 rounded-lg overflow-hidden" }, zn = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Wn = {
+  key: 1,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Qn = { key: 0 }, Hn = {
+  key: 2,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, Kn = {
+  key: 3,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, Yn = {
+  key: 0,
+  class: "p-2"
+}, Gn = { class: "flex items-center justify-between gap-2 w-full" }, Xn = { class: "flex items-center gap-2" }, Zn = {
+  key: 0,
+  class: "text-xs text-green-600"
+}, ei = {
+  key: 1,
+  class: "text-xs text-red-600"
+}, ti = { class: "flex gap-2" }, si = 11, ai = /* @__PURE__ */ ne({
+  __name: "TransferOrderSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmCircularProgress: k } = oe, F = f(!1), S = f(!1), x = f(null), l = f(""), $ = f(!1), p = f(!1), c = f(!1), _ = f(null), h = f(!1);
+    function A() {
+      h.value = !0, _.value = null;
+    }
+    function w(O) {
+      _.value = O, h.value = !1;
+    }
+    async function b(O, u) {
+      l.value = O, F.value = !0, S.value = !0, x.value = null, $.value = !1;
+      try {
+        x.value = await u();
+      } catch (i) {
+        x.value = { error: (i == null ? void 0 : i.message) || "Failed to fetch raw data" };
+      } finally {
+        S.value = !1;
+      }
+    }
+    function R() {
+      F.value = !1, x.value = null, l.value = "", $.value = !1, p.value = !1, _.value = null, h.value = !1;
+    }
+    function V() {
+      var O;
+      (O = window.navigator.clipboard) == null || O.writeText(JSON.stringify(x.value, null, 2)), c.value = !0, setTimeout(() => c.value = !1, 2e3);
+    }
+    const J = B(() => {
+      var O, u;
+      return ((u = (O = x.value) == null ? void 0 : O.status) == null ? void 0 : u.refName) ?? null;
+    }), Q = B(() => {
+      var O;
+      return ((O = x.value) == null ? void 0 : O.tranId) ?? null;
+    }), K = B(() => {
+      var O;
+      return ((O = x.value) == null ? void 0 : O.tranDate) ?? null;
+    }), v = B(() => {
+      var O;
+      return ((O = x.value) == null ? void 0 : O.createdDate) ?? null;
+    }), s = B(() => {
+      var O;
+      return ((O = x.value) == null ? void 0 : O.lastModifiedDate) ?? null;
+    }), D = B(() => {
+      var O;
+      return ((O = x.value) == null ? void 0 : O.memo) ?? null;
+    }), d = B(() => {
+      var O, u;
+      return ((u = (O = x.value) == null ? void 0 : O.location) == null ? void 0 : u.refName) ?? null;
+    }), y = B(() => {
+      var O, u;
+      return ((u = (O = x.value) == null ? void 0 : O.transferLocation) == null ? void 0 : u.refName) ?? null;
+    }), L = B(() => {
+      var O, u;
+      return ((u = (O = x.value) == null ? void 0 : O.item) == null ? void 0 : u.items) ?? [];
+    }), E = f(/* @__PURE__ */ new Set());
+    function I(O) {
+      E.value.has(O) ? E.value.delete(O) : E.value.add(O), E.value = new Set(E.value);
+    }
+    function C(O) {
+      const u = [], i = [];
+      for (const [m, U] of Object.entries(O))
+        m.startsWith("custcol") ? i.push([m, U]) : u.push([m, U]);
+      return { normal: u, custcol: i };
+    }
+    const Y = f(null);
+    function Z(O, u) {
+      var i;
+      (i = window.navigator.clipboard) == null || i.writeText(JSON.stringify(O, null, 2)), Y.value = u, setTimeout(() => Y.value = null, 2e3);
+    }
+    return P({ open: b, close: R }), (O, u) => (t(), H(g(n), {
+      modelValue: F.value,
+      "onUpdate:modelValue": u[2] || (u[2] = (i) => F.value = i),
+      header: `Transfer Order · ${l.value}`,
+      "max-width": 1600
+    }, {
+      "side-sheet-footer": te(() => [
+        e("div", Gn, [
+          e("div", Xn, [
+            h.value ? (t(), a("span", Zn, "Sync triggered")) : r("", !0),
+            _.value ? (t(), a("span", ei, o(_.value), 1)) : r("", !0)
+          ]),
+          e("div", ti, [
+            T(fe, {
+              "netsuite-ids": l.value ? [l.value] : [],
+              "record-type": "transferOrder",
+              label: "Sync Now",
+              onSynced: A,
+              onError: w
+            }, null, 8, ["netsuite-ids"]),
+            T(g(N), {
+              variant: "tertiary",
+              onClick: R
+            }, {
+              default: te(() => u[23] || (u[23] = [
+                re("Close")
+              ])),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      default: te(() => {
+        var i;
+        return [
+          e("div", Qr, [
+            S.value ? (t(), a("div", Hr, [
+              T(g(k), { size: "md" })
+            ])) : x.value && !x.value.error ? (t(), a(M, { key: 1 }, [
+              e("div", Kr, [
+                J.value ? (t(), a("div", Yr, [
+                  u[3] || (u[3] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Status", -1)),
+                  e("div", Gr, o(J.value), 1)
+                ])) : r("", !0),
+                Q.value ? (t(), a("div", Xr, [
+                  u[4] || (u[4] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Transaction ID", -1)),
+                  e("div", Zr, o(Q.value), 1)
+                ])) : r("", !0),
+                J.value ? (t(), a("div", en, [
+                  u[5] || (u[5] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Status", -1)),
+                  e("div", tn, o(J.value), 1)
+                ])) : r("", !0),
+                K.value ? (t(), a("div", sn, [
+                  u[6] || (u[6] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Tran Date", -1)),
+                  e("div", an, o(new Date(K.value).toLocaleDateString()), 1)
+                ])) : r("", !0),
+                v.value ? (t(), a("div", on, [
+                  u[7] || (u[7] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                  e("div", ln, o(new Date(v.value).toLocaleString()), 1)
+                ])) : r("", !0),
+                s.value ? (t(), a("div", rn, [
+                  u[8] || (u[8] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                  e("div", nn, o(new Date(s.value).toLocaleString()), 1)
+                ])) : r("", !0),
+                d.value ? (t(), a("div", dn, [
+                  u[9] || (u[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Source Location", -1)),
+                  e("div", un, o(d.value), 1)
+                ])) : r("", !0),
+                y.value ? (t(), a("div", cn, [
+                  u[10] || (u[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Destination Location ", -1)),
+                  e("div", vn, o(y.value), 1)
+                ])) : r("", !0),
+                D.value ? (t(), a("div", pn, [
+                  u[11] || (u[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Memo", -1)),
+                  e("div", yn, o(D.value), 1)
+                ])) : r("", !0)
+              ]),
+              L.value.length > 0 ? (t(), a("div", xn, [
+                e("div", mn, " Items (" + o(L.value.length) + ") ", 1),
+                e("div", gn, [
+                  e("table", fn, [
+                    u[16] || (u[16] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                      e("tr", null, [
+                        e("th", { class: "w-8" }),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Item"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Type"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Qty"),
+                        e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Unit ID"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Available"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Committed"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Fulfilled"),
+                        e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Received"),
+                        e("th", { class: "text-center px-3 py-2 font-medium text-gray-600" }, "Closed")
+                      ])
+                    ], -1)),
+                    e("tbody", null, [
+                      (t(!0), a(M, null, X(L.value, (m, U) => {
+                        var z, ae, G;
+                        return t(), a(M, {
+                          key: m.line ?? U
+                        }, [
+                          e("tr", {
+                            class: j(["border-b border-gray-100 cursor-pointer select-none", [
+                              m.isClosed ? "bg-gray-50 text-gray-400" : "hover:bg-blue-50/40",
+                              E.value.has(U) ? "bg-blue-50/60" : ""
+                            ]]),
+                            onClick: (ee) => I(U)
+                          }, [
+                            e("td", _n, [
+                              (t(), a("svg", {
+                                class: j(["w-3.5 h-3.5 transition-transform", E.value.has(U) ? "rotate-90" : ""]),
+                                fill: "none",
+                                stroke: "currentColor",
+                                viewBox: "0 0 24 24"
+                              }, u[12] || (u[12] = [
+                                e("path", {
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round",
+                                  "stroke-width": "2",
+                                  d: "M9 5l7 7-7 7"
+                                }, null, -1)
+                              ]), 2))
+                            ]),
+                            e("td", hn, o(m.line ?? U + 1), 1),
+                            e("td", kn, [
+                              e("div", $n, o(((z = m.item) == null ? void 0 : z.refName) || "—"), 1),
+                              (ae = m.item) != null && ae.id ? (t(), a("div", wn, " ID: " + o(m.item.id), 1)) : r("", !0)
+                            ]),
+                            e("td", Sn, o(((G = m.itemType) == null ? void 0 : G.refName) || "—"), 1),
+                            e("td", Cn, o(m.quantity), 1),
+                            e("td", In, o(m.units || "—"), 1),
+                            e("td", Tn, o(m.quantityAvailable ?? "—"), 1),
+                            e("td", Dn, o(m.quantityCommitted ?? "—"), 1),
+                            e("td", Ln, o(m.quantityFulfilled ?? "—"), 1),
+                            e("td", Fn, o(m.quantityReceived ?? "—"), 1),
+                            e("td", Rn, [
+                              m.isClosed ? (t(), a("span", Nn, "Closed")) : (t(), a("span", On, "—"))
+                            ])
+                          ], 10, bn),
+                          E.value.has(U) ? (t(), a("tr", Vn, [
+                            e("td", {
+                              colspan: si,
+                              class: "px-4 py-3"
+                            }, [
+                              e("div", Un, [
+                                u[14] || (u[14] = e("span", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide" }, "Raw Item Data", -1)),
+                                e("button", {
+                                  class: j([
+                                    "text-xs flex items-center gap-1 transition-colors",
+                                    Y.value === U ? "text-green-600" : "text-gray-400 hover:text-gray-700"
+                                  ]),
+                                  onClick: de((ee) => Z(m, U), ["stop"])
+                                }, [
+                                  Y.value === U ? (t(), a("svg", Pn, u[13] || (u[13] = [
+                                    e("path", {
+                                      "stroke-linecap": "round",
+                                      "stroke-linejoin": "round",
+                                      "stroke-width": "2",
+                                      d: "M5 13l4 4L19 7"
+                                    }, null, -1)
+                                  ]))) : r("", !0),
+                                  re(" " + o(Y.value === U ? "Copied!" : "Copy"), 1)
+                                ], 10, Bn)
+                              ]),
+                              e("div", An, [
+                                (t(!0), a(M, null, X(C(m).normal, ([ee, ie]) => (t(), a("div", {
+                                  key: ee,
+                                  class: "flex gap-2"
+                                }, [
+                                  e("span", En, o(ee) + ":", 1),
+                                  e("span", Mn, o(JSON.stringify(ie)), 1)
+                                ]))), 128)),
+                                C(m).custcol.length > 0 ? (t(), a(M, { key: 0 }, [
+                                  u[15] || (u[15] = e("div", { class: "mt-2 mb-1 text-xs font-semibold text-amber-600 uppercase tracking-wide" }, " Custom Columns ", -1)),
+                                  (t(!0), a(M, null, X(C(m).custcol, ([ee, ie]) => (t(), a("div", {
+                                    key: ee,
+                                    class: "flex gap-2 rounded px-1.5 py-0.5 bg-amber-50 border border-amber-200"
+                                  }, [
+                                    e("span", jn, o(ee) + ":", 1),
+                                    e("span", qn, o(JSON.stringify(ie)), 1)
+                                  ]))), 128))
+                                ], 64)) : r("", !0)
+                              ])
+                            ])
+                          ])) : r("", !0)
+                        ], 64);
+                      }), 128))
+                    ])
+                  ])
+                ])
+              ])) : r("", !0),
+              l.value ? (t(), H(Re, {
+                key: l.value,
+                "netsuite-id": l.value
+              }, null, 8, ["netsuite-id"])) : r("", !0),
+              e("div", Jn, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", $.value ? "border-b border-gray-200" : ""]),
+                  onClick: u[0] || (u[0] = (m) => $.value = !$.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", $.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, u[17] || (u[17] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  u[20] || (u[20] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                  $.value ? (t(), a("button", {
+                    key: 0,
+                    class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", c.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                    onClick: de(V, ["stop"])
+                  }, [
+                    c.value ? (t(), a("svg", zn, u[18] || (u[18] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 13l4 4L19 7"
+                      }, null, -1)
+                    ]))) : (t(), a("svg", Wn, u[19] || (u[19] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+                      }, null, -1)
+                    ]))),
+                    re(" " + o(c.value ? "Copied!" : "Copy JSON"), 1)
+                  ], 2)) : r("", !0)
+                ], 2),
+                $.value ? (t(), a("div", Qn, [
+                  T(ye, {
+                    value: x.value,
+                    "max-height": "50vh"
+                  }, null, 8, ["value"])
+                ])) : r("", !0)
+              ])
+            ], 64)) : (i = x.value) != null && i.error ? (t(), a("div", Hn, o(x.value.error), 1)) : r("", !0),
+            l.value ? (t(), a("div", Kn, [
+              e("div", {
+                class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", p.value ? "border-b border-gray-200" : ""]),
+                onClick: u[1] || (u[1] = (m) => p.value = !p.value)
+              }, [
+                (t(), a("svg", {
+                  class: j(["w-3.5 h-3.5 transition-transform text-gray-500", p.value ? "rotate-90" : ""]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, u[21] || (u[21] = [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 5l7 7-7 7"
+                  }, null, -1)
+                ]), 2)),
+                u[22] || (u[22] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+              ], 2),
+              p.value ? (t(), a("div", Yn, [
+                T(ve, {
+                  "purchase-order-id": x.value.custbody_fm_po_id,
+                  "netsuite-id": l.value,
+                  "record-type": "transferOrder"
+                }, null, 8, ["purchase-order-id", "netsuite-id"])
+              ])) : r("", !0)
+            ])) : r("", !0)
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["modelValue", "header"]));
+  }
+}), oi = 180;
+function li(W = 30) {
+  const P = /* @__PURE__ */ new Date();
+  return P.setDate(P.getDate() - W), { startDate: P, endDate: /* @__PURE__ */ new Date() };
+}
+function Ne() {
+  const W = ce(), P = f("listByDate"), n = f(""), N = f("purchaseOrder"), k = f("id"), F = f([]), S = f(null), x = f(li()), l = f("all"), $ = f("in"), p = f(null), c = f(""), _ = f([]), h = f(!1), A = f(null), w = f(/* @__PURE__ */ new Set()), b = B(() => {
+    const D = _.value.length, d = _.value.filter((L) => L.syncedAt != null).length, y = D - d;
+    return { total: D, synced: d, unsynced: y };
+  }), R = B(() => {
+    const { startDate: D, endDate: d } = x.value;
+    return !D || !d ? "Start date and end date are required" : D > d ? "Start date must be before end date" : (d.getTime() - D.getTime()) / (1e3 * 60 * 60 * 24) > oi ? "Date range must not exceed 6 months" : null;
+  });
+  function V(D) {
+    const d = new Set(w.value);
+    d.has(D) ? d.delete(D) : d.add(D), w.value = d;
+  }
+  function J(D) {
+    return w.value.has(D);
+  }
+  async function Q(D, d, y, L) {
+    if (!y.trim()) {
+      A.value = "Query value is required";
+      return;
+    }
+    if (!d) {
+      A.value = "Location ID is required";
+      return;
+    }
+    h.value = !0, A.value = null, S.value = null, F.value = [], _.value = [], w.value = /* @__PURE__ */ new Set();
+    try {
+      const E = y.split(",").map((I) => I.trim()).filter((I) => I.length > 0);
+      if (E.length === 0) {
+        A.value = "Please enter at least one query value";
+        return;
+      }
+      if (L === "id" ? _.value = await W.browseOrdersByFilter(D, d, {
+        recordIds: E
+      }) : _.value = await W.browseOrdersByFilter(D, d, {
+        transactionIds: E
+      }), _.value.length > 0) {
+        const I = _.value[0];
+        S.value = {
+          netsuiteRecord: I,
+          additionalInfo: {
+            id: I.recordId,
+            tranid: I.transactionId,
+            transactionnumber: I.transactionId
+          }
+        };
+      }
+    } catch (E) {
+      A.value = (E == null ? void 0 : E.message) || "Failed to look up records";
+    } finally {
+      h.value = !1;
+    }
+  }
+  async function K(D, d) {
+    if (R.value) {
+      A.value = R.value;
+      return;
+    }
+    h.value = !0, A.value = null, _.value = [], w.value = /* @__PURE__ */ new Set();
+    try {
+      _.value = await W.browseOrdersByDateRange(
+        D,
+        d,
+        ue(x.value.startDate),
+        ue(x.value.endDate)
+      );
+    } catch (y) {
+      A.value = (y == null ? void 0 : y.message) || "Failed to fetch records";
+    } finally {
+      h.value = !1;
+    }
+  }
+  async function v(D, d) {
+    P.value === "lookup" ? await Q(
+      N.value,
+      d,
+      n.value,
+      k.value
+    ) : await K(D, d);
+  }
+  function s() {
+    _.value = [], S.value = null, F.value = [], A.value = null, h.value = !1, w.value = /* @__PURE__ */ new Set();
+  }
+  return {
+    // State
+    activeUseCase: P,
+    netsuiteIdInput: n,
+    lookupRecordType: N,
+    queryField: k,
+    lookupResult: S,
+    lookupResults: F,
+    dateRange: x,
+    syncFilter: l,
+    direction: $,
+    filterRule: p,
+    searchValue: c,
+    records: _,
+    loading: h,
+    error: A,
+    expandedRowIds: w,
+    // Computed
+    stats: b,
+    dateRangeError: R,
+    // Actions
+    execute: v,
+    executeLookup: Q,
+    executeListByDateRange: K,
+    toggleRowExpand: V,
+    isRowExpanded: J,
+    reset: s
+  };
+}
+const ri = { class: "flex flex-col gap-4" }, ni = {
+  key: 0,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, ii = {
+  key: 1,
+  class: "flex justify-center py-8"
+}, di = {
+  key: 0,
+  class: "flex flex-col gap-3 px-3 py-3 bg-blue-50 border border-blue-200 rounded-lg"
+}, ui = { class: "text-sm text-blue-700 font-semibold" }, ci = {
+  key: 0,
+  class: "flex flex-col gap-1.5"
+}, vi = { class: "flex items-center gap-2" }, pi = { class: "text-xs font-semibold text-violet-600 uppercase tracking-wide" }, yi = { class: "flex flex-wrap gap-1.5" }, xi = { class: "font-mono" }, mi = { class: "font-medium" }, gi = ["onClick"], fi = {
+  key: 1,
+  class: "flex flex-col gap-1.5"
+}, bi = { class: "flex items-center gap-2" }, _i = { class: "text-xs font-semibold text-sky-600 uppercase tracking-wide" }, hi = { class: "flex flex-wrap gap-1.5" }, ki = { class: "font-mono" }, $i = { class: "font-medium" }, wi = ["onClick"], Si = {
+  key: 0,
+  class: "p-4 bg-gray-50 border border-gray-200 rounded-lg mt-1 mb-2"
+}, Ci = {
+  key: 3,
+  class: "text-center py-8 text-gray-400"
+}, Ii = /* @__PURE__ */ ne({
+  __name: "OrdersView",
+  props: {
+    currentLocationSetting: {},
+    nsLocations: {},
+    currentLocationSubsidiary: {}
+  },
+  setup(W) {
+    const P = W, n = Ne(), N = ce(), k = f(), F = f(), S = f("all"), x = B(
+      () => !1
+      // Direction no longer needed for Transfer Orders
+    ), l = f([]);
+    async function $() {
+      var y;
+      const d = ((y = P.currentLocationSetting) == null ? void 0 : y.id) || "";
+      if (!d) {
+        n.error.value = "Location ID is required";
+        return;
+      }
+      if (n.activeUseCase.value === "lookup") {
+        await n.executeLookup(
+          n.lookupRecordType.value,
+          d,
+          n.netsuiteIdInput.value,
+          n.queryField.value
+        );
+        return;
+      }
+      n.loading.value = !0, n.error.value = null, l.value = [], n.records.value = [];
+      try {
+        if (S.value === "purchaseOrder")
+          await n.executeListByDateRange("purchaseOrder", d), l.value = n.records.value;
+        else if (S.value === "transferOrder")
+          await n.executeListByDateRange("transferOrder", d), l.value = n.records.value;
+        else {
+          const { useNetSuiteExplorerApi: L } = await Promise.resolve().then(() => Me), E = L(), [I, C] = await Promise.all([
+            E.browseOrdersByDateRange(
+              "purchaseOrder",
+              d,
+              ue(n.dateRange.value.startDate),
+              ue(n.dateRange.value.endDate)
+            ),
+            E.browseOrdersByDateRange(
+              "transferOrder",
+              d,
+              ue(n.dateRange.value.startDate),
+              ue(n.dateRange.value.endDate)
+            )
+          ]), Y = (Z) => {
+            if (!Z) return 0;
+            const [O, u, i] = Z.split("/");
+            return new Date(Number(i), Number(u) - 1, Number(O)).getTime();
+          };
+          l.value = [...I, ...C].sort((Z, O) => {
+            const u = Y(Z.transactionDate);
+            return Y(O.transactionDate) - u;
+          }), n.records.value = l.value;
+        }
+      } catch (L) {
+        n.error.value = (L == null ? void 0 : L.message) || "Failed to fetch records";
+      } finally {
+        n.loading.value = !1;
+      }
+    }
+    const p = B(() => {
+      let d = [];
+      if (n.activeUseCase.value === "lookup" ? d = n.records.value : d = l.value.length > 0 ? l.value : n.records.value, n.syncFilter.value === "synced" ? d = d.filter((y) => y.syncedAt != null) : n.syncFilter.value === "unsynced" && (d = d.filter((y) => y.syncedAt == null)), n.filterRule.value) {
+        const y = he.build(n.filterRule.value);
+        d = d.filter(
+          (L) => ke(
+            {
+              syncStatus: L.syncedAt != null ? "synced" : "unsynced",
+              recordType: L.recordType || "Unknown"
+            },
+            y
+          )
+        );
+      }
+      if (n.searchValue.value && n.searchValue.value.trim()) {
+        const y = n.searchValue.value.toLowerCase();
+        d = d.filter(
+          (L) => {
+            var E, I, C, Y;
+            return ((E = L.recordId) == null ? void 0 : E.toLowerCase().includes(y)) || ((I = L.transactionId) == null ? void 0 : I.toLowerCase().includes(y)) || ((C = L.sourceLocationName) == null ? void 0 : C.toLowerCase().includes(y)) || ((Y = L.destinationLocationName) == null ? void 0 : Y.toLowerCase().includes(y));
+          }
+        );
+      }
+      return d;
+    });
+    function c(d) {
+      return d ? d === "PurchOrd" ? "Purchase" : d === "TrnfrOrd" ? "Transfer" : d.substring(0, 3).toUpperCase() : "Unknown";
+    }
+    function _(d) {
+      return d === "PurchOrd" ? "purchaseOrder" : d === "TrnfrOrd" ? "transferOrder" : "purchaseOrder";
+    }
+    const h = f(/* @__PURE__ */ new Set()), A = B(
+      () => p.value.length > 0 && h.value.size === p.value.length
+    ), w = B(
+      () => h.value.size > 0 && h.value.size < p.value.length
+    );
+    function b(d) {
+      return h.value.has(d);
+    }
+    function R(d) {
+      d ? h.value = new Set(p.value.map((y) => y.recordId)) : h.value = /* @__PURE__ */ new Set();
+    }
+    function V(d, y) {
+      y ? h.value.add(d) : h.value.delete(d), h.value = new Set(h.value);
+    }
+    const J = B(
+      () => p.value.filter(
+        (d) => h.value.has(d.recordId) && d.recordType === "PurchOrd"
+      )
+    ), Q = B(
+      () => p.value.filter(
+        (d) => h.value.has(d.recordId) && d.recordType === "TrnfrOrd"
+      )
+    ), K = B(
+      () => J.value.map((d) => d.recordId)
+    ), v = B(
+      () => Q.value.map((d) => d.recordId)
+    );
+    async function s(d) {
+      var E, I;
+      const y = d.original, L = _(y.recordType);
+      L === "purchaseOrder" ? (E = k.value) == null || E.open(y.recordId, async () => (await N.readOrderById(L, y.recordId)).netsuiteRecord) : (I = F.value) == null || I.open(y.recordId, async () => (await N.readOrderById(L, y.recordId)).netsuiteRecord);
+    }
+    const D = [
+      {
+        id: "select",
+        header: () => q(oe.FmCheckbox, {
+          modelValue: A.value,
+          indeterminate: w.value,
+          value: "all",
+          "onUpdate:modelValue": (d) => R(d)
+        }),
+        cell: ({ row: d }) => {
+          const y = d.original.recordId;
+          return q(
+            "div",
+            { onClick: (L) => L.stopPropagation() },
+            q(oe.FmCheckbox, {
+              modelValue: b(y),
+              value: y,
+              "onUpdate:modelValue": (L) => V(y, L)
+            })
+          );
+        },
+        size: 50
+      },
+      {
+        id: "recordType",
+        header: () => "Type",
+        accessorKey: "recordType",
+        size: 130,
+        cell: (d) => {
+          const y = d.getValue(), L = c(y);
+          return q(oe.FmChip, {
+            label: L,
+            compact: !0
+          });
+        }
+      },
+      {
+        id: "id",
+        header: () => "NS ID",
+        accessorKey: "recordId",
+        size: 100,
+        cell: (d) => q("span", { class: "font-mono text-sm" }, d.getValue())
+      },
+      {
+        id: "tranid",
+        header: () => "Tran ID",
+        accessorKey: "transactionId",
+        cell: (d) => q("span", { class: "font-medium" }, d.getValue())
+      },
+      {
+        id: "trandate",
+        header: () => "Tran Date",
+        accessorFn: (d) => {
+          const y = d.transactionDate;
+          if (!y) return 0;
+          const [L, E, I] = y.split("/");
+          return new Date(Number(I), Number(E) - 1, Number(L)).getTime();
+        },
+        cell: (d) => {
+          const y = d.getValue();
+          return y ? q("span", { class: "text-sm" }, new Date(y).toLocaleDateString()) : q("span", { class: "text-sm" }, "-");
+        }
+      },
+      {
+        id: "sourceLocation",
+        header: () => "Source Location",
+        accessorFn: (d) => d.sourceLocationName || "N/A",
+        cell: (d) => {
+          var C;
+          const y = d.row.original, L = y.sourceLocationName || "N/A", E = y.sourceLocationId || "", I = E && E === ((C = P.currentLocationSetting) == null ? void 0 : C.netSuiteId);
+          return q("div", { class: "flex flex-col" }, [
+            q(
+              "span",
+              {
+                class: I ? "text-sm font-semibold text-blue-700" : "text-sm"
+              },
+              L
+            ),
+            q("span", { class: "text-xs text-gray-400" }, `ID: ${E || "N/A"}`)
+          ]);
+        }
+      },
+      {
+        id: "destinationLocation",
+        header: () => "Destination Location",
+        accessorFn: (d) => d.destinationLocationName || "N/A",
+        cell: (d) => {
+          var C;
+          const y = d.row.original, L = y.destinationLocationName || "N/A", E = y.destinationLocationId || "", I = E && E === ((C = P.currentLocationSetting) == null ? void 0 : C.netSuiteId);
+          return q("div", { class: "flex flex-col" }, [
+            q(
+              "span",
+              {
+                class: I ? "text-sm font-semibold text-blue-700" : "text-sm"
+              },
+              L
+            ),
+            q("span", { class: "text-xs text-gray-400" }, `ID: ${E || "N/A"}`)
+          ]);
+        }
+      },
+      {
+        id: "syncedAt",
+        header: () => "Synced At",
+        accessorKey: "syncedAt",
+        size: 160,
+        cell: (d) => {
+          const y = d.getValue();
+          return y ? q("span", { class: "text-sm" }, new Date(y).toLocaleString()) : q("span", { class: "text-gray-300" }, "—");
+        }
+      },
+      {
+        id: "expand",
+        header: () => "",
+        size: 50,
+        cell: (d) => {
+          const y = d.row.original.recordId, L = n.isRowExpanded(y);
+          return q(
+            oe.FmButton,
+            {
+              variant: "tertiary",
+              compact: !0,
+              onClick: (E) => {
+                E.stopPropagation(), n.toggleRowExpand(y);
+              }
+            },
+            () => q(oe.FmIcon, { name: L ? "expand_less" : "expand_more", size: "sm" })
+          );
+        }
+      }
+    ];
+    return (d, y) => {
+      const L = se("FmCircularProgress"), E = se("FmTable");
+      return t(), a("div", ri, [
+        y[14] || (y[14] = e("div", { class: "text-sm text-gray-600" }, " Query Purchase Orders and Transfer Orders from NetSuite. Results are cross-referenced with FeedMe to show sync status. ", -1)),
+        T(Fe, {
+          "active-use-case": g(n).activeUseCase.value,
+          "netsuite-id-input": g(n).netsuiteIdInput.value,
+          "lookup-record-type": g(n).lookupRecordType.value,
+          "lookup-record-type-options": [
+            { value: "purchaseOrder", label: "Purchase Order" },
+            { value: "transferOrder", label: "Transfer Order" }
+          ],
+          "query-field": g(n).queryField.value,
+          "date-range": g(n).dateRange.value,
+          "sync-filter": g(n).syncFilter.value,
+          "filter-rule": g(n).filterRule.value,
+          "search-value": g(n).searchValue.value,
+          "date-range-error": g(n).dateRangeError.value,
+          loading: g(n).loading.value,
+          stats: g(n).stats.value,
+          "show-order-type-filter": g(n).activeUseCase.value === "listByDate",
+          "order-type-filter": S.value,
+          "show-direction": x.value,
+          direction: g(n).direction.value,
+          "onUpdate:activeUseCase": y[0] || (y[0] = (I) => g(n).activeUseCase.value = I),
+          "onUpdate:netsuiteIdInput": y[1] || (y[1] = (I) => g(n).netsuiteIdInput.value = I),
+          "onUpdate:lookupRecordType": y[2] || (y[2] = (I) => g(n).lookupRecordType.value = I),
+          "onUpdate:queryField": y[3] || (y[3] = (I) => g(n).queryField.value = I),
+          "onUpdate:dateRange": y[4] || (y[4] = (I) => g(n).dateRange.value = I),
+          "onUpdate:syncFilter": y[5] || (y[5] = (I) => g(n).syncFilter.value = I),
+          "onUpdate:filterRule": y[6] || (y[6] = (I) => g(n).filterRule.value = I),
+          "onUpdate:searchValue": y[7] || (y[7] = (I) => g(n).searchValue.value = I),
+          "onUpdate:direction": y[8] || (y[8] = (I) => g(n).direction.value = I),
+          "onUpdate:orderTypeFilter": y[9] || (y[9] = (I) => S.value = I),
+          onExecute: $
+        }, null, 8, ["active-use-case", "netsuite-id-input", "lookup-record-type", "query-field", "date-range", "sync-filter", "filter-rule", "search-value", "date-range-error", "loading", "stats", "show-order-type-filter", "order-type-filter", "show-direction", "direction"]),
+        g(n).error.value ? (t(), a("div", ni, o(g(n).error.value), 1)) : r("", !0),
+        g(n).loading.value ? (t(), a("div", ii, [
+          T(L, { size: "md" })
+        ])) : p.value.length > 0 ? (t(), a(M, { key: 2 }, [
+          h.value.size > 0 ? (t(), a("div", di, [
+            e("span", ui, o(h.value.size) + " selected", 1),
+            J.value.length > 0 ? (t(), a("div", ci, [
+              e("div", vi, [
+                e("span", pi, "Purchase Orders (" + o(J.value.length) + ")", 1),
+                T(fe, {
+                  "netsuite-ids": K.value,
+                  "record-type": "purchaseOrder",
+                  label: "Sync PO",
+                  compact: !0,
+                  onSynced: y[10] || (y[10] = (I) => K.value.forEach((C) => V(C, !1)))
+                }, null, 8, ["netsuite-ids"])
+              ]),
+              e("div", yi, [
+                (t(!0), a(M, null, X(J.value, (I) => (t(), a("span", {
+                  key: I.recordId,
+                  class: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-xs border bg-violet-50 border-violet-200 text-violet-700"
+                }, [
+                  e("span", xi, o(I.recordId), 1),
+                  y[12] || (y[12] = e("span", { class: "text-violet-400" }, "·", -1)),
+                  e("span", mi, o(I.transactionId || "—"), 1),
+                  e("button", {
+                    class: "ml-0.5 opacity-50 hover:opacity-100 leading-none",
+                    onClick: (C) => V(I.recordId, !1)
+                  }, " × ", 8, gi)
+                ]))), 128))
+              ])
+            ])) : r("", !0),
+            Q.value.length > 0 ? (t(), a("div", fi, [
+              e("div", bi, [
+                e("span", _i, "Transfer Orders (" + o(Q.value.length) + ")", 1),
+                T(fe, {
+                  "netsuite-ids": v.value,
+                  "record-type": "transferOrder",
+                  label: "Sync TO",
+                  compact: !0,
+                  onSynced: y[11] || (y[11] = (I) => v.value.forEach((C) => V(C, !1)))
+                }, null, 8, ["netsuite-ids"])
+              ]),
+              e("div", hi, [
+                (t(!0), a(M, null, X(Q.value, (I) => (t(), a("span", {
+                  key: I.recordId,
+                  class: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-xs border bg-sky-50 border-sky-200 text-sky-700"
+                }, [
+                  e("span", ki, o(I.recordId), 1),
+                  y[13] || (y[13] = e("span", { class: "text-sky-400" }, "·", -1)),
+                  e("span", $i, o(I.transactionId || "—"), 1),
+                  e("button", {
+                    class: "ml-0.5 opacity-50 hover:opacity-100 leading-none",
+                    onClick: (C) => V(I.recordId, !1)
+                  }, " × ", 8, wi)
+                ]))), 128))
+              ])
+            ])) : r("", !0)
+          ])) : r("", !0),
+          T(E, {
+            "column-defs": D,
+            "row-data": p.value,
+            onRowClick: s,
+            class: "cursor-pointer"
+          }, null, 8, ["row-data"]),
+          (t(!0), a(M, null, X(p.value, (I) => (t(), a("div", {
+            key: I.recordId
+          }, [
+            g(n).isRowExpanded(I.recordId) ? (t(), a("div", Si, [
+              T(ve, {
+                "netsuite-id": I.recordId
+              }, null, 8, ["netsuite-id"])
+            ])) : r("", !0)
+          ]))), 128))
+        ], 64)) : !g(n).loading.value && !g(n).error.value ? (t(), a("div", Ci, o(g(n).activeUseCase.value === "lookup" ? 'Enter a query and click "Run" to lookup records' : 'Click "Run" to query NetSuite records'), 1)) : r("", !0),
+        T(Wr, {
+          ref_key: "poSideSheetRef",
+          ref: k
+        }, null, 512),
+        T(ai, {
+          ref_key: "toSideSheetRef",
+          ref: F
+        }, null, 512)
+      ]);
+    };
+  }
+}), Ti = { class: "p-6 space-y-6" }, Di = {
+  key: 0,
+  class: "flex items-center justify-center py-16"
+}, Li = {
+  key: 0,
+  class: "flex flex-col gap-3 p-4 bg-blue-50 border border-blue-200 rounded-lg"
+}, Fi = { class: "flex items-center gap-2" }, Ri = {
+  key: 0,
+  class: "flex flex-col gap-0.5"
+}, Ni = { class: "font-mono text-sm font-medium" }, Oi = {
+  key: 1,
+  class: "text-sm text-gray-400 italic"
+}, Vi = {
+  key: 0,
+  class: "flex flex-col gap-0.5"
+}, Ui = { class: "font-mono text-sm font-medium" }, Bi = {
+  key: 1,
+  class: "text-sm text-gray-400 italic"
+}, Pi = { class: "grid grid-cols-2 gap-4" }, Ai = {
+  key: 0,
+  class: "flex flex-col gap-0.5"
+}, Ei = { class: "font-mono text-sm font-medium" }, Mi = {
+  key: 1,
+  class: "flex flex-col gap-0.5"
+}, ji = { class: "font-mono text-sm font-medium" }, qi = {
+  key: 0,
+  class: "text-sm text-gray-400 italic"
+}, Ji = {
+  key: 3,
+  class: "flex flex-col gap-0.5"
+}, zi = { class: "text-sm" }, Wi = { class: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm" }, Qi = {
+  key: 0,
+  class: "col-span-2"
+}, Hi = { class: "font-mono font-medium" }, Ki = { key: 1 }, Yi = { class: "font-medium" }, Gi = { key: 2 }, Xi = { class: "font-medium" }, Zi = { key: 3 }, ed = { class: "font-medium" }, td = { key: 4 }, sd = { class: "font-medium" }, ad = { key: 5 }, od = { class: "font-medium" }, ld = { key: 6 }, rd = { class: "font-medium text-blue-700" }, nd = {
+  key: 7,
+  class: "col-span-2"
+}, id = { class: "text-gray-700 italic" }, dd = { key: 0 }, ud = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2" }, cd = { class: "border border-gray-200 rounded-lg overflow-hidden" }, vd = { class: "w-full text-sm" }, pd = ["onClick"], yd = { class: "w-8 pl-2 py-2 text-gray-400" }, xd = { class: "px-3 py-2 font-mono text-xs text-gray-400" }, md = { class: "px-3 py-2" }, gd = { class: "font-medium" }, fd = {
+  key: 0,
+  class: "text-xs text-gray-400 font-mono"
+}, bd = { class: "px-3 py-2 text-right font-medium" }, _d = { class: "px-3 py-2 text-gray-500 font-mono text-xs" }, hd = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, kd = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, $d = { class: "px-3 py-2 text-right text-gray-500 text-xs" }, wd = {
+  key: 0,
+  class: "border-b border-gray-100 bg-gray-50"
+}, Sd = { class: "flex items-center justify-between mb-2" }, Cd = ["onClick"], Id = {
+  key: 0,
+  class: "w-3.5 h-3.5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Td = { class: "space-y-1 text-xs font-mono" }, Dd = { class: "text-gray-400 shrink-0" }, Ld = { class: "text-gray-700 break-all" }, Fd = { class: "text-amber-700 font-semibold shrink-0" }, Rd = { class: "text-amber-900 break-all" }, Nd = { class: "border border-gray-200 rounded-lg overflow-hidden" }, Od = { key: 0 }, Vd = {
+  key: 2,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, Ud = {
+  key: 2,
+  class: "border border-gray-200 rounded-lg overflow-hidden"
+}, Bd = {
+  key: 0,
+  class: "p-2"
+}, Pd = { class: "flex justify-end gap-2" }, Ad = 8, Ed = /* @__PURE__ */ ne({
+  __name: "InventoryTransferSideSheet",
+  setup(W, { expose: P }) {
+    const { FmSideSheet: n, FmButton: N, FmCircularProgress: k, FmChip: F } = oe, S = f(!1), x = f(!1), l = f(null), $ = f(null), p = f(!1), c = f(!1), _ = f(!1);
+    async function h(u, i) {
+      $.value = u, S.value = !0, x.value = !0, l.value = null, p.value = !1;
+      try {
+        l.value = await i();
+      } catch (m) {
+        l.value = { error: (m == null ? void 0 : m.message) || "Failed to fetch raw data" };
+      } finally {
+        x.value = !1;
+      }
+    }
+    function A() {
+      S.value = !1, l.value = null, $.value = null, p.value = !1, c.value = !1;
+    }
+    function w() {
+      var u;
+      (u = window.navigator.clipboard) == null || u.writeText(JSON.stringify(l.value, null, 2)), _.value = !0, setTimeout(() => _.value = !1, 2e3);
+    }
+    const b = B(() => {
+      var u, i;
+      return ((i = (u = l.value) == null ? void 0 : u.status) == null ? void 0 : i.refName) ?? null;
+    }), R = B(() => {
+      var u, i;
+      return ((u = l.value) == null ? void 0 : u.tranId) ?? ((i = $.value) == null ? void 0 : i.transactionId) ?? null;
+    }), V = B(() => {
+      var u;
+      return ((u = l.value) == null ? void 0 : u.tranDate) ?? null;
+    }), J = B(() => {
+      var u;
+      return ((u = l.value) == null ? void 0 : u.createdDate) ?? null;
+    }), Q = B(() => {
+      var u;
+      return ((u = l.value) == null ? void 0 : u.lastModifiedDate) ?? null;
+    }), K = B(() => {
+      var u;
+      return ((u = l.value) == null ? void 0 : u.memo) ?? null;
+    }), v = B(
+      () => {
+        var u, i, m;
+        return ((i = (u = l.value) == null ? void 0 : u.location) == null ? void 0 : i.refName) ?? ((m = $.value) == null ? void 0 : m.sourceLocationName) ?? null;
+      }
+    ), s = B(
+      () => {
+        var u, i, m;
+        return ((i = (u = l.value) == null ? void 0 : u.transferLocation) == null ? void 0 : i.refName) ?? ((m = $.value) == null ? void 0 : m.destinationLocationName) ?? null;
+      }
+    ), D = B(() => {
+      var u, i;
+      return l.value ? (u = l.value.inventory) != null && u.items ? l.value.inventory.items : (i = l.value.item) != null && i.items ? l.value.item.items : [] : [];
+    }), d = B(() => {
+      var u, i;
+      return (i = (u = $.value) == null ? void 0 : u.meta) == null ? void 0 : i.itReplicaType;
+    }), y = B(() => {
+      var u, i;
+      return (i = (u = $.value) == null ? void 0 : u.meta) == null ? void 0 : i.fmLinkedId;
+    }), L = B(
+      () => {
+        var u, i;
+        return (i = (u = $.value) == null ? void 0 : u.meta) == null ? void 0 : i.fmDeliveryOrderId;
+      }
+    ), E = B(() => {
+      switch (d.value) {
+        case "externalTransferOut":
+          return "External Transfer Out";
+        case "externalTransferIn":
+          return "External Transfer In";
+        case "internalTransfer":
+          return "Internal Transfer";
+        default:
+          return null;
+      }
+    }), I = f(/* @__PURE__ */ new Set());
+    function C(u) {
+      I.value.has(u) ? I.value.delete(u) : I.value.add(u), I.value = new Set(I.value);
+    }
+    function Y(u) {
+      const i = [], m = [];
+      for (const [U, z] of Object.entries(u))
+        U.startsWith("custcol") ? m.push([U, z]) : i.push([U, z]);
+      return { normal: i, custcol: m };
+    }
+    const Z = f(null);
+    function O(u, i) {
+      var m;
+      (m = window.navigator.clipboard) == null || m.writeText(JSON.stringify(u, null, 2)), Z.value = i, setTimeout(() => Z.value = null, 2e3);
+    }
+    return P({ open: h, close: A }), (u, i) => {
+      var m;
+      return t(), H(g(n), {
+        modelValue: S.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (U) => S.value = U),
+        header: `Inventory Transfer · ${((m = $.value) == null ? void 0 : m.recordId) ?? "-"}`,
+        "max-width": 1200
+      }, {
+        "side-sheet-footer": te(() => [
+          e("div", Pd, [
+            T(g(N), {
+              variant: "tertiary",
+              onClick: A
+            }, {
+              default: te(() => i[26] || (i[26] = [
+                re("Close")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        default: te(() => {
+          var U, z, ae;
+          return [
+            e("div", Ti, [
+              x.value ? (t(), a("div", Di, [
+                T(g(k), { size: "md" })
+              ])) : x.value ? r("", !0) : (t(), a(M, { key: 1 }, [
+                d.value ? (t(), a("div", Li, [
+                  e("div", Fi, [
+                    i[3] || (i[3] = e("span", { class: "text-xs font-semibold text-blue-700 uppercase tracking-wide" }, "FeedMe Link", -1)),
+                    E.value ? (t(), H(g(F), {
+                      key: 0,
+                      label: E.value,
+                      compact: ""
+                    }, null, 8, ["label"])) : r("", !0)
+                  ]),
+                  d.value === "externalTransferOut" ? (t(), a(M, { key: 0 }, [
+                    y.value ? (t(), a("div", Ri, [
+                      i[4] || (i[4] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Adjustment ID", -1)),
+                      e("span", Ni, o(y.value), 1)
+                    ])) : (t(), a("div", Oi, "No adjustment linked"))
+                  ], 64)) : d.value === "externalTransferIn" ? (t(), a(M, { key: 1 }, [
+                    y.value ? (t(), a("div", Vi, [
+                      i[5] || (i[5] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Purchase Order ID", -1)),
+                      e("span", Ui, o(y.value), 1)
+                    ])) : (t(), a("div", Bi, "No purchase order linked"))
+                  ], 64)) : d.value === "internalTransfer" ? (t(), a(M, { key: 2 }, [
+                    e("div", Pi, [
+                      y.value ? (t(), a("div", Ai, [
+                        i[6] || (i[6] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Purchase Order ID", -1)),
+                        e("span", Ei, o(y.value), 1)
+                      ])) : r("", !0),
+                      L.value ? (t(), a("div", Mi, [
+                        i[7] || (i[7] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Delivery Order ID", -1)),
+                        e("span", ji, o(L.value), 1)
+                      ])) : r("", !0)
+                    ]),
+                    !y.value && !L.value ? (t(), a("div", qi, " No purchase order or delivery order linked ")) : r("", !0)
+                  ], 64)) : r("", !0),
+                  (U = $.value) != null && U.syncedAt ? (t(), a("div", Ji, [
+                    i[8] || (i[8] = e("span", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Last Synced", -1)),
+                    e("span", zi, o(new Date($.value.syncedAt).toLocaleString()), 1)
+                  ])) : r("", !0)
+                ])) : r("", !0),
+                l.value && !l.value.error ? (t(), a(M, { key: 1 }, [
+                  e("div", Wi, [
+                    R.value ? (t(), a("div", Qi, [
+                      i[9] || (i[9] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Transaction ID", -1)),
+                      e("div", Hi, o(R.value), 1)
+                    ])) : r("", !0),
+                    b.value ? (t(), a("div", Ki, [
+                      i[10] || (i[10] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Status", -1)),
+                      e("div", Yi, o(b.value), 1)
+                    ])) : r("", !0),
+                    V.value ? (t(), a("div", Gi, [
+                      i[11] || (i[11] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Tran Date", -1)),
+                      e("div", Xi, o(new Date(V.value).toLocaleDateString()), 1)
+                    ])) : r("", !0),
+                    J.value ? (t(), a("div", Zi, [
+                      i[12] || (i[12] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Created", -1)),
+                      e("div", ed, o(new Date(J.value).toLocaleString()), 1)
+                    ])) : r("", !0),
+                    Q.value ? (t(), a("div", td, [
+                      i[13] || (i[13] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Last Modified", -1)),
+                      e("div", sd, o(new Date(Q.value).toLocaleString()), 1)
+                    ])) : r("", !0),
+                    v.value ? (t(), a("div", ad, [
+                      i[14] || (i[14] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Source Location ", -1)),
+                      e("div", od, o(v.value), 1)
+                    ])) : r("", !0),
+                    s.value ? (t(), a("div", ld, [
+                      i[15] || (i[15] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, " Destination Location ", -1)),
+                      e("div", rd, o(s.value), 1)
+                    ])) : r("", !0),
+                    K.value ? (t(), a("div", nd, [
+                      i[16] || (i[16] = e("div", { class: "text-xs text-gray-500 uppercase tracking-wide mb-0.5" }, "Memo", -1)),
+                      e("div", id, o(K.value), 1)
+                    ])) : r("", !0)
+                  ]),
+                  D.value.length > 0 ? (t(), a("div", dd, [
+                    e("div", ud, " Items (" + o(D.value.length) + ") ", 1),
+                    e("div", cd, [
+                      e("table", vd, [
+                        i[21] || (i[21] = e("thead", { class: "bg-gray-50 border-b border-gray-200" }, [
+                          e("tr", null, [
+                            e("th", { class: "w-8" }),
+                            e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "#"),
+                            e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Item"),
+                            e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Qty"),
+                            e("th", { class: "text-left px-3 py-2 font-medium text-gray-600" }, "Unit"),
+                            e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "On Hand"),
+                            e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Available"),
+                            e("th", { class: "text-right px-3 py-2 font-medium text-gray-600" }, "Committed")
+                          ])
+                        ], -1)),
+                        e("tbody", null, [
+                          (t(!0), a(M, null, X(D.value, (G, ee) => {
+                            var ie, me;
+                            return t(), a(M, {
+                              key: G.line ?? ee
+                            }, [
+                              e("tr", {
+                                class: j(["border-b border-gray-100 cursor-pointer select-none hover:bg-blue-50/40", I.value.has(ee) ? "bg-blue-50/60" : ""]),
+                                onClick: (le) => C(ee)
+                              }, [
+                                e("td", yd, [
+                                  (t(), a("svg", {
+                                    class: j(["w-3.5 h-3.5 transition-transform", I.value.has(ee) ? "rotate-90" : ""]),
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    viewBox: "0 0 24 24"
+                                  }, i[17] || (i[17] = [
+                                    e("path", {
+                                      "stroke-linecap": "round",
+                                      "stroke-linejoin": "round",
+                                      "stroke-width": "2",
+                                      d: "M9 5l7 7-7 7"
+                                    }, null, -1)
+                                  ]), 2))
+                                ]),
+                                e("td", xd, o(G.line ?? ee + 1), 1),
+                                e("td", md, [
+                                  e("div", gd, o(((ie = G.item) == null ? void 0 : ie.refName) || "—"), 1),
+                                  (me = G.item) != null && me.id ? (t(), a("div", fd, " ID: " + o(G.item.id), 1)) : r("", !0)
+                                ]),
+                                e("td", bd, o(G.adjustQtyBy ?? G.quantity ?? "—"), 1),
+                                e("td", _d, o(G.units || "—"), 1),
+                                e("td", hd, o(G.quantityOnHand ?? "—"), 1),
+                                e("td", kd, o(G.quantityAvailable ?? "—"), 1),
+                                e("td", $d, o(G.quantityCommitted ?? "—"), 1)
+                              ], 10, pd),
+                              I.value.has(ee) ? (t(), a("tr", wd, [
+                                e("td", {
+                                  colspan: Ad,
+                                  class: "px-4 py-3"
+                                }, [
+                                  e("div", Sd, [
+                                    i[19] || (i[19] = e("span", { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide" }, "Raw Item Data", -1)),
+                                    e("button", {
+                                      class: j([
+                                        "text-xs flex items-center gap-1 transition-colors",
+                                        Z.value === ee ? "text-green-600" : "text-gray-400 hover:text-gray-700"
+                                      ]),
+                                      onClick: de((le) => O(G, ee), ["stop"])
+                                    }, [
+                                      Z.value === ee ? (t(), a("svg", Id, i[18] || (i[18] = [
+                                        e("path", {
+                                          "stroke-linecap": "round",
+                                          "stroke-linejoin": "round",
+                                          "stroke-width": "2",
+                                          d: "M5 13l4 4L19 7"
+                                        }, null, -1)
+                                      ]))) : r("", !0),
+                                      re(" " + o(Z.value === ee ? "Copied!" : "Copy"), 1)
+                                    ], 10, Cd)
+                                  ]),
+                                  e("div", Td, [
+                                    (t(!0), a(M, null, X(Y(G).normal, ([le, pe]) => (t(), a("div", {
+                                      key: le,
+                                      class: "flex gap-2"
+                                    }, [
+                                      e("span", Dd, o(le) + ":", 1),
+                                      e("span", Ld, o(JSON.stringify(pe)), 1)
+                                    ]))), 128)),
+                                    Y(G).custcol.length > 0 ? (t(), a(M, { key: 0 }, [
+                                      i[20] || (i[20] = e("div", { class: "mt-2 mb-1 text-xs font-semibold text-amber-600 uppercase tracking-wide" }, " Custom Columns ", -1)),
+                                      (t(!0), a(M, null, X(Y(G).custcol, ([le, pe]) => (t(), a("div", {
+                                        key: le,
+                                        class: "flex gap-2 rounded px-1.5 py-0.5 bg-amber-50 border border-amber-200"
+                                      }, [
+                                        e("span", Fd, o(le) + ":", 1),
+                                        e("span", Rd, o(JSON.stringify(pe)), 1)
+                                      ]))), 128))
+                                    ], 64)) : r("", !0)
+                                  ])
+                                ])
+                              ])) : r("", !0)
+                            ], 64);
+                          }), 128))
+                        ])
+                      ])
+                    ])
+                  ])) : r("", !0),
+                  e("div", Nd, [
+                    e("div", {
+                      class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", p.value ? "border-b border-gray-200" : ""]),
+                      onClick: i[0] || (i[0] = (G) => p.value = !p.value)
+                    }, [
+                      (t(), a("svg", {
+                        class: j(["w-3.5 h-3.5 transition-transform text-gray-500", p.value ? "rotate-90" : ""]),
+                        fill: "none",
+                        stroke: "currentColor",
+                        viewBox: "0 0 24 24"
+                      }, i[22] || (i[22] = [
+                        e("path", {
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round",
+                          "stroke-width": "2",
+                          d: "M9 5l7 7-7 7"
+                        }, null, -1)
+                      ]), 2)),
+                      i[23] || (i[23] = e("span", { class: "text-xs font-medium text-gray-600" }, "(NetSuite) Raw JSON", -1)),
+                      p.value ? (t(), a("button", {
+                        key: 0,
+                        class: j(["ml-auto text-xs flex items-center gap-1 transition-colors", _.value ? "text-green-600" : "text-gray-400 hover:text-gray-700"]),
+                        onClick: de(w, ["stop"])
+                      }, o(_.value ? "Copied!" : "Copy JSON"), 3)) : r("", !0)
+                    ], 2),
+                    p.value ? (t(), a("div", Od, [
+                      T(ye, { value: l.value }, null, 8, ["value"])
+                    ])) : r("", !0)
+                  ])
+                ], 64)) : r("", !0),
+                (z = l.value) != null && z.error ? (t(), a("div", Vd, o(l.value.error), 1)) : r("", !0)
+              ], 64)),
+              (ae = $.value) != null && ae.recordId ? (t(), a("div", Ud, [
+                e("div", {
+                  class: j(["flex items-center gap-1.5 px-3 py-2 bg-gray-50 cursor-pointer select-none hover:bg-gray-100 transition-colors", c.value ? "border-b border-gray-200" : ""]),
+                  onClick: i[1] || (i[1] = (G) => c.value = !c.value)
+                }, [
+                  (t(), a("svg", {
+                    class: j(["w-3.5 h-3.5 transition-transform text-gray-500", c.value ? "rotate-90" : ""]),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, i[24] || (i[24] = [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M9 5l7 7-7 7"
+                    }, null, -1)
+                  ]), 2)),
+                  i[25] || (i[25] = e("span", { class: "text-xs font-medium text-gray-600" }, "Sync Logs", -1))
+                ], 2),
+                c.value ? (t(), a("div", Bd, [
+                  T(ve, {
+                    "netsuite-id": $.value.recordId,
+                    "record-type": "inventoryTransfer"
+                  }, null, 8, ["netsuite-id"])
+                ])) : r("", !0)
+              ])) : r("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Md = { class: "flex flex-col gap-4" }, jd = {
+  key: 0,
+  class: "p-3 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700"
+}, qd = {
+  key: 1,
+  class: "flex justify-center py-8"
+}, Jd = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, zd = { class: "flex flex-col gap-2" }, Wd = { class: "text-lg font-semibold" }, Qd = { class: "grid grid-cols-2 gap-2 text-sm" }, Hd = { class: "ml-2 font-mono" }, Kd = { class: "ml-2" }, Yd = {
+  key: 0,
+  class: "p-4 bg-gray-50 border border-gray-200 rounded-lg mt-1 mb-2"
+}, Gd = {
+  key: 4,
+  class: "text-center py-8 text-gray-400"
+}, Xd = /* @__PURE__ */ ne({
+  __name: "InventoryTransferView",
+  props: {
+    currentLocationSetting: {},
+    nsLocations: {},
+    currentLocationSubsidiary: {}
+  },
+  setup(W) {
+    const P = W, n = Ne(), N = ce(), k = f(), F = [{ value: "inventoryTransfer", label: "Inventory Transfer" }];
+    async function S() {
+      var c;
+      const p = ((c = P.currentLocationSetting) == null ? void 0 : c.id) || "";
+      if (!p) {
+        n.error.value = "Location ID is required";
+        return;
+      }
+      if (n.activeUseCase.value === "lookup") {
+        n.lookupRecordType.value = "inventoryTransfer", await n.executeLookup(
+          "inventoryTransfer",
+          p,
+          n.netsuiteIdInput.value,
+          n.queryField.value
+        );
+        return;
+      }
+      await n.executeListByDateRange("inventoryTransfer", p);
+    }
+    const x = B(() => {
+      let p = n.records.value;
+      if (n.syncFilter.value === "synced" ? p = p.filter((c) => c.syncedAt != null) : n.syncFilter.value === "unsynced" && (p = p.filter((c) => c.syncedAt == null)), n.filterRule.value) {
+        const c = he.build(n.filterRule.value);
+        p = p.filter(
+          (_) => ke(
+            {
+              syncStatus: _.syncedAt != null ? "synced" : "unsynced"
+            },
+            c
+          )
+        );
+      }
+      if (n.searchValue.value && n.searchValue.value.trim()) {
+        const c = n.searchValue.value.toLowerCase();
+        p = p.filter(
+          (_) => {
+            var h, A, w, b;
+            return ((h = _.recordId) == null ? void 0 : h.toLowerCase().includes(c)) || ((A = _.transactionId) == null ? void 0 : A.toLowerCase().includes(c)) || ((w = _.sourceLocationName) == null ? void 0 : w.toLowerCase().includes(c)) || ((b = _.destinationLocationName) == null ? void 0 : b.toLowerCase().includes(c));
+          }
+        );
+      }
+      return p;
+    });
+    async function l(p) {
+      var _;
+      const c = p.original;
+      (_ = k.value) == null || _.open(c, async () => (await N.readOrderById("inventoryTransfer", c.recordId)).netsuiteRecord);
+    }
+    const $ = [
+      {
+        id: "id",
+        header: () => "NS ID",
+        accessorKey: "recordId",
+        size: 100,
+        cell: (p) => q("span", { class: "font-mono text-sm" }, p.getValue())
+      },
+      {
+        id: "tranid",
+        header: () => "Tran ID",
+        accessorKey: "transactionId",
+        cell: (p) => q("span", { class: "font-medium" }, p.getValue())
+      },
+      {
+        id: "trandate",
+        header: () => "Tran Date",
+        accessorFn: (p) => {
+          const c = p.transactionDate;
+          if (!c) return 0;
+          const [_, h, A] = c.split("/");
+          return new Date(Number(A), Number(h) - 1, Number(_)).getTime();
+        },
+        cell: (p) => {
+          const c = p.getValue();
+          return c ? q("span", { class: "text-sm" }, new Date(c).toLocaleDateString()) : q("span", { class: "text-sm" }, "-");
+        }
+      },
+      {
+        id: "fromLocation",
+        header: () => "From Location",
+        accessorFn: (p) => p.sourceLocationName || "N/A",
+        cell: (p) => {
+          var w;
+          const c = p.row.original, _ = c.sourceLocationId || "", h = c.sourceLocationName || "N/A", A = _ && _ === ((w = P.currentLocationSetting) == null ? void 0 : w.netSuiteId);
+          return q("div", { class: "flex flex-col" }, [
+            q(
+              "span",
+              { class: A ? "text-sm font-semibold text-blue-700" : "text-sm" },
+              h
+            ),
+            q("span", { class: "text-xs text-gray-400" }, `ID: ${_ || "N/A"}`)
+          ]);
+        }
+      },
+      {
+        id: "toLocation",
+        header: () => "To Location",
+        accessorFn: (p) => p.destinationLocationName || "N/A",
+        cell: (p) => {
+          var w;
+          const c = p.row.original, _ = c.destinationLocationId || "", h = c.destinationLocationName || "N/A", A = _ && _ === ((w = P.currentLocationSetting) == null ? void 0 : w.netSuiteId);
+          return q("div", { class: "flex flex-col" }, [
+            q(
+              "span",
+              { class: A ? "text-sm font-semibold text-blue-700" : "text-sm" },
+              h
+            ),
+            q("span", { class: "text-xs text-gray-400" }, `ID: ${_ || "N/A"}`)
+          ]);
+        }
+      },
+      {
+        id: "syncedAt",
+        header: () => "Synced At",
+        accessorKey: "syncedAt",
+        size: 160,
+        cell: (p) => {
+          const c = p.getValue();
+          return c ? q("span", { class: "text-sm" }, new Date(c).toLocaleString()) : q("span", { class: "text-gray-300" }, "—");
+        }
+      },
+      {
+        id: "expand",
+        header: () => "",
+        size: 50,
+        cell: (p) => {
+          const c = p.row.original.recordId, _ = n.isRowExpanded(c);
+          return q(
+            oe.FmButton,
+            {
+              variant: "tertiary",
+              compact: !0,
+              onClick: (h) => {
+                h.stopPropagation(), n.toggleRowExpand(c);
+              }
+            },
+            () => q(oe.FmIcon, { name: _ ? "expand_less" : "expand_more", size: "sm" })
+          );
+        }
+      }
+    ];
+    return (p, c) => {
+      const _ = se("FmCircularProgress"), h = se("FmCardSection"), A = se("FmCard"), w = se("FmTable");
+      return t(), a("div", Md, [
+        c[11] || (c[11] = e("div", { class: "text-sm text-gray-600" }, " Query Inventory Transfers from NetSuite. Results are cross-referenced with FeedMe to show sync status. DO-linked records are annotated. ", -1)),
+        T(Fe, {
+          "active-use-case": g(n).activeUseCase.value,
+          "netsuite-id-input": g(n).netsuiteIdInput.value,
+          "lookup-record-type": "inventoryTransfer",
+          "lookup-record-type-options": F,
+          "query-field": g(n).queryField.value,
+          "date-range": g(n).dateRange.value,
+          "sync-filter": g(n).syncFilter.value,
+          "filter-rule": g(n).filterRule.value,
+          "search-value": g(n).searchValue.value,
+          "date-range-error": g(n).dateRangeError.value,
+          loading: g(n).loading.value,
+          stats: g(n).stats.value,
+          "show-direction": !1,
+          direction: g(n).direction.value,
+          "onUpdate:activeUseCase": c[0] || (c[0] = (b) => g(n).activeUseCase.value = b),
+          "onUpdate:netsuiteIdInput": c[1] || (c[1] = (b) => g(n).netsuiteIdInput.value = b),
+          "onUpdate:lookupRecordType": c[2] || (c[2] = (b) => g(n).lookupRecordType.value = "inventoryTransfer"),
+          "onUpdate:queryField": c[3] || (c[3] = (b) => g(n).queryField.value = b),
+          "onUpdate:dateRange": c[4] || (c[4] = (b) => g(n).dateRange.value = b),
+          "onUpdate:syncFilter": c[5] || (c[5] = (b) => g(n).syncFilter.value = b),
+          "onUpdate:filterRule": c[6] || (c[6] = (b) => g(n).filterRule.value = b),
+          "onUpdate:searchValue": c[7] || (c[7] = (b) => g(n).searchValue.value = b),
+          "onUpdate:direction": c[8] || (c[8] = (b) => g(n).direction.value = b),
+          onExecute: S
+        }, null, 8, ["active-use-case", "netsuite-id-input", "query-field", "date-range", "sync-filter", "filter-rule", "search-value", "date-range-error", "loading", "stats", "direction"]),
+        g(n).error.value ? (t(), a("div", jd, o(g(n).error.value), 1)) : r("", !0),
+        g(n).loading.value ? (t(), a("div", qd, [
+          T(_, { size: "md" })
+        ])) : g(n).activeUseCase.value === "lookup" && g(n).lookupResult.value ? (t(), a("div", Jd, [
+          T(A, null, {
+            default: te(() => [
+              T(h, null, {
+                default: te(() => {
+                  var b, R, V;
+                  return [
+                    e("div", zd, [
+                      e("div", Wd, o(((b = g(n).lookupResult.value.additionalInfo) == null ? void 0 : b.tranid) || "Inventory Transfer"), 1),
+                      e("div", Qd, [
+                        e("div", null, [
+                          c[9] || (c[9] = e("span", { class: "text-gray-500" }, "NetSuite ID:", -1)),
+                          e("span", Hd, o((R = g(n).lookupResult.value.additionalInfo) == null ? void 0 : R.id), 1)
+                        ]),
+                        e("div", null, [
+                          c[10] || (c[10] = e("span", { class: "text-gray-500" }, "Transaction #:", -1)),
+                          e("span", Kd, o((V = g(n).lookupResult.value.additionalInfo) == null ? void 0 : V.transactionnumber), 1)
+                        ])
+                      ])
+                    ])
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : x.value.length > 0 ? (t(), a(M, { key: 3 }, [
+          T(w, {
+            "column-defs": $,
+            "row-data": x.value,
+            onRowClick: l,
+            class: "cursor-pointer"
+          }, null, 8, ["row-data"]),
+          (t(!0), a(M, null, X(x.value, (b) => (t(), a("div", {
+            key: b.recordId
+          }, [
+            g(n).isRowExpanded(b.recordId) ? (t(), a("div", Yd, [
+              T(ve, {
+                "netsuite-id": b.recordId
+              }, null, 8, ["netsuite-id"])
+            ])) : r("", !0)
+          ]))), 128))
+        ], 64)) : !g(n).loading.value && !g(n).error.value ? (t(), a("div", Gd, o(g(n).activeUseCase.value === "lookup" ? 'Enter a query and click "Run" to lookup records' : 'Click "Run" to query NetSuite inventory transfers'), 1)) : r("", !0),
+        T(Ed, {
+          ref_key: "itSideSheetRef",
+          ref: k
+        }, null, 512)
+      ]);
+    };
+  }
+}), Zd = { class: "flex flex-col gap-6" }, eu = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, tu = {
+  key: 1,
+  class: "flex flex-col items-center my-10 gap-5"
+}, su = {
+  key: 2,
+  class: "flex flex-col items-center my-10 gap-5"
+}, au = { key: 1 }, ou = /* @__PURE__ */ ne({
+  __name: "NetSuiteExplorerView",
+  setup(W) {
+    const P = Ce(), n = Ie(), N = f(!1), k = B(() => n.isBusinessLocation), F = B(() => n.isEnabled), S = B(() => n.isCurrentLocationBindedToNetSuite), x = [
+      { value: "explorer-items", label: "Items" },
+      { value: "explorer-unitTypes", label: "Unit Types" }
+    ], l = [
+      { value: "explorer-orders", label: "Orders (PO / TO)" },
+      { value: "explorer-inventoryTransfer", label: "Inventory Transfer" }
+    ], $ = B(() => k.value ? x : l), p = f(
+      "explorer-items"
+      /* ITEMS */
+    );
+    Be(() => {
+      const w = $.value[0];
+      w && !$.value.find((b) => b.value === p.value) && (p.value = w.value);
+    });
+    const c = f([]), _ = B(() => n.currentLocationSubsidiary()), h = B(() => n.currentLocationSetting), A = B(
+      () => c.value.filter(
+        (w) => {
+          var b, R;
+          return w.subsidiaryId === ((b = _.value) == null ? void 0 : b.id) || w.netsuiteId === ((R = _.value) == null ? void 0 : R.id);
+        }
+      )
+    );
+    return _e(async () => {
+      if (P._currentLocation) {
+        N.value = !0;
+        try {
+          await n.readSetting();
+        } finally {
+          N.value = !1;
+        }
+      }
+    }), (w, b) => {
+      const R = se("FmCircularProgress"), V = se("FmTabs");
+      return t(), a("div", Zd, [
+        N.value ? (t(), a("div", eu, [
+          T(R, { size: "lg" })
+        ])) : F.value ? !k.value && !S.value ? (t(), a("div", su, b[2] || (b[2] = [
+          e("div", { class: "font-bold text-lg" }, "NetSuite not configured", -1),
+          e("div", {
+            class: "text-xs text-neutral-400 text-center",
+            style: { "max-width": "25rem" }
+          }, " NetSuite is not configured for this location. Please contact your administrator. ", -1)
+        ]))) : (t(), a(M, { key: 3 }, [
+          T(V, {
+            "model-value": p.value,
+            "onUpdate:modelValue": b[0] || (b[0] = (J) => p.value = J),
+            items: $.value,
+            key: "netsuite-explorer-tabs"
+          }, null, 8, ["model-value", "items"]),
+          k.value ? (t(), a(M, { key: 0 }, [
+            p.value === "explorer-items" ? (t(), H(Go, { key: 0 })) : r("", !0),
+            p.value === "explorer-unitTypes" ? (t(), a("div", au, "Coming Soon")) : r("", !0)
+          ], 64)) : S.value ? (t(), a(M, { key: 1 }, [
+            p.value === "explorer-orders" ? (t(), H(Ii, {
+              key: 0,
+              currentLocationSetting: h.value,
+              nsLocations: A.value,
+              currentLocationSubsidiary: _.value
+            }, null, 8, ["currentLocationSetting", "nsLocations", "currentLocationSubsidiary"])) : r("", !0),
+            p.value === "explorer-inventoryTransfer" ? (t(), H(Xd, {
+              key: 1,
+              currentLocationSetting: h.value,
+              nsLocations: A.value,
+              currentLocationSubsidiary: _.value
+            }, null, 8, ["currentLocationSetting", "nsLocations", "currentLocationSubsidiary"])) : r("", !0)
+          ], 64)) : r("", !0)
+        ], 64)) : (t(), a("div", tu, b[1] || (b[1] = [
+          e("div", { class: "font-bold text-lg" }, "NetSuite not enabled", -1),
+          e("div", {
+            class: "text-xs text-neutral-400 text-center",
+            style: { "max-width": "25rem" }
+          }, " NetSuite integration is not configured for this business. Please enable it from the Integration page first. ", -1)
+        ])))
+      ]);
+    };
+  }
+}), lu = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, ru = { class: "flex flex-col gap-3" }, nu = {
+  key: 1,
+  class: "flex flex-col items-center my-10 gap-5"
+}, fu = /* @__PURE__ */ ne({
+  __name: "IntegrationExplorerView",
+  setup(W) {
+    const P = Ce(), { breakpoints: n } = Pe(), N = B(() => n.value.xs || n.value.sm), k = f(
+      "netsuite"
+      /* NETSUITE */
+    ), F = [{ value: "netsuite", label: "NetSuite" }];
+    return (S, x) => {
+      const l = se("FmCircularProgress"), $ = se("FmSelect");
+      return t(), H(Ae, { title: "Integration Explorer" }, {
+        default: te(() => [
+          e("div", {
+            class: j(["flex flex-col gap-8 max-h-full", { "p-0": N.value, "px-24": !N.value }])
+          }, [
+            g(P)._currentLocation ? (t(), a(M, { key: 1 }, [
+              e("div", ru, [
+                x[1] || (x[1] = e("label", { class: "text-sm font-medium text-gray-700" }, "Integration Platform", -1)),
+                T($, {
+                  modelValue: k.value,
+                  "onUpdate:modelValue": x[0] || (x[0] = (p) => k.value = p),
+                  items: F,
+                  placeholder: "Select integration platform",
+                  style: { "max-width": "300px" }
+                }, null, 8, ["modelValue"])
+              ]),
+              T(Ee, {
+                "change-location": "",
+                showBusiness: ""
+              }),
+              x[3] || (x[3] = e("hr", { class: "my-2" }, null, -1)),
+              k.value === "netsuite" ? (t(), H(ou, { key: 0 })) : r("", !0),
+              k.value ? r("", !0) : (t(), a("div", nu, x[2] || (x[2] = [
+                e("div", { class: "font-bold text-lg" }, "Select an Integration Platform", -1),
+                e("div", {
+                  class: "text-xs text-neutral-400 text-center",
+                  style: { "max-width": "25rem" }
+                }, " Choose an integration platform from the dropdown above to get started. ", -1)
+              ])))
+            ], 64)) : (t(), a("div", lu, [
+              T(l, { size: "lg" })
+            ]))
+          ], 2)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  fu as default
+};