From 63476b39aae10c3ccec7d2c10a6428d07ad8a648 Mon Sep 17 00:00:00 2001
From: Ali <010109ali@gmail.com>
Date: Mon, 13 Jul 2026 12:22:07 +0000
Subject: [PATCH] fix: keep subtabs open when Frappe re-activates a tab
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Frappe's tab model does not know subtabs exist. Tab.set_active() strips
`show active` off every pane except the one it activates, and Frappe calls it on
every refresh_sections() — which runs on every refresh_field() and every value
change. So editing any field wiped the open subtab: its content appeared for a
fraction of a second and vanished.

Clicking a subtab now registers its top-level ancestor as the active tab, so
Frappe's own bookkeeping stays coherent and keeps re-activating the right tab, and
Tab.set_active is wrapped to re-assert the rest of the chain once Frappe is done.

The whole ancestor chain has to be restored, not just the leaf: subtabs nest two
deep in several declarations, where the top pane holds the first subtab bar, the
middle pane holds the second and the leaf holds the content — three panes active
at once, which Frappe's one-tab-at-a-time model will never do on its own.

This replaces the MutationObserver, which was fighting the same battle from the
wrong end: it could not tell a genuine tab switch from a refresh re-asserting the
tab already open.

Verified: 70 subtabs across 11 doctypes stay visible through refresh_field() and
refresh_sections().

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../custom_subtabs.bundle.DYDKGLKL.css        |   2 +
 ...=> custom_subtabs.bundle.DYDKGLKL.css.map} |   4 +-
 .../custom_subtabs.bundle.HFXJTVZI.css        |  68 ---
 .../css/custom_subtabs.bundle.6DBL7IOJ.css    |  68 ---
 .../css/custom_subtabs.bundle.CJRWDWV2.css    |   2 +
 ...=> custom_subtabs.bundle.CJRWDWV2.css.map} |   4 +-
 .../dist/js/custom_subtabs.bundle.DIIPT3ZZ.js | 197 -------
 .../js/custom_subtabs.bundle.DIIPT3ZZ.js.map  |   7 -
 .../dist/js/custom_subtabs.bundle.QW446NRW.js |   2 +
 .../js/custom_subtabs.bundle.QW446NRW.js.map  |   7 +
 .../public/js/custom_subtabs.bundle.js        | 485 ++++++++----------
 11 files changed, 231 insertions(+), 615 deletions(-)
 create mode 100644 custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css
 rename custom_subtabs/public/dist/css-rtl/{custom_subtabs.bundle.HFXJTVZI.css.map => custom_subtabs.bundle.DYDKGLKL.css.map} (85%)
 delete mode 100644 custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css
 delete mode 100644 custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css
 create mode 100644 custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css
 rename custom_subtabs/public/dist/css/{custom_subtabs.bundle.6DBL7IOJ.css.map => custom_subtabs.bundle.CJRWDWV2.css.map} (85%)
 delete mode 100644 custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js
 delete mode 100644 custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js.map
 create mode 100644 custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js
 create mode 100644 custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js.map

diff --git a/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css b/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css
new file mode 100644
index 0000000..b647954
--- /dev/null
+++ b/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css
@@ -0,0 +1,2 @@
+.sub-tab-container{margin:0!important;padding:0!important;display:flex!important;justify-content:flex-start!important;border-bottom:1px solid #ddd!important}.sub-tab-container .sub-tab{margin:0!important;background:none!important;border:none!important;padding:0!important}.sub-tab-container .sub-tab a,.sub-tab-container .sub-tab button{text-decoration:none!important;display:block!important;padding:6px 15px!important;color:#555!important;border:none!important;font-size:14px!important;font-weight:400!important;margin:0!important;background:transparent!important;box-shadow:none!important}.sub-tab-container .sub-tab a:hover,.sub-tab-container .sub-tab button:hover{color:#000!important}.sub-tab-container .sub-tab.active a,.sub-tab-container .sub-tab.active button{color:#000!important;font-weight:600!important;border-bottom:2px solid #000!important;background-color:transparent!important;border-radius:0!important}.form-section:has(.sub-tab-container){padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}.form-section .section-body:empty,.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname="html_vohk"] > span.tooltip-content:only-child){display:none!important;padding:0!important;margin:0!important;min-height:0!important}.sub-tab-container.nav{display:flex;list-style:none;padding:0;margin:0}.sub-tab-container.nav>li[style*="display: none"]{display:none!important}.sub-tab-container.subtab-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;overflow:hidden!important}
+/*# sourceMappingURL=custom_subtabs.bundle.DYDKGLKL.css.map */
diff --git a/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css.map b/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css.map
similarity index 85%
rename from custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css.map
rename to custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css.map
index c198156..1900faf 100644
--- a/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css.map
+++ b/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.DYDKGLKL.css.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../tmp/tmp-18495-vJNc0fl1RN65/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css"],
+  "sources": ["../../../../../../../../tmp/tmp-15812-S7Giyd0UpxCO/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css"],
   "sourcesContent": [".sub-tab-container {\n    margin: 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    justify-content: flex-start !important;\n    border-bottom: 1px solid #ddd !important;\n}\n\n.sub-tab-container .sub-tab {\n    margin: 0 !important;\n    background: none !important;\n    border: none !important;\n    padding: 0 !important;\n}\n\n/* Support both <a> and <button> for v15 and v16 compatibility */\n.sub-tab-container .sub-tab a,\n.sub-tab-container .sub-tab button {\n    text-decoration: none !important;\n    display: block !important;\n    padding: 6px 15px !important;\n    color: #555 !important;\n    border: none !important;\n    font-size: 14px !important;\n    font-weight: normal !important;\n    margin: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n.sub-tab-container .sub-tab a:hover,\n.sub-tab-container .sub-tab button:hover {\n    color: #000 !important;\n}\n\n.sub-tab-container .sub-tab.active a,\n.sub-tab-container .sub-tab.active button {\n    color: #000 !important;\n    font-weight: 600 !important;\n    border-bottom: 2px solid #000 !important;\n    background-color: transparent !important;\n    border-radius: 0 !important;\n}\n\n/* \u041A\u041B\u042E\u0427\u0415\u0412\u041E\u0415 \u0418\u0421\u041F\u0420\u0410\u0412\u041B\u0415\u041D\u0418\u0415: \u0443\u0431\u0440\u0430\u0442\u044C padding \u0443 form-section \u0441 \u0441\u0443\u0431\u0442\u0430\u0431\u0430\u043C\u0438 */\n.form-section:has(.sub-tab-container) {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n/* \u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0443\u0441\u0442\u044B\u0435 section-body */\n.form-section .section-body:empty,\n.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname=\"html_vohk\"] > span.tooltip-content:only-child) {\n    display: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    min-height: 0 !important;\n}\n\n/* \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0443 sub-tab-container */\n.sub-tab-container.nav {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.sub-tab-container.nav > li[style*=\"display: none\"] {\n    display: none !important;\n}\n\n/* \u041A\u043B\u0430\u0441\u0441 \u0434\u043B\u044F \u0441\u043A\u0440\u044B\u0442\u0438\u044F \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432 */\n.sub-tab-container.subtab-hidden {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    overflow: hidden !important;\n}"],
-  "mappings": ";AAAA;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAEI;AAAA;AAGJ;AAAA;AAEI;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AAAA;",
+  "mappings": "AAAA,0DAGI,uBACA,qCACA,uCAGJ,4BARA,mBAUI,0BACA,sBAXJ,oBAgBA,iEAEI,+BACA,wBAnBJ,2BAqBI,qBACA,sBACA,yBACA,0BAxBJ,mBA0BI,iCACA,0BAGJ,6EAEI,qBAGJ,+EAEI,qBACA,0BACA,uCACA,uCAxCJ,0BA6CA,sCACI,wBACA,2BACA,0BAIJ,yKAEI,uBAtDJ,uCAyDI,uBAIJ,uBACI,aACA,gBA/DJ,mBAoEA,kDACI,uBAIJ,iCACI,uBACA,4BACA,8BACA,mBACA",
   "names": []
 }
diff --git a/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css b/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css
deleted file mode 100644
index cf468c3..0000000
--- a/custom_subtabs/public/dist/css-rtl/custom_subtabs.bundle.HFXJTVZI.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/* ../../../../../tmp/tmp-18495-vJNc0fl1RN65/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css */
-.sub-tab-container {
-  margin: 0 !important;
-  padding: 0 !important;
-  display: flex !important;
-  justify-content: flex-start !important;
-  border-bottom: 1px solid #ddd !important;
-}
-.sub-tab-container .sub-tab {
-  margin: 0 !important;
-  background: none !important;
-  border: none !important;
-  padding: 0 !important;
-}
-.sub-tab-container .sub-tab a,
-.sub-tab-container .sub-tab button {
-  text-decoration: none !important;
-  display: block !important;
-  padding: 6px 15px !important;
-  color: #555 !important;
-  border: none !important;
-  font-size: 14px !important;
-  font-weight: normal !important;
-  margin: 0 !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-.sub-tab-container .sub-tab a:hover,
-.sub-tab-container .sub-tab button:hover {
-  color: #000 !important;
-}
-.sub-tab-container .sub-tab.active a,
-.sub-tab-container .sub-tab.active button {
-  color: #000 !important;
-  font-weight: 600 !important;
-  border-bottom: 2px solid #000 !important;
-  background-color: transparent !important;
-  border-radius: 0 !important;
-}
-.form-section:has(.sub-tab-container) {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-  margin-bottom: 0 !important;
-}
-.form-section .section-body:empty,
-.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname="html_vohk"] > span.tooltip-content:only-child) {
-  display: none !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  min-height: 0 !important;
-}
-.sub-tab-container.nav {
-  display: flex;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.sub-tab-container.nav > li[style*="display: none"] {
-  display: none !important;
-}
-.sub-tab-container.subtab-hidden {
-  display: none !important;
-  visibility: hidden !important;
-  pointer-events: none !important;
-  height: 0 !important;
-  overflow: hidden !important;
-}
-/*# sourceMappingURL=custom_subtabs.bundle.HFXJTVZI.css.map */
diff --git a/custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css b/custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css
deleted file mode 100644
index 8c9883d..0000000
--- a/custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/* ../../../../../tmp/tmp-18495-RhkE9CzEb0G6/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css */
-.sub-tab-container {
-  margin: 0 !important;
-  padding: 0 !important;
-  display: flex !important;
-  justify-content: flex-start !important;
-  border-bottom: 1px solid #ddd !important;
-}
-.sub-tab-container .sub-tab {
-  margin: 0 !important;
-  background: none !important;
-  border: none !important;
-  padding: 0 !important;
-}
-.sub-tab-container .sub-tab a,
-.sub-tab-container .sub-tab button {
-  text-decoration: none !important;
-  display: block !important;
-  padding: 6px 15px !important;
-  color: #555 !important;
-  border: none !important;
-  font-size: 14px !important;
-  font-weight: normal !important;
-  margin: 0 !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-.sub-tab-container .sub-tab a:hover,
-.sub-tab-container .sub-tab button:hover {
-  color: #000 !important;
-}
-.sub-tab-container .sub-tab.active a,
-.sub-tab-container .sub-tab.active button {
-  color: #000 !important;
-  font-weight: 600 !important;
-  border-bottom: 2px solid #000 !important;
-  background-color: transparent !important;
-  border-radius: 0 !important;
-}
-.form-section:has(.sub-tab-container) {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-  margin-bottom: 0 !important;
-}
-.form-section .section-body:empty,
-.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname="html_vohk"] > span.tooltip-content:only-child) {
-  display: none !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  min-height: 0 !important;
-}
-.sub-tab-container.nav {
-  display: flex;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.sub-tab-container.nav > li[style*="display: none"] {
-  display: none !important;
-}
-.sub-tab-container.subtab-hidden {
-  display: none !important;
-  visibility: hidden !important;
-  pointer-events: none !important;
-  height: 0 !important;
-  overflow: hidden !important;
-}
-/*# sourceMappingURL=custom_subtabs.bundle.6DBL7IOJ.css.map */
diff --git a/custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css b/custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css
new file mode 100644
index 0000000..bb041c3
--- /dev/null
+++ b/custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css
@@ -0,0 +1,2 @@
+.sub-tab-container{margin:0!important;padding:0!important;display:flex!important;justify-content:flex-start!important;border-bottom:1px solid #ddd!important}.sub-tab-container .sub-tab{margin:0!important;background:none!important;border:none!important;padding:0!important}.sub-tab-container .sub-tab a,.sub-tab-container .sub-tab button{text-decoration:none!important;display:block!important;padding:6px 15px!important;color:#555!important;border:none!important;font-size:14px!important;font-weight:400!important;margin:0!important;background:transparent!important;box-shadow:none!important}.sub-tab-container .sub-tab a:hover,.sub-tab-container .sub-tab button:hover{color:#000!important}.sub-tab-container .sub-tab.active a,.sub-tab-container .sub-tab.active button{color:#000!important;font-weight:600!important;border-bottom:2px solid #000!important;background-color:transparent!important;border-radius:0!important}.form-section:has(.sub-tab-container){padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}.form-section .section-body:empty,.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname="html_vohk"] > span.tooltip-content:only-child){display:none!important;padding:0!important;margin:0!important;min-height:0!important}.sub-tab-container.nav{display:flex;list-style:none;padding:0;margin:0}.sub-tab-container.nav>li[style*="display: none"]{display:none!important}.sub-tab-container.subtab-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;overflow:hidden!important}
+/*# sourceMappingURL=custom_subtabs.bundle.CJRWDWV2.css.map */
diff --git a/custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css.map b/custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css.map
similarity index 85%
rename from custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css.map
rename to custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css.map
index c3534c0..06e3079 100644
--- a/custom_subtabs/public/dist/css/custom_subtabs.bundle.6DBL7IOJ.css.map
+++ b/custom_subtabs/public/dist/css/custom_subtabs.bundle.CJRWDWV2.css.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../tmp/tmp-18495-RhkE9CzEb0G6/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css"],
+  "sources": ["../../../../../../../../tmp/tmp-15812-HYmC3u994rit/custom_subtabs/custom_subtabs/public/css/custom_subtabs.bundle.css"],
   "sourcesContent": [".sub-tab-container {\n    margin: 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    justify-content: flex-start !important;\n    border-bottom: 1px solid #ddd !important;\n}\n\n.sub-tab-container .sub-tab {\n    margin: 0 !important;\n    background: none !important;\n    border: none !important;\n    padding: 0 !important;\n}\n\n/* Support both <a> and <button> for v15 and v16 compatibility */\n.sub-tab-container .sub-tab a,\n.sub-tab-container .sub-tab button {\n    text-decoration: none !important;\n    display: block !important;\n    padding: 6px 15px !important;\n    color: #555 !important;\n    border: none !important;\n    font-size: 14px !important;\n    font-weight: normal !important;\n    margin: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n.sub-tab-container .sub-tab a:hover,\n.sub-tab-container .sub-tab button:hover {\n    color: #000 !important;\n}\n\n.sub-tab-container .sub-tab.active a,\n.sub-tab-container .sub-tab.active button {\n    color: #000 !important;\n    font-weight: 600 !important;\n    border-bottom: 2px solid #000 !important;\n    background-color: transparent !important;\n    border-radius: 0 !important;\n}\n\n/* \u041A\u041B\u042E\u0427\u0415\u0412\u041E\u0415 \u0418\u0421\u041F\u0420\u0410\u0412\u041B\u0415\u041D\u0418\u0415: \u0443\u0431\u0440\u0430\u0442\u044C padding \u0443 form-section \u0441 \u0441\u0443\u0431\u0442\u0430\u0431\u0430\u043C\u0438 */\n.form-section:has(.sub-tab-container) {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n/* \u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0443\u0441\u0442\u044B\u0435 section-body */\n.form-section .section-body:empty,\n.form-section .section-body:has(> .form-column > form > .frappe-control[data-fieldname=\"html_vohk\"] > span.tooltip-content:only-child) {\n    display: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    min-height: 0 !important;\n}\n\n/* \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0443 sub-tab-container */\n.sub-tab-container.nav {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.sub-tab-container.nav > li[style*=\"display: none\"] {\n    display: none !important;\n}\n\n/* \u041A\u043B\u0430\u0441\u0441 \u0434\u043B\u044F \u0441\u043A\u0440\u044B\u0442\u0438\u044F \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432 */\n.sub-tab-container.subtab-hidden {\n    display: none !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    overflow: hidden !important;\n}"],
-  "mappings": ";AAAA;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AAAA;AAEI;AAAA;AAGJ;AAAA;AAEI;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AAAA;AAIJ;AAAA;AAEI;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AAAA;",
+  "mappings": "AAAA,0DAGI,uBACA,qCACA,uCAGJ,4BARA,mBAUI,0BACA,sBAXJ,oBAgBA,iEAEI,+BACA,wBAnBJ,2BAqBI,qBACA,sBACA,yBACA,0BAxBJ,mBA0BI,iCACA,0BAGJ,6EAEI,qBAGJ,+EAEI,qBACA,0BACA,uCACA,uCAxCJ,0BA6CA,sCACI,wBACA,2BACA,0BAIJ,yKAEI,uBAtDJ,uCAyDI,uBAIJ,uBACI,aACA,gBA/DJ,mBAoEA,kDACI,uBAIJ,iCACI,uBACA,4BACA,8BACA,mBACA",
   "names": []
 }
diff --git a/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js b/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js
deleted file mode 100644
index a509beb..0000000
--- a/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js
+++ /dev/null
@@ -1,197 +0,0 @@
-(() => {
-  // ../custom_subtabs/custom_subtabs/public/js/custom_subtabs.bundle.js
-  function setup_custom_subtabs(wrapper, currentDoctype) {
-    var _a;
-    if (!wrapper || !wrapper.length) {
-      return;
-    }
-    const tabs = wrapper.find("ul.form-tabs > li.nav-item");
-    const hierarchy = (_a = frappe.boot.tab_hierarchy) == null ? void 0 : _a[currentDoctype];
-    if (!hierarchy) {
-      return;
-    }
-    const subtabs = hierarchy.subtabs || {};
-    if (Object.keys(subtabs).length === 0) {
-      return;
-    }
-    const tr = (s) => typeof __ === "function" ? __(s) : s;
-    function getTabLink(tabElement) {
-      const $tab = $(tabElement);
-      let link = $tab.find("button.nav-link");
-      if (!link.length) {
-        link = $tab.find("a.nav-link");
-      }
-      return link;
-    }
-    if (wrapper.attr("data-subtabs-processed") === "true") {
-      return;
-    }
-    const childToParentMap = {};
-    for (const [parentTab, children] of Object.entries(subtabs)) {
-      children.forEach((child) => {
-        childToParentMap[child] = parentTab;
-      });
-    }
-    tabs.each((index, tab) => {
-      const tabLabel = $(tab).text().trim();
-      const parentKey = Object.keys(subtabs).find((k) => tr(k) === tabLabel);
-      if (parentKey) {
-        const tabLink = getTabLink(tab);
-        const tabContentId = tabLink.attr("aria-controls");
-        const tabContent = $(`#${tabContentId}`);
-        if (!tabContent.length) {
-          return;
-        }
-        let sectionContainer = tabContent.find(".form-section.card-section");
-        if (!sectionContainer.length) {
-          sectionContainer = tabContent.find(".form-section");
-        }
-        if (!sectionContainer.length) {
-          sectionContainer = tabContent.children().first();
-        }
-        if (!sectionContainer.length) {
-          sectionContainer = tabContent;
-        }
-        let subtabContainer = sectionContainer.find(".sub-tab-container");
-        if (!subtabContainer.length) {
-          subtabContainer = $("<div class='sub-tab-container nav' data-parent-id='" + tabContentId + "'></div>");
-          sectionContainer.prepend(subtabContainer);
-        }
-        subtabs[parentKey].forEach((subtab) => {
-          const subtabElement = tabs.filter((_, el) => $(el).text().trim() === tr(subtab));
-          if (subtabElement.length) {
-            const subtabClone = subtabElement.clone(true);
-            subtabClone.addClass("sub-tab");
-            subtabClone.attr("data-subtab-name", subtab);
-            const clonedLink = getTabLink(subtabClone);
-            clonedLink.removeAttr("href");
-            clonedLink.attr("data-target-id", clonedLink.attr("aria-controls"));
-            clonedLink.off("click");
-            subtabClone.attr("data-parent-id", tabContentId);
-            subtabContainer.append(subtabClone);
-            subtabElement.remove();
-          }
-        });
-      }
-    });
-    function ensureParentChainVisible(subtabName) {
-      let currentChild = subtabName;
-      const parentsToShow = [];
-      while (childToParentMap[currentChild]) {
-        const parentName = childToParentMap[currentChild];
-        parentsToShow.push(parentName);
-        const siblings = subtabs[parentName] || [];
-        siblings.forEach((sibling) => {
-          const siblingElement = wrapper.find(`.sub-tab[data-subtab-name="${sibling}"]`);
-          siblingElement.css("display", "");
-        });
-        currentChild = parentName;
-      }
-      parentsToShow.forEach((parentName) => {
-        const parentTabContentId = `${currentDoctype.toLowerCase().replace(/\s+/g, "-")}-${parentName.toLowerCase().replace(/\s+/g, "_")}_tab`;
-        const parentContent = $(`#${parentTabContentId}`);
-        if (parentContent.length && !parentContent.hasClass("active")) {
-          parentContent.addClass("active show").css("display", "block");
-        }
-      });
-    }
-    wrapper.on("click.customsubtabs", ".sub-tab button.nav-link, .sub-tab a.nav-link", function(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      const clickedButton = $(this);
-      const clickedSubtab = clickedButton.closest(".sub-tab");
-      const subtabName = clickedSubtab.attr("data-subtab-name");
-      const targetId = clickedButton.attr("data-target-id") || clickedButton.attr("aria-controls");
-      const parentContainerId = clickedSubtab.attr("data-parent-id");
-      wrapper.find(".nav-item").removeClass("active");
-      wrapper.find("button.nav-link, a.nav-link").removeClass("active").attr("aria-selected", "false");
-      wrapper.find(".tab-pane").removeClass("active show");
-      wrapper.find(".sub-tab-container").each(function() {
-        const containerParentId = $(this).attr("data-parent-id");
-        if (containerParentId !== parentContainerId) {
-          $(this).addClass("subtab-hidden");
-        } else {
-          $(this).removeClass("subtab-hidden");
-        }
-      });
-      clickedSubtab.addClass("active");
-      clickedButton.addClass("active").attr("aria-selected", "true");
-      const targetPane = $(`#${targetId}`);
-      if (targetPane.length) {
-        targetPane.addClass("active show");
-      }
-      const parentPane = $(`#${parentContainerId}`);
-      if (parentPane.length) {
-        parentPane.addClass("active show").css("display", "block");
-        if (targetPane.length) {
-          parentPane.after(targetPane);
-        }
-      }
-      ensureParentChainVisible(subtabName);
-    });
-    function setupMainTabHandler() {
-      if (wrapper.data("subtabs-observer")) {
-        wrapper.data("subtabs-observer").disconnect();
-      }
-      const observer = new MutationObserver(function(mutations) {
-        mutations.forEach(function(mutation) {
-          if (mutation.type === "attributes" && mutation.attributeName === "class") {
-            const button = mutation.target;
-            const $button = $(button);
-            if ($button.hasClass("nav-link") && $button.hasClass("active")) {
-              const li = $button.closest("li.nav-item");
-              if (li.hasClass("sub-tab")) {
-                return;
-              }
-              const tabId = button.getAttribute("aria-controls");
-              wrapper.find(".sub-tab").removeClass("active");
-              wrapper.find(".sub-tab button.nav-link, .sub-tab a.nav-link").removeClass("active").attr("aria-selected", "false");
-              wrapper.find(".sub-tab").each(function() {
-                const subtabButton = getTabLink($(this));
-                const subtabContentId = subtabButton.attr("data-target-id") || subtabButton.attr("aria-controls");
-                if (subtabContentId) {
-                  $(`#${subtabContentId}`).removeClass("active show");
-                }
-              });
-              wrapper.find(".sub-tab-container").each(function() {
-                const containerParentId = $(this).attr("data-parent-id");
-                if (containerParentId === tabId) {
-                  $(this).removeClass("subtab-hidden");
-                } else {
-                  $(this).addClass("subtab-hidden");
-                }
-              });
-            }
-          }
-        });
-      });
-      wrapper.find("ul.form-tabs > li.nav-item:not(.sub-tab) button.nav-link, ul.form-tabs > li.nav-item:not(.sub-tab) a.nav-link").each(function() {
-        observer.observe(this, { attributes: true, attributeFilter: ["class"] });
-      });
-      wrapper.data("subtabs-observer", observer);
-    }
-    setupMainTabHandler();
-    const activeMainTab = wrapper.find("ul.form-tabs > li.nav-item.active:not(.sub-tab)").first();
-    const activeTabLink = getTabLink(activeMainTab);
-    const activeTabId = activeTabLink.attr("aria-controls");
-    wrapper.find(".sub-tab-container").each(function() {
-      const containerParentId = $(this).attr("data-parent-id");
-      if (containerParentId !== activeTabId) {
-        $(this).addClass("subtab-hidden");
-      }
-    });
-    wrapper.attr("data-subtabs-processed", "true");
-  }
-  frappe.ui.form.on("*", {
-    refresh: function(frm) {
-      setTimeout(() => {
-        var _a;
-        const wrapper = ((_a = frm.layout) == null ? void 0 : _a.wrapper) || frm.$wrapper;
-        setup_custom_subtabs(wrapper, frm.doctype);
-      }, 500);
-    },
-    onload: function(frm) {
-    }
-  });
-})();
-//# sourceMappingURL=custom_subtabs.bundle.DIIPT3ZZ.js.map
diff --git a/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js.map b/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js.map
deleted file mode 100644
index 96dccc8..0000000
--- a/custom_subtabs/public/dist/js/custom_subtabs.bundle.DIIPT3ZZ.js.map
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../apps/custom_subtabs/custom_subtabs/public/js/custom_subtabs.bundle.js"],
-  "sourcesContent": ["// Shared function for setting up subtabs\nfunction setup_custom_subtabs(wrapper, currentDoctype) {\n    if (!wrapper || !wrapper.length) {\n        return;\n    }\n\n    const tabs = wrapper.find(\"ul.form-tabs > li.nav-item\");\n    const hierarchy = frappe.boot.tab_hierarchy?.[currentDoctype];\n\n    if (!hierarchy) {\n        return;\n    }\n\n    const subtabs = hierarchy.subtabs || {};\n\n    if (Object.keys(subtabs).length === 0) {\n        return;\n    }\n\n    // tab_hierarchy \u0445\u0440\u0430\u043D\u0438\u0442 \u0421\u042B\u0420\u042B\u0415 (\u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u0435) label'\u044B, \u0430 Frappe \u0440\u0438\u0441\u0443\u0435\u0442 \u0432\u043A\u043B\u0430\u0434\u043A\u0438\n    // \u0447\u0435\u0440\u0435\u0437 __(), \u0442.\u0435. \u0432 DOM \u0442\u0435\u043A\u0441\u0442 \u0443\u0436\u0435 \u043F\u0435\u0440\u0435\u0432\u0435\u0434\u0451\u043D (AZ/RU). \u041F\u043E\u044D\u0442\u043E\u043C\u0443 \u0441\u043E\u043F\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0442\u044C\n    // \u0432\u043A\u043B\u0430\u0434\u043A\u0443 \u0438\u0437 DOM \u0441 \u043A\u043B\u044E\u0447\u043E\u043C \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043D\u0443\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437 \u043F\u0435\u0440\u0435\u0432\u043E\u0434 \u044D\u0442\u043E\u0433\u043E \u043A\u043B\u044E\u0447\u0430.\n    // \u0412\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0435 \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u044B (childToParentMap, data-subtab-name) \u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u043C \u043D\u0430\n    // \u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u043E\u043C \u2014 \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u0438\u043C \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430 \u0433\u0440\u0430\u043D\u0438\u0446\u0435 \u0441\u0440\u0430\u0432\u043D\u0435\u043D\u0438\u044F \u0441 DOM.\n    const tr = (s) => (typeof __ === 'function' ? __(s) : s);\n\n    // Helper function to find tab link element\n    function getTabLink(tabElement) {\n        const $tab = $(tabElement);\n        let link = $tab.find(\"button.nav-link\");\n        if (!link.length) {\n            link = $tab.find(\"a.nav-link\");\n        }\n        return link;\n    }\n\n    // Check if already processed\n    if (wrapper.attr('data-subtabs-processed') === 'true') {\n        return;\n    }\n\n    // Build parent-child map\n    const childToParentMap = {};\n    for (const [parentTab, children] of Object.entries(subtabs)) {\n        children.forEach(child => {\n            childToParentMap[child] = parentTab;\n        });\n    }\n\n    // Process subtabs - move them into containers\n    tabs.each((index, tab) => {\n        const tabLabel = $(tab).text().trim();\n\n        // tabLabel \u2014 \u043F\u0435\u0440\u0435\u0432\u0435\u0434\u0451\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0438\u0437 DOM; \u043A\u043B\u044E\u0447 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u2014 \u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u0439.\n        // \u041D\u0430\u0445\u043E\u0434\u0438\u043C \u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u0439 \u043A\u043B\u044E\u0447-\u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C, \u0447\u0435\u0439 \u043F\u0435\u0440\u0435\u0432\u043E\u0434 \u0441\u043E\u0432\u043F\u0430\u043B \u0441 DOM.\n        const parentKey = Object.keys(subtabs).find((k) => tr(k) === tabLabel);\n\n        if (parentKey) {\n            const tabLink = getTabLink(tab);\n            const tabContentId = tabLink.attr(\"aria-controls\");\n            const tabContent = $(`#${tabContentId}`);\n\n            if (!tabContent.length) {\n                return;\n            }\n\n            // Find container\n            let sectionContainer = tabContent.find(\".form-section.card-section\");\n            if (!sectionContainer.length) {\n                sectionContainer = tabContent.find(\".form-section\");\n            }\n            if (!sectionContainer.length) {\n                sectionContainer = tabContent.children().first();\n            }\n            if (!sectionContainer.length) {\n                sectionContainer = tabContent;\n            }\n\n            let subtabContainer = sectionContainer.find('.sub-tab-container');\n            if (!subtabContainer.length) {\n                subtabContainer = $(\"<div class='sub-tab-container nav' data-parent-id='\" + tabContentId + \"'></div>\");\n                sectionContainer.prepend(subtabContainer);\n            }\n\n            subtabs[parentKey].forEach((subtab) => {\n                // subtab \u2014 \u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u0439; \u0432 DOM \u0438\u0449\u0435\u043C \u043F\u043E \u0435\u0433\u043E \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u0443.\n                const subtabElement = tabs.filter((_, el) => $(el).text().trim() === tr(subtab));\n                if (subtabElement.length) {\n                    const subtabClone = subtabElement.clone(true);\n                    subtabClone.addClass(\"sub-tab\");\n                    // data-subtab-name \u0434\u0435\u0440\u0436\u0438\u043C \u0430\u043D\u0433\u043B\u0438\u0439\u0441\u043A\u0438\u043C \u2014 childToParentMap/ensureParentChainVisible \u043D\u0430 \u043D\u0451\u043C.\n                    subtabClone.attr(\"data-subtab-name\", subtab);\n                    const clonedLink = getTabLink(subtabClone);\n                    clonedLink.removeAttr(\"href\");\n                    clonedLink.attr(\"data-target-id\", clonedLink.attr(\"aria-controls\"));\n                    // clone(true) \u043A\u043E\u043F\u0438\u0440\u0443\u0435\u0442 \u043F\u0440\u044F\u043C\u043E\u0439 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A Frappe (tab.js: nav-link.on('click') ->\n                    // set_active()), \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0434\u0435\u0430\u043A\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u0442 \u0420\u041E\u0414\u0418\u0422\u0415\u041B\u042C\u0421\u041A\u0423\u042E \u043F\u0430\u043D\u0435\u043B\u044C \u2014 \u0430 \u0432 \u043D\u0435\u0439 \u043B\u0435\u0436\u0430\u0442 \u0441\u0430\u043C\u0438\n                    // \u043A\u043D\u043E\u043F\u043A\u0438 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432. \u0421\u043D\u0438\u043C\u0430\u0435\u043C \u0435\u0433\u043E: \u043A\u043B\u0438\u043A\u0430\u043C\u0438 \u043F\u043E \u0441\u0443\u0431\u0442\u0430\u0431\u0430\u043C \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u043C \u0441\u0432\u043E\u0435\u0439 \u0434\u0435\u043B\u0435\u0433\u0430\u0446\u0438\u0435\u0439.\n                    clonedLink.off(\"click\");\n                    subtabClone.attr(\"data-parent-id\", tabContentId);\n\n                    subtabContainer.append(subtabClone);\n                    subtabElement.remove();\n                }\n            });\n        }\n    });\n\n    // Function to show parent chain\n    function ensureParentChainVisible(subtabName) {\n        let currentChild = subtabName;\n        const parentsToShow = [];\n\n        // Collect parent chain\n        while (childToParentMap[currentChild]) {\n            const parentName = childToParentMap[currentChild];\n            parentsToShow.push(parentName);\n\n            // Show all siblings - \u041D\u0415 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C .show(), \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C CSS \u043A\u043B\u0430\u0441\u0441\n            const siblings = subtabs[parentName] || [];\n            siblings.forEach(sibling => {\n                const siblingElement = wrapper.find(`.sub-tab[data-subtab-name=\"${sibling}\"]`);\n                siblingElement.css('display', ''); // \u0423\u0431\u0438\u0440\u0430\u0435\u043C inline style\n            });\n\n            currentChild = parentName;\n        }\n\n        // Show all parent content\n        parentsToShow.forEach(parentName => {\n            const parentTabContentId = `${currentDoctype.toLowerCase().replace(/\\s+/g, '-')}-${parentName.toLowerCase().replace(/\\s+/g, '_')}_tab`;\n            const parentContent = $(`#${parentTabContentId}`);\n            if (parentContent.length && !parentContent.hasClass('active')) {\n                parentContent.addClass('active show').css('display', 'block');\n            }\n        });\n    }\n\n    // Handle subtab clicks\n    wrapper.on(\"click.customsubtabs\", \".sub-tab button.nav-link, .sub-tab a.nav-link\", function(event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const clickedButton = $(this);\n        const clickedSubtab = clickedButton.closest(\".sub-tab\");\n        const subtabName = clickedSubtab.attr(\"data-subtab-name\");\n        const targetId = clickedButton.attr(\"data-target-id\") || clickedButton.attr(\"aria-controls\");\n        const parentContainerId = clickedSubtab.attr(\"data-parent-id\");\n\n        // Hide all tabs and content\n        wrapper.find(\".nav-item\").removeClass(\"active\");\n        wrapper.find(\"button.nav-link, a.nav-link\").removeClass(\"active\").attr(\"aria-selected\", \"false\");\n        wrapper.find(\".tab-pane\").removeClass(\"active show\");\n\n        // \u0421\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u044B \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432, \u043A\u0440\u043E\u043C\u0435 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0433\u043E\n        wrapper.find(\".sub-tab-container\").each(function() {\n            const containerParentId = $(this).attr(\"data-parent-id\");\n            if (containerParentId !== parentContainerId) {\n                $(this).addClass(\"subtab-hidden\");\n            } else {\n                $(this).removeClass(\"subtab-hidden\");\n            }\n        });\n\n        // Activate subtab\n        clickedSubtab.addClass(\"active\");\n        clickedButton.addClass(\"active\").attr(\"aria-selected\", \"true\");\n\n        // Show subtab content\n        const targetPane = $(`#${targetId}`);\n        if (targetPane.length) {\n            targetPane.addClass(\"active show\");\n        }\n\n        // \u041D\u0430\u0434\u0451\u0436\u043D\u043E \u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0420\u041E\u0414\u0418\u0422\u0415\u041B\u042C\u0421\u041A\u0423\u042E \u043F\u0430\u043D\u0435\u043B\u044C (\u0432 \u043D\u0435\u0439 \u0436\u0438\u0432\u0443\u0442 \u043A\u043D\u043E\u043F\u043A\u0438 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432) \u043F\u043E \u0435\u0451 \u0440\u0435\u0430\u043B\u044C\u043D\u043E\u043C\u0443\n        // id \u0438\u0437 data-parent-id \u2014 \u041D\u0415 \u0440\u0435\u043A\u043E\u043D\u0441\u0442\u0440\u0443\u0438\u0440\u0443\u044F id \u0438\u0437 \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u0430 label'\u0430. \u042D\u0442\u043E \u0438 \u0435\u0441\u0442\u044C \u0437\u0430\u0449\u0438\u0442\u0430\n        // \u043E\u0442 \u00AB\u0432\u0441\u0435 \u0441\u0443\u0431\u0442\u0430\u0431\u044B \u043F\u0440\u043E\u043F\u0430\u043B\u0438\u00BB: \u043F\u0430\u043D\u0435\u043B\u044C \u0441 \u043A\u043D\u043E\u043F\u043A\u0430\u043C\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u0430\u0432\u043B\u0438\u0432\u0430\u0435\u0442\u0441\u044F.\n        const parentPane = $(`#${parentContainerId}`);\n        if (parentPane.length) {\n            parentPane.addClass(\"active show\").css(\"display\", \"block\");\n\n            // \u041F\u0430\u043D\u0435\u043B\u044C-\u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0441\u0443\u0431\u0442\u0430\u0431\u0430 \u043C\u043E\u0436\u0435\u0442 \u0441\u0442\u043E\u044F\u0442\u044C \u0432 DOM \u0420\u0410\u041D\u042C\u0428\u0415 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0439 \u043F\u0430\u043D\u0435\u043B\u0438\n            // (\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442 field_order \u0434\u043E\u043A\u0442\u0430\u0439\u043F\u0430). \u0422\u043E\u0433\u0434\u0430 \u0431\u0430\u0440 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432 \u0432\u0438\u0437\u0443\u0430\u043B\u044C\u043D\u043E \u0443\u0435\u0437\u0436\u0430\u0435\u0442 \u0412\u041D\u0418\u0417\n            // \u043F\u043E\u0434 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0438 \u043A\u0430\u0436\u0435\u0442\u0441\u044F, \u0447\u0442\u043E \u0441\u0443\u0431\u0442\u0430\u0431\u044B \u043F\u0440\u043E\u043F\u0430\u043B\u0438. \u0421\u0442\u0430\u0432\u0438\u043C \u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0441\u0440\u0430\u0437\u0443\n            // \u043F\u043E\u0441\u043B\u0435 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0439 \u043F\u0430\u043D\u0435\u043B\u0438 \u2014 \u0431\u0430\u0440 \u0432\u0441\u0435\u0433\u0434\u0430 \u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043D\u0430\u0434 \u043D\u0438\u043C.\n            if (targetPane.length) {\n                parentPane.after(targetPane);\n            }\n        }\n\n        // Show parent chain (\u0434\u043B\u044F \u0432\u043B\u043E\u0436\u0435\u043D\u043D\u043E\u0441\u0442\u0438 \u0433\u043B\u0443\u0431\u0436\u0435 \u043E\u0434\u043D\u043E\u0433\u043E \u0443\u0440\u043E\u0432\u043D\u044F)\n        ensureParentChainVisible(subtabName);\n    });\n\n    // Function to setup main tab handler\n    function setupMainTabHandler() {\n        // \u0414\u043B\u044F Frappe v16 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C MutationObserver \u0432\u043C\u0435\u0441\u0442\u043E \u0441\u043E\u0431\u044B\u0442\u0438\u0439 Bootstrap\n        // \u0442\u0430\u043A \u043A\u0430\u043A shown.bs.tab \u043D\u0435 \u0433\u0435\u043D\u0435\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044F\n\n        // \u0423\u0434\u0430\u043B\u044F\u0435\u043C \u0441\u0442\u0430\u0440\u044B\u0439 observer \u0435\u0441\u043B\u0438 \u0435\u0441\u0442\u044C\n        if (wrapper.data('subtabs-observer')) {\n            wrapper.data('subtabs-observer').disconnect();\n        }\n\n        // \u0421\u043E\u0437\u0434\u0430\u0435\u043C MutationObserver \u0434\u043B\u044F \u043E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0439 \u043A\u043B\u0430\u0441\u0441\u0430 active\n        const observer = new MutationObserver(function(mutations) {\n            mutations.forEach(function(mutation) {\n                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n                    const button = mutation.target;\n                    const $button = $(button);\n\n                    // \u041F\u0440\u043E\u0432\u0435\u0440\u044F\u0435\u043C \u0447\u0442\u043E \u044D\u0442\u043E \u043A\u043D\u043E\u043F\u043A\u0430 \u0442\u0430\u0431\u0430 \u0438 \u043E\u043D\u0430 \u0441\u0442\u0430\u043B\u0430 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0439\n                    if ($button.hasClass('nav-link') && $button.hasClass('active')) {\n                        const li = $button.closest(\"li.nav-item\");\n\n                        // \u0418\u0433\u043D\u043E\u0440\u0438\u0440\u0443\u0435\u043C \u0441\u0443\u0431\u0442\u0430\u0431\u044B\n                        if (li.hasClass(\"sub-tab\")) {\n                            return;\n                        }\n\n                        const tabId = button.getAttribute(\"aria-controls\");\n\n                        // \u0418\u0421\u041F\u0420\u0410\u0412\u041B\u0415\u041D\u0418\u0415: \u0423\u0431\u0438\u0440\u0430\u0435\u043C active \u043A\u043B\u0430\u0441\u0441\u044B \u0441\u043E \u0432\u0441\u0435\u0445 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432 \u0438 \u0438\u0445 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430\n                        wrapper.find(\".sub-tab\").removeClass(\"active\");\n                        wrapper.find(\".sub-tab button.nav-link, .sub-tab a.nav-link\")\n                               .removeClass(\"active\")\n                               .attr(\"aria-selected\", \"false\");\n\n                        // \u0421\u043A\u0440\u044B\u0432\u0430\u0435\u043C \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0432\u0441\u0435\u0445 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432\n                        wrapper.find(\".sub-tab\").each(function() {\n                            const subtabButton = getTabLink($(this));\n                            const subtabContentId = subtabButton.attr(\"data-target-id\") || subtabButton.attr(\"aria-controls\");\n                            if (subtabContentId) {\n                                $(`#${subtabContentId}`).removeClass(\"active show\");\n                            }\n                        });\n\n                        // Show/hide subtabs\n                        wrapper.find(\".sub-tab-container\").each(function() {\n                            const containerParentId = $(this).attr(\"data-parent-id\");\n                            if (containerParentId === tabId) {\n                                $(this).removeClass(\"subtab-hidden\");\n                            } else {\n                                $(this).addClass(\"subtab-hidden\");\n                            }\n                        });\n                    }\n                }\n            });\n        });\n\n        // \u041D\u0430\u0431\u043B\u044E\u0434\u0430\u0435\u043C \u0437\u0430 \u0432\u0441\u0435\u043C\u0438 \u043A\u043D\u043E\u043F\u043A\u0430\u043C\u0438 \u0442\u0430\u0431\u043E\u0432 (\u043D\u0435 \u0441\u0443\u0431\u0442\u0430\u0431\u043E\u0432)\n        wrapper.find('ul.form-tabs > li.nav-item:not(.sub-tab) button.nav-link, ul.form-tabs > li.nav-item:not(.sub-tab) a.nav-link').each(function() {\n            observer.observe(this, { attributes: true, attributeFilter: ['class'] });\n        });\n\n        // \u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0435\u043C observer \u0447\u0442\u043E\u0431\u044B \u043C\u043E\u0436\u043D\u043E \u0431\u044B\u043B\u043E \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u043F\u043E\u0437\u0436\u0435\n        wrapper.data('subtabs-observer', observer);\n    }\n    \n    // Initialize handler\n    setupMainTabHandler();\n\n    // \u0418\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u044F: \u0441\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u044B, \u043A\u0440\u043E\u043C\u0435 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0433\u043E \u0442\u0430\u0431\u0430\n    const activeMainTab = wrapper.find(\"ul.form-tabs > li.nav-item.active:not(.sub-tab)\").first();\n    const activeTabLink = getTabLink(activeMainTab);\n    const activeTabId = activeTabLink.attr(\"aria-controls\");\n\n    wrapper.find(\".sub-tab-container\").each(function() {\n        const containerParentId = $(this).attr(\"data-parent-id\");\n        if (containerParentId !== activeTabId) {\n            $(this).addClass(\"subtab-hidden\");\n        }\n    });\n\n    // Mark as processed\n    wrapper.attr('data-subtabs-processed', 'true');\n}\n\n// Use form refresh event\nfrappe.ui.form.on('*', {\n    refresh: function(frm) {\n        setTimeout(() => {\n            const wrapper = frm.layout?.wrapper || frm.$wrapper;\n            setup_custom_subtabs(wrapper, frm.doctype);\n        }, 500);\n    },\n\n    onload: function(frm) {\n        // Form onload hook\n    }\n});"],
-  "mappings": "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",
-  "names": []
-}
diff --git a/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js b/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js
new file mode 100644
index 0000000..74600c9
--- /dev/null
+++ b/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js
@@ -0,0 +1,2 @@
+(()=>{function x(a,t,n){var m;if(!t||!t.length)return;let i=(m=frappe.boot.tab_hierarchy)==null?void 0:m[n];if(!i)return;let e=i.subtabs||{};if(Object.keys(e).length===0||(D(a),t.attr("data-subtabs-processed")==="true"))return;let s=c=>typeof __=="function"?__(c):c,o=t.find("ul.form-tabs > li.nav-item");o.each((c,k)=>{let I=$(k).text().trim(),E=Object.keys(e).find(f=>s(f)===I);if(!E)return;let p=_(k).attr("aria-controls"),d=$(document.getElementById(p));if(!d.length)return;let r=d.find(".form-section.card-section");r.length||(r=d.find(".form-section")),r.length||(r=d.children().first()),r.length||(r=d);let b=r.find("> .sub-tab-container");b.length||(b=$(`<div class="sub-tab-container nav" data-parent-id="${p}"></div>`),r.prepend(b)),e[E].forEach(f=>{let h=o.filter((P,j)=>$(j).text().trim()===s(f));if(!h.length)return;let l=h.clone(!0);l.addClass("sub-tab"),l.attr("data-subtab-name",f),l.attr("data-parent-id",p);let v=_(l);v.off("click"),v.attr("data-target-id",v.attr("aria-controls")),b.append(l),h.remove()})}),t.on("click.customsubtabs",".sub-tab button.nav-link, .sub-tab a.nav-link",function(c){c.preventDefault(),c.stopPropagation(),O(a,t,$(this).closest(".sub-tab"))}),t.attr("data-subtabs-processed","true");let u=t.find("ul.form-tabs > li.nav-item .nav-link.active").first();y(t,[u.attr("aria-controls")])}function _(a){let t=$(a),n=t.find("button.nav-link");return n.length?n:t.find("a.nav-link")}function g(a){let t=_(a);return t.attr("data-target-id")||t.attr("aria-controls")}function L(a,t){let n=[],i=t;for(;i&&i.length;){n.unshift({pane_id:g(i),parent_id:i.attr("data-parent-id")});let e=i.attr("data-parent-id");i=a.find(".sub-tab").filter((s,o)=>g($(o))===e)}return{chain:n,root_id:n.length?n[0].parent_id:null}}function O(a,t,n){let i=L(t,n);if(!i.root_id)return;a.__active_subtab=i;let e=(a.layout.tabs||[]).find(s=>s.wrapper.attr("id")===i.root_id);e?e.set_active():C(a,t,i)}function C(a,t,n){let i=[n.root_id];for(let e of n.chain){let s=document.getElementById(e.pane_id),o=document.getElementById(e.parent_id);!s||!o||(s.classList.add("active","show"),s.classList.remove("hide"),s.previousElementSibling!==o&&o.after(s),i.push(e.pane_id))}y(t,i),B(t,n.chain.map(e=>e.pane_id))}function T(a,t,n){delete a.__active_subtab,y(t,[n]),B(t,[])}function y(a,t){a.find(".sub-tab-container").each(function(){let n=$(this).attr("data-parent-id");$(this).toggleClass("subtab-hidden",!t.includes(n))})}function B(a,t){a.find(".sub-tab").each(function(){let n=t.includes(g($(this)));$(this).toggleClass("active",n),_($(this)).toggleClass("active",n).attr("aria-selected",n?"true":"false")})}function D(a){let t=a.layout&&a.layout.tabs;if(!t||!t.length)return;let n=t[0].constructor;if(n.prototype.__subtabs_patched)return;let i=n.prototype.set_active;n.prototype.set_active=function(){i.apply(this,arguments);let e=this.frm,s=e&&e.layout&&e.layout.wrapper;if(!s||s.attr("data-subtabs-processed")!=="true")return;let o=this.wrapper&&this.wrapper.attr("id");if(!o)return;let u=e.__active_subtab;if(!u||u.root_id!==o){T(e,s,o);return}C(e,s,u)},n.prototype.__subtabs_patched=!0}frappe.ui.form.on("*",{refresh:function(a){setTimeout(()=>{var t;x(a,((t=a.layout)==null?void 0:t.wrapper)||a.$wrapper,a.doctype)},500)}});})();
+//# sourceMappingURL=custom_subtabs.bundle.QW446NRW.js.map
diff --git a/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js.map b/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js.map
new file mode 100644
index 0000000..2fcd40f
--- /dev/null
+++ b/custom_subtabs/public/dist/js/custom_subtabs.bundle.QW446NRW.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../apps/custom_subtabs/custom_subtabs/public/js/custom_subtabs.bundle.js"],
+  "sourcesContent": ["// Subtabs: nest Frappe form tabs one or two levels deep.\n//\n// A Tab Break with `js_parent_subtab` set is a subtab. Its nav item is moved out of\n// the main tab bar and into a secondary bar rendered inside its parent's pane.\n//\n// Frappe's tab model has no idea any of this exists. `Tab.set_active()` (form/tab.js)\n// strips `show active` off *every* pane except the one it is activating, and\n// `Layout.set_tab_as_active()` calls it on every `refresh_sections()` \u2014 which Frappe\n// runs on every `frm.refresh_field()` and on every value change. So the moment a\n// field changed, the open subtab's pane was stripped and its content vanished; the\n// content appeared to flash for a fraction of a second and disappear.\n//\n// The fix is to stop fighting Frappe's model and instead ride on it:\n//\n//   * clicking a subtab registers its top-level ANCESTOR as the active tab, so\n//     Frappe's own bookkeeping (frm.active_tab_map, the URL hash) stays coherent and\n//     keeps re-activating the right tab;\n//   * `Tab.set_active` is wrapped so that once Frappe has finished re-activating that\n//     ancestor, we re-assert the rest of the chain.\n//\n// The whole ancestor chain has to be re-asserted, not just the leaf: with two levels\n// of nesting, the top pane holds the first subtab bar, the middle pane holds the\n// second, and the leaf pane holds the content. All three must be `active show` at\n// once \u2014 something Frappe's one-tab-at-a-time model will never do on its own.\n\nfunction setup_custom_subtabs(frm, wrapper, currentDoctype) {\n\tif (!wrapper || !wrapper.length) return;\n\n\tconst hierarchy = frappe.boot.tab_hierarchy?.[currentDoctype];\n\tif (!hierarchy) return;\n\n\tconst subtabs = hierarchy.subtabs || {};\n\tif (Object.keys(subtabs).length === 0) return;\n\n\tpatch_tab_activation(frm);\n\n\tif (wrapper.attr(\"data-subtabs-processed\") === \"true\") return;\n\n\t// tab_hierarchy stores raw (English) labels, while Frappe renders tab labels\n\t// through __(), so the DOM text is already translated. Compare through the\n\t// translation; keep the English label in the internal bookkeeping.\n\tconst tr = (s) => (typeof __ === \"function\" ? __(s) : s);\n\n\tconst tabs = wrapper.find(\"ul.form-tabs > li.nav-item\");\n\n\ttabs.each((_, tab) => {\n\t\tconst label = $(tab).text().trim();\n\t\tconst parent_key = Object.keys(subtabs).find((k) => tr(k) === label);\n\t\tif (!parent_key) return;\n\n\t\tconst parent_pane_id = tab_link(tab).attr(\"aria-controls\");\n\t\tconst parent_pane = $(document.getElementById(parent_pane_id));\n\t\tif (!parent_pane.length) return;\n\n\t\tlet section = parent_pane.find(\".form-section.card-section\");\n\t\tif (!section.length) section = parent_pane.find(\".form-section\");\n\t\tif (!section.length) section = parent_pane.children().first();\n\t\tif (!section.length) section = parent_pane;\n\n\t\tlet bar = section.find(\"> .sub-tab-container\");\n\t\tif (!bar.length) {\n\t\t\tbar = $(`<div class=\"sub-tab-container nav\" data-parent-id=\"${parent_pane_id}\"></div>`);\n\t\t\tsection.prepend(bar);\n\t\t}\n\n\t\tsubtabs[parent_key].forEach((child) => {\n\t\t\tconst original = tabs.filter((__, el) => $(el).text().trim() === tr(child));\n\t\t\tif (!original.length) return;\n\n\t\t\tconst clone = original.clone(true);\n\t\t\tclone.addClass(\"sub-tab\");\n\t\t\tclone.attr(\"data-subtab-name\", child);\n\t\t\tclone.attr(\"data-parent-id\", parent_pane_id);\n\n\t\t\t// clone(true) copies Frappe's own click handler (tab.js binds set_active on\n\t\t\t// the nav-link), which would deactivate the parent pane \u2014 the very pane this\n\t\t\t// button lives in. Subtab clicks are handled by our delegated handler below.\n\t\t\tconst link = tab_link(clone);\n\t\t\tlink.off(\"click\");\n\t\t\tlink.attr(\"data-target-id\", link.attr(\"aria-controls\"));\n\n\t\t\tbar.append(clone);\n\t\t\toriginal.remove();\n\t\t});\n\t});\n\n\twrapper.on(\"click.customsubtabs\", \".sub-tab button.nav-link, .sub-tab a.nav-link\", function (e) {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tactivate_subtab(frm, wrapper, $(this).closest(\".sub-tab\"));\n\t});\n\n\twrapper.attr(\"data-subtabs-processed\", \"true\");\n\n\t// Whatever tab Frappe already considers active decides which subtab bar shows.\n\tconst active = wrapper.find(\"ul.form-tabs > li.nav-item .nav-link.active\").first();\n\tsync_bars(wrapper, [active.attr(\"aria-controls\")]);\n}\n\nfunction tab_link(el) {\n\tconst $el = $(el);\n\tconst button = $el.find(\"button.nav-link\");\n\treturn button.length ? button : $el.find(\"a.nav-link\");\n}\n\nfunction pane_id_of(subtab) {\n\tconst link = tab_link(subtab);\n\treturn link.attr(\"data-target-id\") || link.attr(\"aria-controls\");\n}\n\n// Walk from a subtab up to its top-level tab. Returns the panes to re-assert,\n// outermost first, plus the id of the real Frappe tab that roots the chain.\nfunction ancestry(wrapper, subtab) {\n\tconst chain = [];\n\tlet node = subtab;\n\n\twhile (node && node.length) {\n\t\tchain.unshift({ pane_id: pane_id_of(node), parent_id: node.attr(\"data-parent-id\") });\n\n\t\tconst parent_id = node.attr(\"data-parent-id\");\n\t\tnode = wrapper.find(\".sub-tab\").filter((_, el) => pane_id_of($(el)) === parent_id);\n\t}\n\n\treturn { chain: chain, root_id: chain.length ? chain[0].parent_id : null };\n}\n\nfunction activate_subtab(frm, wrapper, subtab) {\n\tconst state = ancestry(wrapper, subtab);\n\tif (!state.root_id) return;\n\n\tfrm.__active_subtab = state;\n\n\t// Hand the activation to Frappe, naming the top-level ancestor. Frappe records it\n\t// in frm.active_tab_map and the URL hash, so every later refresh re-activates the\n\t// same tab \u2014 and our wrapper puts the rest of the chain back on top of it.\n\tconst root = (frm.layout.tabs || []).find((t) => t.wrapper.attr(\"id\") === state.root_id);\n\tif (root) {\n\t\troot.set_active();\n\t} else {\n\t\treassert_chain(frm, wrapper, state);\n\t}\n}\n\nfunction reassert_chain(frm, wrapper, state) {\n\tconst visible = [state.root_id];\n\n\tfor (const step of state.chain) {\n\t\tconst pane = document.getElementById(step.pane_id);\n\t\tconst parent = document.getElementById(step.parent_id);\n\t\tif (!pane || !parent) continue;\n\n\t\tpane.classList.add(\"active\", \"show\");\n\t\tpane.classList.remove(\"hide\");\n\n\t\t// A subtab's pane can sit before its parent's in the DOM, depending on\n\t\t// field_order. Left alone, the subtab bar renders below its own content and\n\t\t// looks like it disappeared. Keep the pane directly after its parent.\n\t\tif (pane.previousElementSibling !== parent) {\n\t\t\tparent.after(pane);\n\t\t}\n\n\t\tvisible.push(step.pane_id);\n\t}\n\n\tsync_bars(wrapper, visible);\n\tsync_buttons(wrapper, state.chain.map((s) => s.pane_id));\n}\n\nfunction clear_subtabs(frm, wrapper, active_id) {\n\tdelete frm.__active_subtab;\n\tsync_bars(wrapper, [active_id]);\n\tsync_buttons(wrapper, []);\n}\n\n// A subtab bar belongs to a pane; show it only while that pane is on screen.\nfunction sync_bars(wrapper, visible_pane_ids) {\n\twrapper.find(\".sub-tab-container\").each(function () {\n\t\tconst owner = $(this).attr(\"data-parent-id\");\n\t\t$(this).toggleClass(\"subtab-hidden\", !visible_pane_ids.includes(owner));\n\t});\n}\n\nfunction sync_buttons(wrapper, active_pane_ids) {\n\twrapper.find(\".sub-tab\").each(function () {\n\t\tconst on = active_pane_ids.includes(pane_id_of($(this)));\n\t\t$(this).toggleClass(\"active\", on);\n\t\ttab_link($(this)).toggleClass(\"active\", on).attr(\"aria-selected\", on ? \"true\" : \"false\");\n\t});\n}\n\n// Wrap Frappe's Tab.set_active once per session. Everything that re-activates a tab \u2014\n// a click, a refresh_sections(), a refresh_field() \u2014 funnels through it, so this is\n// the one place that can put the subtab chain back after Frappe has torn it down.\nfunction patch_tab_activation(frm) {\n\tconst tabs = frm.layout && frm.layout.tabs;\n\tif (!tabs || !tabs.length) return;\n\n\tconst Tab = tabs[0].constructor;\n\tif (Tab.prototype.__subtabs_patched) return;\n\n\tconst set_active = Tab.prototype.set_active;\n\n\tTab.prototype.set_active = function () {\n\t\tset_active.apply(this, arguments);\n\n\t\tconst form = this.frm;\n\t\tconst wrapper = form && form.layout && form.layout.wrapper;\n\t\tif (!wrapper || wrapper.attr(\"data-subtabs-processed\") !== \"true\") return;\n\n\t\tconst activated = this.wrapper && this.wrapper.attr(\"id\");\n\t\tif (!activated) return;\n\n\t\tconst state = form.__active_subtab;\n\n\t\t// Activating anything other than the chain's root means the user left the\n\t\t// subtab \u2014 or Frappe restored a different tab. Either way the selection is over.\n\t\tif (!state || state.root_id !== activated) {\n\t\t\tclear_subtabs(form, wrapper, activated);\n\t\t\treturn;\n\t\t}\n\n\t\treassert_chain(form, wrapper, state);\n\t};\n\n\tTab.prototype.__subtabs_patched = true;\n}\n\nfrappe.ui.form.on(\"*\", {\n\trefresh: function (frm) {\n\t\t// The layout is rebuilt after refresh; let it settle before rewiring the bars.\n\t\tsetTimeout(() => {\n\t\t\tsetup_custom_subtabs(frm, frm.layout?.wrapper || frm.$wrapper, frm.doctype);\n\t\t}, 500);\n\t},\n});\n"],
+  "mappings": "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",
+  "names": ["setup_custom_subtabs", "frm", "wrapper", "currentDoctype", "_a", "hierarchy", "subtabs", "patch_tab_activation", "tr", "s", "tabs", "_", "tab", "label", "parent_key", "k", "parent_pane_id", "tab_link", "parent_pane", "section", "bar", "child", "original", "__", "el", "clone", "link", "e", "activate_subtab", "active", "sync_bars", "$el", "button", "pane_id_of", "subtab", "ancestry", "chain", "node", "parent_id", "state", "root", "t", "reassert_chain", "visible", "step", "pane", "parent", "sync_buttons", "clear_subtabs", "active_id", "visible_pane_ids", "owner", "active_pane_ids", "on", "Tab", "set_active", "form", "activated"]
+}
diff --git a/custom_subtabs/public/js/custom_subtabs.bundle.js b/custom_subtabs/public/js/custom_subtabs.bundle.js
index 0157bdd..2e8069b 100644
--- a/custom_subtabs/public/js/custom_subtabs.bundle.js
+++ b/custom_subtabs/public/js/custom_subtabs.bundle.js
@@ -1,292 +1,235 @@
-// Shared function for setting up subtabs
-function setup_custom_subtabs(wrapper, currentDoctype) {
-    if (!wrapper || !wrapper.length) {
-        return;
-    }
+// Subtabs: nest Frappe form tabs one or two levels deep.
+//
+// A Tab Break with `js_parent_subtab` set is a subtab. Its nav item is moved out of
+// the main tab bar and into a secondary bar rendered inside its parent's pane.
+//
+// Frappe's tab model has no idea any of this exists. `Tab.set_active()` (form/tab.js)
+// strips `show active` off *every* pane except the one it is activating, and
+// `Layout.set_tab_as_active()` calls it on every `refresh_sections()` — which Frappe
+// runs on every `frm.refresh_field()` and on every value change. So the moment a
+// field changed, the open subtab's pane was stripped and its content vanished; the
+// content appeared to flash for a fraction of a second and disappear.
+//
+// The fix is to stop fighting Frappe's model and instead ride on it:
+//
+//   * clicking a subtab registers its top-level ANCESTOR as the active tab, so
+//     Frappe's own bookkeeping (frm.active_tab_map, the URL hash) stays coherent and
+//     keeps re-activating the right tab;
+//   * `Tab.set_active` is wrapped so that once Frappe has finished re-activating that
+//     ancestor, we re-assert the rest of the chain.
+//
+// The whole ancestor chain has to be re-asserted, not just the leaf: with two levels
+// of nesting, the top pane holds the first subtab bar, the middle pane holds the
+// second, and the leaf pane holds the content. All three must be `active show` at
+// once — something Frappe's one-tab-at-a-time model will never do on its own.
 
-    const tabs = wrapper.find("ul.form-tabs > li.nav-item");
-    const hierarchy = frappe.boot.tab_hierarchy?.[currentDoctype];
+function setup_custom_subtabs(frm, wrapper, currentDoctype) {
+	if (!wrapper || !wrapper.length) return;
 
-    if (!hierarchy) {
-        return;
-    }
+	const hierarchy = frappe.boot.tab_hierarchy?.[currentDoctype];
+	if (!hierarchy) return;
 
-    const subtabs = hierarchy.subtabs || {};
+	const subtabs = hierarchy.subtabs || {};
+	if (Object.keys(subtabs).length === 0) return;
 
-    if (Object.keys(subtabs).length === 0) {
-        return;
-    }
+	patch_tab_activation(frm);
 
-    // tab_hierarchy хранит СЫРЫЕ (английские) label'ы, а Frappe рисует вкладки
-    // через __(), т.е. в DOM текст уже переведён (AZ/RU). Поэтому сопоставлять
-    // вкладку из DOM с ключом иерархии нужно через перевод этого ключа.
-    // Внутренние структуры (childToParentMap, data-subtab-name) оставляем на
-    // английском — переводим только на границе сравнения с DOM.
-    const tr = (s) => (typeof __ === 'function' ? __(s) : s);
+	if (wrapper.attr("data-subtabs-processed") === "true") return;
 
-    // Helper function to find tab link element
-    function getTabLink(tabElement) {
-        const $tab = $(tabElement);
-        let link = $tab.find("button.nav-link");
-        if (!link.length) {
-            link = $tab.find("a.nav-link");
-        }
-        return link;
-    }
+	// tab_hierarchy stores raw (English) labels, while Frappe renders tab labels
+	// through __(), so the DOM text is already translated. Compare through the
+	// translation; keep the English label in the internal bookkeeping.
+	const tr = (s) => (typeof __ === "function" ? __(s) : s);
 
-    // Check if already processed
-    if (wrapper.attr('data-subtabs-processed') === 'true') {
-        return;
-    }
+	const tabs = wrapper.find("ul.form-tabs > li.nav-item");
 
-    // Build parent-child map
-    const childToParentMap = {};
-    for (const [parentTab, children] of Object.entries(subtabs)) {
-        children.forEach(child => {
-            childToParentMap[child] = parentTab;
-        });
-    }
+	tabs.each((_, tab) => {
+		const label = $(tab).text().trim();
+		const parent_key = Object.keys(subtabs).find((k) => tr(k) === label);
+		if (!parent_key) return;
 
-    // Process subtabs - move them into containers
-    tabs.each((index, tab) => {
-        const tabLabel = $(tab).text().trim();
+		const parent_pane_id = tab_link(tab).attr("aria-controls");
+		const parent_pane = $(document.getElementById(parent_pane_id));
+		if (!parent_pane.length) return;
 
-        // tabLabel — переведённый текст из DOM; ключ иерархии — английский.
-        // Находим английский ключ-родитель, чей перевод совпал с DOM.
-        const parentKey = Object.keys(subtabs).find((k) => tr(k) === tabLabel);
+		let section = parent_pane.find(".form-section.card-section");
+		if (!section.length) section = parent_pane.find(".form-section");
+		if (!section.length) section = parent_pane.children().first();
+		if (!section.length) section = parent_pane;
 
-        if (parentKey) {
-            const tabLink = getTabLink(tab);
-            const tabContentId = tabLink.attr("aria-controls");
-            const tabContent = $(`#${tabContentId}`);
+		let bar = section.find("> .sub-tab-container");
+		if (!bar.length) {
+			bar = $(`<div class="sub-tab-container nav" data-parent-id="${parent_pane_id}"></div>`);
+			section.prepend(bar);
+		}
 
-            if (!tabContent.length) {
-                return;
-            }
+		subtabs[parent_key].forEach((child) => {
+			const original = tabs.filter((__, el) => $(el).text().trim() === tr(child));
+			if (!original.length) return;
 
-            // Find container
-            let sectionContainer = tabContent.find(".form-section.card-section");
-            if (!sectionContainer.length) {
-                sectionContainer = tabContent.find(".form-section");
-            }
-            if (!sectionContainer.length) {
-                sectionContainer = tabContent.children().first();
-            }
-            if (!sectionContainer.length) {
-                sectionContainer = tabContent;
-            }
+			const clone = original.clone(true);
+			clone.addClass("sub-tab");
+			clone.attr("data-subtab-name", child);
+			clone.attr("data-parent-id", parent_pane_id);
 
-            let subtabContainer = sectionContainer.find('.sub-tab-container');
-            if (!subtabContainer.length) {
-                subtabContainer = $("<div class='sub-tab-container nav' data-parent-id='" + tabContentId + "'></div>");
-                sectionContainer.prepend(subtabContainer);
-            }
+			// clone(true) copies Frappe's own click handler (tab.js binds set_active on
+			// the nav-link), which would deactivate the parent pane — the very pane this
+			// button lives in. Subtab clicks are handled by our delegated handler below.
+			const link = tab_link(clone);
+			link.off("click");
+			link.attr("data-target-id", link.attr("aria-controls"));
 
-            subtabs[parentKey].forEach((subtab) => {
-                // subtab — английский; в DOM ищем по его переводу.
-                const subtabElement = tabs.filter((_, el) => $(el).text().trim() === tr(subtab));
-                if (subtabElement.length) {
-                    const subtabClone = subtabElement.clone(true);
-                    subtabClone.addClass("sub-tab");
-                    // data-subtab-name держим английским — childToParentMap/ensureParentChainVisible на нём.
-                    subtabClone.attr("data-subtab-name", subtab);
-                    const clonedLink = getTabLink(subtabClone);
-                    clonedLink.removeAttr("href");
-                    clonedLink.attr("data-target-id", clonedLink.attr("aria-controls"));
-                    // clone(true) копирует прямой обработчик Frappe (tab.js: nav-link.on('click') ->
-                    // set_active()), который деактивирует РОДИТЕЛЬСКУЮ панель — а в ней лежат сами
-                    // кнопки субтабов. Снимаем его: кликами по субтабам управляем своей делегацией.
-                    clonedLink.off("click");
-                    subtabClone.attr("data-parent-id", tabContentId);
+			bar.append(clone);
+			original.remove();
+		});
+	});
 
-                    subtabContainer.append(subtabClone);
-                    subtabElement.remove();
-                }
-            });
-        }
-    });
+	wrapper.on("click.customsubtabs", ".sub-tab button.nav-link, .sub-tab a.nav-link", function (e) {
+		e.preventDefault();
+		e.stopPropagation();
+		activate_subtab(frm, wrapper, $(this).closest(".sub-tab"));
+	});
 
-    // Function to show parent chain
-    function ensureParentChainVisible(subtabName) {
-        let currentChild = subtabName;
-        const parentsToShow = [];
+	wrapper.attr("data-subtabs-processed", "true");
 
-        // Collect parent chain
-        while (childToParentMap[currentChild]) {
-            const parentName = childToParentMap[currentChild];
-            parentsToShow.push(parentName);
-
-            // Show all siblings - НЕ используем .show(), используем CSS класс
-            const siblings = subtabs[parentName] || [];
-            siblings.forEach(sibling => {
-                const siblingElement = wrapper.find(`.sub-tab[data-subtab-name="${sibling}"]`);
-                siblingElement.css('display', ''); // Убираем inline style
-            });
-
-            currentChild = parentName;
-        }
-
-        // Show all parent content
-        parentsToShow.forEach(parentName => {
-            const parentTabContentId = `${currentDoctype.toLowerCase().replace(/\s+/g, '-')}-${parentName.toLowerCase().replace(/\s+/g, '_')}_tab`;
-            const parentContent = $(`#${parentTabContentId}`);
-            if (parentContent.length && !parentContent.hasClass('active')) {
-                parentContent.addClass('active show').css('display', 'block');
-            }
-        });
-    }
-
-    // Handle subtab clicks
-    wrapper.on("click.customsubtabs", ".sub-tab button.nav-link, .sub-tab a.nav-link", function(event) {
-        event.preventDefault();
-        event.stopPropagation();
-
-        const clickedButton = $(this);
-        const clickedSubtab = clickedButton.closest(".sub-tab");
-        const subtabName = clickedSubtab.attr("data-subtab-name");
-        const targetId = clickedButton.attr("data-target-id") || clickedButton.attr("aria-controls");
-        const parentContainerId = clickedSubtab.attr("data-parent-id");
-
-        // Hide all tabs and content
-        wrapper.find(".nav-item").removeClass("active");
-        wrapper.find("button.nav-link, a.nav-link").removeClass("active").attr("aria-selected", "false");
-        wrapper.find(".tab-pane").removeClass("active show");
-
-        // Скрыть все контейнеры субтабов, кроме родительского
-        wrapper.find(".sub-tab-container").each(function() {
-            const containerParentId = $(this).attr("data-parent-id");
-            if (containerParentId !== parentContainerId) {
-                $(this).addClass("subtab-hidden");
-            } else {
-                $(this).removeClass("subtab-hidden");
-            }
-        });
-
-        // Activate subtab
-        clickedSubtab.addClass("active");
-        clickedButton.addClass("active").attr("aria-selected", "true");
-
-        // Show subtab content
-        const targetPane = $(`#${targetId}`);
-        if (targetPane.length) {
-            targetPane.addClass("active show");
-        }
-
-        // Надёжно вернуть РОДИТЕЛЬСКУЮ панель (в ней живут кнопки субтабов) по её реальному
-        // id из data-parent-id — НЕ реконструируя id из перевода label'а. Это и есть защита
-        // от «все субтабы пропали»: панель с кнопками всегда восстанавливается.
-        const parentPane = $(`#${parentContainerId}`);
-        if (parentPane.length) {
-            parentPane.addClass("active show").css("display", "block");
-
-            // Панель-контент субтаба может стоять в DOM РАНЬШЕ родительской панели
-            // (зависит от field_order доктайпа). Тогда бар субтабов визуально уезжает ВНИЗ
-            // под контент и кажется, что субтабы пропали. Ставим активный контент сразу
-            // после родительской панели — бар всегда оказывается над ним.
-            if (targetPane.length) {
-                parentPane.after(targetPane);
-            }
-        }
-
-        // Show parent chain (для вложенности глубже одного уровня)
-        ensureParentChainVisible(subtabName);
-    });
-
-    // Function to setup main tab handler
-    function setupMainTabHandler() {
-        // Для Frappe v16 используем MutationObserver вместо событий Bootstrap
-        // так как shown.bs.tab не генерируется
-
-        // Удаляем старый observer если есть
-        if (wrapper.data('subtabs-observer')) {
-            wrapper.data('subtabs-observer').disconnect();
-        }
-
-        // Создаем MutationObserver для отслеживания изменений класса active
-        const observer = new MutationObserver(function(mutations) {
-            mutations.forEach(function(mutation) {
-                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-                    const button = mutation.target;
-                    const $button = $(button);
-
-                    // Проверяем что это кнопка таба и она стала активной
-                    if ($button.hasClass('nav-link') && $button.hasClass('active')) {
-                        const li = $button.closest("li.nav-item");
-
-                        // Игнорируем субтабы
-                        if (li.hasClass("sub-tab")) {
-                            return;
-                        }
-
-                        const tabId = button.getAttribute("aria-controls");
-
-                        // ИСПРАВЛЕНИЕ: Убираем active классы со всех субтабов и их контента
-                        wrapper.find(".sub-tab").removeClass("active");
-                        wrapper.find(".sub-tab button.nav-link, .sub-tab a.nav-link")
-                               .removeClass("active")
-                               .attr("aria-selected", "false");
-
-                        // Скрываем контент всех субтабов
-                        wrapper.find(".sub-tab").each(function() {
-                            const subtabButton = getTabLink($(this));
-                            const subtabContentId = subtabButton.attr("data-target-id") || subtabButton.attr("aria-controls");
-                            if (subtabContentId) {
-                                $(`#${subtabContentId}`).removeClass("active show");
-                            }
-                        });
-
-                        // Show/hide subtabs
-                        wrapper.find(".sub-tab-container").each(function() {
-                            const containerParentId = $(this).attr("data-parent-id");
-                            if (containerParentId === tabId) {
-                                $(this).removeClass("subtab-hidden");
-                            } else {
-                                $(this).addClass("subtab-hidden");
-                            }
-                        });
-                    }
-                }
-            });
-        });
-
-        // Наблюдаем за всеми кнопками табов (не субтабов)
-        wrapper.find('ul.form-tabs > li.nav-item:not(.sub-tab) button.nav-link, ul.form-tabs > li.nav-item:not(.sub-tab) a.nav-link').each(function() {
-            observer.observe(this, { attributes: true, attributeFilter: ['class'] });
-        });
-
-        // Сохраняем observer чтобы можно было удалить позже
-        wrapper.data('subtabs-observer', observer);
-    }
-    
-    // Initialize handler
-    setupMainTabHandler();
-
-    // Инициализация: скрыть все контейнеры, кроме активного таба
-    const activeMainTab = wrapper.find("ul.form-tabs > li.nav-item.active:not(.sub-tab)").first();
-    const activeTabLink = getTabLink(activeMainTab);
-    const activeTabId = activeTabLink.attr("aria-controls");
-
-    wrapper.find(".sub-tab-container").each(function() {
-        const containerParentId = $(this).attr("data-parent-id");
-        if (containerParentId !== activeTabId) {
-            $(this).addClass("subtab-hidden");
-        }
-    });
-
-    // Mark as processed
-    wrapper.attr('data-subtabs-processed', 'true');
+	// Whatever tab Frappe already considers active decides which subtab bar shows.
+	const active = wrapper.find("ul.form-tabs > li.nav-item .nav-link.active").first();
+	sync_bars(wrapper, [active.attr("aria-controls")]);
 }
 
-// Use form refresh event
-frappe.ui.form.on('*', {
-    refresh: function(frm) {
-        setTimeout(() => {
-            const wrapper = frm.layout?.wrapper || frm.$wrapper;
-            setup_custom_subtabs(wrapper, frm.doctype);
-        }, 500);
-    },
+function tab_link(el) {
+	const $el = $(el);
+	const button = $el.find("button.nav-link");
+	return button.length ? button : $el.find("a.nav-link");
+}
 
-    onload: function(frm) {
-        // Form onload hook
-    }
-});
\ No newline at end of file
+function pane_id_of(subtab) {
+	const link = tab_link(subtab);
+	return link.attr("data-target-id") || link.attr("aria-controls");
+}
+
+// Walk from a subtab up to its top-level tab. Returns the panes to re-assert,
+// outermost first, plus the id of the real Frappe tab that roots the chain.
+function ancestry(wrapper, subtab) {
+	const chain = [];
+	let node = subtab;
+
+	while (node && node.length) {
+		chain.unshift({ pane_id: pane_id_of(node), parent_id: node.attr("data-parent-id") });
+
+		const parent_id = node.attr("data-parent-id");
+		node = wrapper.find(".sub-tab").filter((_, el) => pane_id_of($(el)) === parent_id);
+	}
+
+	return { chain: chain, root_id: chain.length ? chain[0].parent_id : null };
+}
+
+function activate_subtab(frm, wrapper, subtab) {
+	const state = ancestry(wrapper, subtab);
+	if (!state.root_id) return;
+
+	frm.__active_subtab = state;
+
+	// Hand the activation to Frappe, naming the top-level ancestor. Frappe records it
+	// in frm.active_tab_map and the URL hash, so every later refresh re-activates the
+	// same tab — and our wrapper puts the rest of the chain back on top of it.
+	const root = (frm.layout.tabs || []).find((t) => t.wrapper.attr("id") === state.root_id);
+	if (root) {
+		root.set_active();
+	} else {
+		reassert_chain(frm, wrapper, state);
+	}
+}
+
+function reassert_chain(frm, wrapper, state) {
+	const visible = [state.root_id];
+
+	for (const step of state.chain) {
+		const pane = document.getElementById(step.pane_id);
+		const parent = document.getElementById(step.parent_id);
+		if (!pane || !parent) continue;
+
+		pane.classList.add("active", "show");
+		pane.classList.remove("hide");
+
+		// A subtab's pane can sit before its parent's in the DOM, depending on
+		// field_order. Left alone, the subtab bar renders below its own content and
+		// looks like it disappeared. Keep the pane directly after its parent.
+		if (pane.previousElementSibling !== parent) {
+			parent.after(pane);
+		}
+
+		visible.push(step.pane_id);
+	}
+
+	sync_bars(wrapper, visible);
+	sync_buttons(wrapper, state.chain.map((s) => s.pane_id));
+}
+
+function clear_subtabs(frm, wrapper, active_id) {
+	delete frm.__active_subtab;
+	sync_bars(wrapper, [active_id]);
+	sync_buttons(wrapper, []);
+}
+
+// A subtab bar belongs to a pane; show it only while that pane is on screen.
+function sync_bars(wrapper, visible_pane_ids) {
+	wrapper.find(".sub-tab-container").each(function () {
+		const owner = $(this).attr("data-parent-id");
+		$(this).toggleClass("subtab-hidden", !visible_pane_ids.includes(owner));
+	});
+}
+
+function sync_buttons(wrapper, active_pane_ids) {
+	wrapper.find(".sub-tab").each(function () {
+		const on = active_pane_ids.includes(pane_id_of($(this)));
+		$(this).toggleClass("active", on);
+		tab_link($(this)).toggleClass("active", on).attr("aria-selected", on ? "true" : "false");
+	});
+}
+
+// Wrap Frappe's Tab.set_active once per session. Everything that re-activates a tab —
+// a click, a refresh_sections(), a refresh_field() — funnels through it, so this is
+// the one place that can put the subtab chain back after Frappe has torn it down.
+function patch_tab_activation(frm) {
+	const tabs = frm.layout && frm.layout.tabs;
+	if (!tabs || !tabs.length) return;
+
+	const Tab = tabs[0].constructor;
+	if (Tab.prototype.__subtabs_patched) return;
+
+	const set_active = Tab.prototype.set_active;
+
+	Tab.prototype.set_active = function () {
+		set_active.apply(this, arguments);
+
+		const form = this.frm;
+		const wrapper = form && form.layout && form.layout.wrapper;
+		if (!wrapper || wrapper.attr("data-subtabs-processed") !== "true") return;
+
+		const activated = this.wrapper && this.wrapper.attr("id");
+		if (!activated) return;
+
+		const state = form.__active_subtab;
+
+		// Activating anything other than the chain's root means the user left the
+		// subtab — or Frappe restored a different tab. Either way the selection is over.
+		if (!state || state.root_id !== activated) {
+			clear_subtabs(form, wrapper, activated);
+			return;
+		}
+
+		reassert_chain(form, wrapper, state);
+	};
+
+	Tab.prototype.__subtabs_patched = true;
+}
+
+frappe.ui.form.on("*", {
+	refresh: function (frm) {
+		// The layout is rebuilt after refresh; let it settle before rewiring the bars.
+		setTimeout(() => {
+			setup_custom_subtabs(frm, frm.layout?.wrapper || frm.$wrapper, frm.doctype);
+		}, 500);
+	},
+});