fix: stabilize splitter auto-save and add visible resize handles

- Use splitterRefreshKey as auto-save-id so layout persists across page refreshes (tab-dependent key caused mismatches on reload) - Include sidebarLocation in LinearView auto-save-id to prevent layout reversal when sidebar switches sides - Add w-1 to all SplitterResizeHandle elements for visible/grabbable drag handles - Reduce CENTER_PANEL_SIZE from 80 to 60 so 3-panel layouts sum to 100% without normalization
[automated] Apply ESLint and Oxfmt fixes
2026-03-15 01:48:06 +00:00 · 2026-03-13 22:32:44 +01:00 · 2026-03-09 11:38:10 +00:00 · 2026-03-09 12:35:00 +01:00
7 changed files with 162 additions and 332 deletions
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -277,8 +277,8 @@ catalogs:
      specifier: ^4.2.5
      version: 4.2.5
    reka-ui:
-      specifier: ^2.5.0
-      version: 2.5.0
+      specifier: ^2.9.0
+      version: 2.9.0
    rollup-plugin-visualizer:
      specifier: ^6.0.4
      version: 6.0.4
@@ -529,7 +529,7 @@ importers:
        version: 4.2.5(vue@3.5.13(typescript@5.9.3))
      reka-ui:
        specifier: 'catalog:'
-        version: 2.5.0(typescript@5.9.3)(vue@3.5.13(typescript@5.9.3))
+        version: 2.9.0(vue@3.5.13(typescript@5.9.3))
      semver:
        specifier: ^7.7.2
        version: 7.7.4
@@ -2451,21 +2451,25 @@ packages:
    resolution: {integrity: sha512-D+tPXB0tkSuDPsuXvyQIsF3f3PBWfAwIe9FkBWtVoDVYqE+jbz+tVGsjQMNWGafLE4sC8ZQdjhsxyT8I53Anbw==}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@nx/nx-linux-arm64-musl@22.5.2':
    resolution: {integrity: sha512-UbO527qqa8KLBi13uXto5SmxcZv1Smer7sPexJonshDlmrJsyvx5m8nm6tcSv04W5yQEL90vPlTux8dNvEDWrw==}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@nx/nx-linux-x64-gnu@22.5.2':
    resolution: {integrity: sha512-wR6596Vr/Z+blUAmjLHG2TCQMs4O1oi9JXK1J/PoPeO9UqdHwStCJBAd61zDFSUYJe0x+dkeRQu96fE5BW8Kcg==}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@nx/nx-linux-x64-musl@22.5.2':
    resolution: {integrity: sha512-MBXOw4AH4FWl4orwVykj/e75awTNDePogrl3pXNX9NcQLdj6JzS4e2jaALQeRBQLxQzeFvFQV/W4PBzoPV6/NA==}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@nx/nx-win32-arm64-msvc@22.5.2':
    resolution: {integrity: sha512-SaWSZkRH5uV8vP2lj6RRv+kw2IzaIDXkutReOXpooshIWZl9KjrQELNTCZTYyhLDsMlcyhSvLFlTiA4NkZ8udw==}
@@ -2631,41 +2635,49 @@ packages:
    resolution: {integrity: sha512-SVjjjtMW66Mza76PBGJLqB0KKyFTBnxmtDXLJPbL6ZPGSctcXVmujz7/WAc0rb9m2oV0cHQTtVjnq6orQnI/jg==}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@oxc-resolver/binding-linux-arm64-musl@11.15.0':
    resolution: {integrity: sha512-JDv2/AycPF2qgzEiDeMJCcSzKNDm3KxNg0KKWipoKEMDFqfM7LxNwwSVyAOGmrYlE4l3dg290hOMsr9xG7jv9g==}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@oxc-resolver/binding-linux-ppc64-gnu@11.15.0':
    resolution: {integrity: sha512-zbu9FhvBLW4KJxo7ElFvZWbSt4vP685Qc/Gyk/Ns3g2gR9qh2qWXouH8PWySy+Ko/qJ42+HJCLg+ZNcxikERfg==}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@oxc-resolver/binding-linux-riscv64-gnu@11.15.0':
    resolution: {integrity: sha512-Kfleehe6B09C2qCnyIU01xLFqFXCHI4ylzkicfX/89j+gNHh9xyNdpEvit88Kq6i5tTGdavVnM6DQfOE2qNtlg==}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@oxc-resolver/binding-linux-riscv64-musl@11.15.0':
    resolution: {integrity: sha512-J7LPiEt27Tpm8P+qURDwNc8q45+n+mWgyys4/V6r5A8v5gDentHRGUx3iVk5NxdKhgoGulrzQocPTZVosq25Eg==}
    cpu: [riscv64]
    os: [linux]
+    libc: [musl]

  '@oxc-resolver/binding-linux-s390x-gnu@11.15.0':
    resolution: {integrity: sha512-+8/d2tAScPjVJNyqa7GPGnqleTB/XW9dZJQ2D/oIM3wpH3TG+DaFEXBbk4QFJ9K9AUGBhvQvWU2mQyhK/yYn3Q==}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@oxc-resolver/binding-linux-x64-gnu@11.15.0':
    resolution: {integrity: sha512-xtvSzH7Nr5MCZI2FKImmOdTl9kzuQ51RPyLh451tvD2qnkg3BaqI9Ox78bTk57YJhlXPuxWSOL5aZhKAc9J6qg==}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@oxc-resolver/binding-linux-x64-musl@11.15.0':
    resolution: {integrity: sha512-14YL1zuXj06+/tqsuUZuzL0T425WA/I4nSVN1kBXeC5WHxem6lQ+2HGvG+crjeJEqHgZUT62YIgj88W+8E7eyg==}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@oxc-resolver/binding-openharmony-arm64@11.15.0':
    resolution: {integrity: sha512-/7Qli+1Wk93coxnrQaU8ySlICYN8HsgyIrzqjgIkQEpI//9eUeaeIHZptNl2fMvBGeXa7k2QgLbRNaBRgpnvMw==}
@@ -2739,48 +2751,56 @@ packages:
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@oxfmt/binding-linux-arm64-musl@0.34.0':
    resolution: {integrity: sha512-H+F8+71gHQoGTFPPJ6z4dD0Fzfzi0UP8Zx94h5kUmIFThLvMq5K1Y/bUUubiXwwHfwb5C3MPjUpYijiy0rj51Q==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@oxfmt/binding-linux-ppc64-gnu@0.34.0':
    resolution: {integrity: sha512-dIGnzTNhCXqQD5pzBwduLg8pClm+t8R53qaE9i5h8iua1iaFAJyLffh4847CNZSlASb7gn1Ofuv7KoG/EpoGZg==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@oxfmt/binding-linux-riscv64-gnu@0.34.0':
    resolution: {integrity: sha512-FGQ2GTTooilDte/ogwWwkHuuL3lGtcE3uKM2EcC7kOXNWdUfMY6Jx3JCodNVVbFoybv4A+HuCj8WJji2uu1Ceg==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@oxfmt/binding-linux-riscv64-musl@0.34.0':
    resolution: {integrity: sha512-2dGbGneJ7ptOIVKMwEIHdCkdZEomh74X3ggo4hCzEXL/rl9HwfsZDR15MkqfQqAs6nVXMvtGIOMxjDYa5lwKaA==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [riscv64]
    os: [linux]
+    libc: [musl]

  '@oxfmt/binding-linux-s390x-gnu@0.34.0':
    resolution: {integrity: sha512-cCtGgmrTrxq3OeSG0UAO+w6yLZTMeOF4XM9SAkNrRUxYhRQELSDQ/iNPCLyHhYNi38uHJQbS5RQweLUDpI4ajA==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@oxfmt/binding-linux-x64-gnu@0.34.0':
    resolution: {integrity: sha512-7AvMzmeX+k7GdgitXp99GQoIV/QZIpAS7rwxQvC/T541yWC45nwvk4mpnU8N+V6dE5SPEObnqfhCjO80s7qIsg==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@oxfmt/binding-linux-x64-musl@0.34.0':
    resolution: {integrity: sha512-uNiglhcmivJo1oDMh3hoN/Z0WsbEXOpRXZdQ3W/IkOpyV8WF308jFjSC1ZxajdcNRXWej0zgge9QXba58Owt+g==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@oxfmt/binding-openharmony-arm64@0.34.0':
    resolution: {integrity: sha512-5eFsTjCyji25j6zznzlMc+wQAZJoL9oWy576xhqd2efv+N4g1swIzuSDcb1dz4gpcVC6veWe9pAwD7HnrGjLwg==}
@@ -2883,48 +2903,56 @@ packages:
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@oxlint/binding-linux-arm64-musl@1.49.0':
    resolution: {integrity: sha512-xeqkMOARgGBlEg9BQuPDf6ZW711X6BT5qjDyeM5XNowCJeTSdmMhpePJjTEiVbbr3t21sIlK8RE6X5bc04nWyQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@oxlint/binding-linux-ppc64-gnu@1.49.0':
    resolution: {integrity: sha512-uvcqRO6PnlJGbL7TeePhTK5+7/JXbxGbN+C6FVmfICDeeRomgQqrfVjf0lUrVpUU8ii8TSkIbNdft3M+oNlOsQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@oxlint/binding-linux-riscv64-gnu@1.49.0':
    resolution: {integrity: sha512-Dw1HkdXAwHNH+ZDserHP2RzXQmhHtpsYYI0hf8fuGAVCIVwvS6w1+InLxpPMY25P8ASRNiFN3hADtoh6lI+4lg==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@oxlint/binding-linux-riscv64-musl@1.49.0':
    resolution: {integrity: sha512-EPlMYaA05tJ9km/0dI9K57iuMq3Tw+nHst7TNIegAJZrBPtsOtYaMFZEaWj02HA8FI5QvSnRHMt+CI+RIhXJBQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [riscv64]
    os: [linux]
+    libc: [musl]

  '@oxlint/binding-linux-s390x-gnu@1.49.0':
    resolution: {integrity: sha512-yZiQL9qEwse34aMbnMb5VqiAWfDY+fLFuoJbHOuzB1OaJZbN1MRF9Nk+W89PIpGr5DNPDipwjZb8+Q7wOywoUQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@oxlint/binding-linux-x64-gnu@1.49.0':
    resolution: {integrity: sha512-CcCDwMMXSchNkhdgvhVn3DLZ4EnBXAD8o8+gRzahg+IdSt/72y19xBgShJgadIRF0TsRcV/MhDUMwL5N/W54aQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@oxlint/binding-linux-x64-musl@1.49.0':
    resolution: {integrity: sha512-u3HfKV8BV6t6UCCbN0RRiyqcymhrnpunVmLFI8sEa5S/EBu+p/0bJ3D7LZ2KT6PsBbrB71SWq4DeFrskOVgIZg==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@oxlint/binding-openharmony-arm64@1.49.0':
    resolution: {integrity: sha512-dRDpH9fw+oeUMpM4br0taYCFpW6jQtOuEIec89rOgDA1YhqwmeRcx0XYeCv7U48p57qJ1XZHeMGM9LdItIjfzA==}
@@ -3093,24 +3121,28 @@ packages:
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.3':
    resolution: {integrity: sha512-Z03/wrqau9Bicfgb3Dbs6SYTHliELk2PM2LpG2nFd+cGupTMF5kanLEcj2vuuJLLhptNyS61rtk7SOZ+lPsTUA==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.3':
    resolution: {integrity: sha512-iSXXZsQp08CSilff/DCTFZHSVEpEwdicV3W8idHyrByrcsRDVh9sGC3sev6d8BygSGj3vt8GvUKBPCoyMA4tgQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@rolldown/binding-linux-x64-musl@1.0.0-rc.3':
    resolution: {integrity: sha512-qaj+MFudtdCv9xZo9znFvkgoajLdc+vwf0Kz5N44g+LU5XMe+IsACgn3UG7uTRlCCvhMAGXm1XlpEA5bZBrOcw==}
    engines: {node: ^20.19.0 || >=22.12.0}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@rolldown/binding-openharmony-arm64@1.0.0-rc.3':
    resolution: {integrity: sha512-U662UnMETyjT65gFmG9ma+XziENrs7BBnENi/27swZPYagubfHRirXHG2oMl+pEax2WvO7Kb9gHZmMakpYqBHQ==}
@@ -3188,56 +3220,67 @@ packages:
    resolution: {integrity: sha512-dV3T9MyAf0w8zPVLVBptVlzaXxka6xg1f16VAQmjg+4KMSTWDvhimI/Y6mp8oHwNrmnmVl9XxJ/w/mO4uIQONA==}
    cpu: [arm]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-arm-musleabihf@4.53.5':
    resolution: {integrity: sha512-wIGYC1x/hyjP+KAu9+ewDI+fi5XSNiUi9Bvg6KGAh2TsNMA3tSEs+Sh6jJ/r4BV/bx/CyWu2ue9kDnIdRyafcQ==}
    cpu: [arm]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-linux-arm64-gnu@4.53.5':
    resolution: {integrity: sha512-Y+qVA0D9d0y2FRNiG9oM3Hut/DgODZbU9I8pLLPwAsU0tUKZ49cyV1tzmB/qRbSzGvY8lpgGkJuMyuhH7Ma+Vg==}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-arm64-musl@4.53.5':
    resolution: {integrity: sha512-juaC4bEgJsyFVfqhtGLz8mbopaWD+WeSOYr5E16y+1of6KQjc0BpwZLuxkClqY1i8sco+MdyoXPNiCkQou09+g==}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-linux-loong64-gnu@4.53.5':
    resolution: {integrity: sha512-rIEC0hZ17A42iXtHX+EPJVL/CakHo+tT7W0pbzdAGuWOt2jxDFh7A/lRhsNHBcqL4T36+UiAgwO8pbmn3dE8wA==}
    cpu: [loong64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-ppc64-gnu@4.53.5':
    resolution: {integrity: sha512-T7l409NhUE552RcAOcmJHj3xyZ2h7vMWzcwQI0hvn5tqHh3oSoclf9WgTl+0QqffWFG8MEVZZP1/OBglKZx52Q==}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-riscv64-gnu@4.53.5':
    resolution: {integrity: sha512-7OK5/GhxbnrMcxIFoYfhV/TkknarkYC1hqUw1wU2xUN3TVRLNT5FmBv4KkheSG2xZ6IEbRAhTooTV2+R5Tk0lQ==}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-riscv64-musl@4.53.5':
    resolution: {integrity: sha512-GwuDBE/PsXaTa76lO5eLJTyr2k8QkPipAyOrs4V/KJufHCZBJ495VCGJol35grx9xryk4V+2zd3Ri+3v7NPh+w==}
    cpu: [riscv64]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-linux-s390x-gnu@4.53.5':
    resolution: {integrity: sha512-IAE1Ziyr1qNfnmiQLHBURAD+eh/zH1pIeJjeShleII7Vj8kyEm2PF77o+lf3WTHDpNJcu4IXJxNO0Zluro8bOw==}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-x64-gnu@4.53.5':
    resolution: {integrity: sha512-Pg6E+oP7GvZ4XwgRJBuSXZjcqpIW3yCBhK4BcsANvb47qMvAbCjR6E+1a/U2WXz1JJxp9/4Dno3/iSJLcm5auw==}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-x64-musl@4.53.5':
    resolution: {integrity: sha512-txGtluxDKTxaMDzUduGP0wdfng24y1rygUMnmlUJ88fzCCULCLn7oE5kb2+tRB+MWq1QDZT6ObT5RrR8HFRKqg==}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-openharmony-arm64@4.53.5':
    resolution: {integrity: sha512-3DFiLPnTxiOQV993fMc+KO8zXHTcIjgaInrqlG8zDp1TlhYl6WgrOHuJkJQ6M8zHEcntSJsUp1XFZSY8C1DYbg==}
@@ -3513,24 +3556,28 @@ packages:
    engines: {node: '>= 20'}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@tailwindcss/oxide-linux-arm64-musl@4.2.0':
    resolution: {integrity: sha512-XKcSStleEVnbH6W/9DHzZv1YhjE4eSS6zOu2eRtYAIh7aV4o3vIBs+t/B15xlqoxt6ef/0uiqJVB6hkHjWD/0A==}
    engines: {node: '>= 20'}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@tailwindcss/oxide-linux-x64-gnu@4.2.0':
    resolution: {integrity: sha512-/hlXCBqn9K6fi7eAM0RsobHwJYa5V/xzWspVTzxnX+Ft9v6n+30Pz8+RxCn7sQL/vRHHLS30iQPrHQunu6/vJA==}
    engines: {node: '>= 20'}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@tailwindcss/oxide-linux-x64-musl@4.2.0':
    resolution: {integrity: sha512-lKUaygq4G7sWkhQbfdRRBkaq4LY39IriqBQ+Gk6l5nKq6Ay2M2ZZb1tlIyRNgZKS8cbErTwuYSor0IIULC0SHw==}
    engines: {node: '>= 20'}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@tailwindcss/oxide-wasm32-wasi@4.2.0':
    resolution: {integrity: sha512-xuDjhAsFdUuFP5W9Ze4k/o4AskUtI8bcAGU4puTYprr89QaYFmhYOPfP+d1pH+k9ets6RoE23BXZM1X1jJqoyw==}
@@ -4006,41 +4053,49 @@ packages:
    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
    cpu: [riscv64]
    os: [linux]
+    libc: [musl]

  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
@@ -4255,9 +4310,6 @@ packages:
  '@vue/test-utils@2.4.6':
    resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}

-  '@vueuse/core@12.8.2':
-    resolution: {integrity: sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==}
-
  '@vueuse/core@14.2.0':
    resolution: {integrity: sha512-tpjzVl7KCQNVd/qcaCE9XbejL38V6KJAEq/tVXj7mDPtl6JtzmUdnXelSS+ULRkkrDgzYVK7EerQJvd2jR794Q==}
    peerDependencies:
@@ -4305,15 +4357,9 @@ packages:
      universal-cookie:
        optional: true

-  '@vueuse/metadata@12.8.2':
-    resolution: {integrity: sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==}
-
  '@vueuse/metadata@14.2.0':
    resolution: {integrity: sha512-i3axTGjU8b13FtyR4Keeama+43iD+BwX9C2TmzBVKqjSHArF03hjkp2SBZ1m72Jk2UtrX0aYCugBq2R1fhkuAQ==}

-  '@vueuse/shared@12.8.2':
-    resolution: {integrity: sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==}
-
  '@vueuse/shared@14.2.0':
    resolution: {integrity: sha512-Z0bmluZTlAXgUcJ4uAFaML16JcD8V0QG00Db3quR642I99JXIDRa2MI2LGxiLVhcBjVnL1jOzIvT5TT2lqJlkA==}
    peerDependencies:
@@ -6416,24 +6462,28 @@ packages:
    engines: {node: '>= 12.0.0'}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  lightningcss-linux-arm64-musl@1.31.1:
    resolution: {integrity: sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==}
    engines: {node: '>= 12.0.0'}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  lightningcss-linux-x64-gnu@1.31.1:
    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
    engines: {node: '>= 12.0.0'}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  lightningcss-linux-x64-musl@1.31.1:
    resolution: {integrity: sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==}
    engines: {node: '>= 12.0.0'}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  lightningcss-win32-arm64-msvc@1.31.1:
    resolution: {integrity: sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==}
@@ -7452,10 +7502,10 @@ packages:
    resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
    hasBin: true

-  reka-ui@2.5.0:
-    resolution: {integrity: sha512-81aMAmJeVCy2k0E6x7n1kypDY6aM1ldLis5+zcdV1/JtoAlSDck5OBsyLRJU9CfgbrQp1ImnRnBSmC4fZ2fkZQ==}
+  reka-ui@2.9.0:
+    resolution: {integrity: sha512-5dpp80u109iLTbRBu+jhAk8R/877/JN20gYGjb3GsuAgS7E/5QTX5ZxuzWtZAVbChBDYDpXc8pkaQAFpa6s+4w==}
    peerDependencies:
-      vue: '>= 3.2.0'
+      vue: '>= 3.4.0'

  relateurl@0.2.7:
    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
@@ -12438,15 +12488,6 @@ snapshots:
      js-beautify: 1.15.1
      vue-component-type-helpers: 2.2.12

-  '@vueuse/core@12.8.2(typescript@5.9.3)':
-    dependencies:
-      '@types/web-bluetooth': 0.0.21
-      '@vueuse/metadata': 12.8.2
-      '@vueuse/shared': 12.8.2(typescript@5.9.3)
-      vue: 3.5.13(typescript@5.9.3)
-    transitivePeerDependencies:
-      - typescript
-
  '@vueuse/core@14.2.0(vue@3.5.13(typescript@5.9.3))':
    dependencies:
      '@types/web-bluetooth': 0.0.21
@@ -12463,16 +12504,8 @@ snapshots:
      axios: 1.13.5
      fuse.js: 7.0.0

-  '@vueuse/metadata@12.8.2': {}
-
  '@vueuse/metadata@14.2.0': {}

-  '@vueuse/shared@12.8.2(typescript@5.9.3)':
-    dependencies:
-      vue: 3.5.13(typescript@5.9.3)
-    transitivePeerDependencies:
-      - typescript
-
  '@vueuse/shared@14.2.0(vue@3.5.13(typescript@5.9.3))':
    dependencies:
      vue: 3.5.13(typescript@5.9.3)
@@ -16246,22 +16279,21 @@ snapshots:
    dependencies:
      jsesc: 3.1.0

-  reka-ui@2.5.0(typescript@5.9.3)(vue@3.5.13(typescript@5.9.3)):
+  reka-ui@2.9.0(vue@3.5.13(typescript@5.9.3)):
    dependencies:
      '@floating-ui/dom': 1.7.4
      '@floating-ui/vue': 1.1.9(vue@3.5.13(typescript@5.9.3))
      '@internationalized/date': 3.9.0
      '@internationalized/number': 3.6.5
      '@tanstack/vue-virtual': 3.13.12(vue@3.5.13(typescript@5.9.3))
-      '@vueuse/core': 12.8.2(typescript@5.9.3)
-      '@vueuse/shared': 12.8.2(typescript@5.9.3)
+      '@vueuse/core': 14.2.0(vue@3.5.13(typescript@5.9.3))
+      '@vueuse/shared': 14.2.0(vue@3.5.13(typescript@5.9.3))
      aria-hidden: 1.2.6
      defu: 6.1.4
      ohash: 2.0.11
      vue: 3.5.13(typescript@5.9.3)
    transitivePeerDependencies:
      - '@vue/composition-api'
-      - typescript

  relateurl@0.2.7: {}

--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -93,7 +93,7 @@ catalog:
  pretty-bytes: ^7.1.0
  primeicons: ^7.0.0
  primevue: ^4.2.5
-  reka-ui: ^2.5.0
+  reka-ui: ^2.9.0
  rollup-plugin-visualizer: ^6.0.4
  storybook: ^10.2.10
  stylelint: ^16.26.1
--- a/src/components/LiteGraphCanvasSplitterOverlay.vue
+++ b/src/components/LiteGraphCanvasSplitterOverlay.vue
@@ -15,18 +15,18 @@
        <slot name="side-toolbar" />
      </div>

-      <Splitter
+      <SplitterGroup
        :key="splitterRefreshKey"
-        class="pointer-events-none flex-1 overflow-hidden border-none bg-transparent"
-        :state-key="isSelectMode ? 'builder-splitter' : sidebarStateKey"
-        state-storage="local"
-        @resizestart="onResizestart"
+        direction="horizontal"
+        :auto-save-id="splitterRefreshKey"
+        class="pointer-events-none flex-1 overflow-hidden"
      >
        <!-- First panel: sidebar when left, properties when right -->
        <SplitterPanel
          v-if="
            !focusMode && (sidebarLocation === 'left' || showOffsideSplitter)
          "
+          :order="1"
          :class="
            sidebarLocation === 'left'
              ? cn(
@@ -38,7 +38,7 @@
          :min-size="
            sidebarLocation === 'left' ? SIDEBAR_MIN_SIZE : BUILDER_MIN_SIZE
          "
-          :size="SIDE_PANEL_SIZE"
+          :default-size="SIDE_PANEL_SIZE"
          :style="firstPanelStyle"
          :role="sidebarLocation === 'left' ? 'complementary' : undefined"
          :aria-label="
@@ -54,41 +54,69 @@
            name="right-side-panel"
          />
        </SplitterPanel>
+        <SplitterResizeHandle
+          v-if="
+            !focusMode && (sidebarLocation === 'left' || showOffsideSplitter)
+          "
+          :class="
+            cn(
+              'splitter-resize-handle pointer-events-auto w-1',
+              sidebarLocation === 'left' && !sidebarPanelVisible && 'hidden'
+            )
+          "
+        />

        <!-- Main panel (always present) -->
-        <SplitterPanel :size="CENTER_PANEL_SIZE" class="flex flex-col">
+        <SplitterPanel
+          :order="2"
+          :default-size="CENTER_PANEL_SIZE"
+          class="flex flex-col"
+        >
          <slot name="topmenu" :sidebar-panel-visible />

-          <Splitter
-            class="splitter-overlay-bottom pointer-events-none mx-1 mb-1 flex-1 border-none bg-transparent"
-            layout="vertical"
-            :pt:gutter="
-              cn(
-                'rounded-t-lg',
-                !(bottomPanelVisible && !focusMode) && 'hidden'
-              )
-            "
-            state-key="bottom-panel-splitter"
-            state-storage="local"
-            @resizestart="onResizestart"
+          <SplitterGroup
+            direction="vertical"
+            auto-save-id="bottom-panel-splitter"
+            class="splitter-overlay-bottom pointer-events-none mx-1 mb-1 flex-1"
          >
-            <SplitterPanel class="graph-canvas-panel relative">
+            <SplitterPanel :order="1" class="graph-canvas-panel relative">
              <slot name="graph-canvas-panel" />
            </SplitterPanel>
+            <SplitterResizeHandle
+              :class="
+                cn(
+                  'splitter-resize-handle pointer-events-auto w-1 translate-y-[5px] rounded-t-lg',
+                  !(bottomPanelVisible && !focusMode) && 'hidden'
+                )
+              "
+            />
            <SplitterPanel
              v-show="bottomPanelVisible && !focusMode"
+              :order="2"
              class="bottom-panel pointer-events-auto max-w-full overflow-x-auto rounded-lg border border-(--p-panel-border-color) bg-comfy-menu-bg"
            >
              <slot name="bottom-panel" />
            </SplitterPanel>
-          </Splitter>
+          </SplitterGroup>
        </SplitterPanel>

        <!-- Last panel: properties when left, sidebar when right -->
+        <SplitterResizeHandle
+          v-if="
+            !focusMode && (sidebarLocation === 'right' || showOffsideSplitter)
+          "
+          :class="
+            cn(
+              'splitter-resize-handle pointer-events-auto w-1',
+              sidebarLocation === 'right' && !sidebarPanelVisible && 'hidden'
+            )
+          "
+        />
        <SplitterPanel
          v-if="
            !focusMode && (sidebarLocation === 'right' || showOffsideSplitter)
          "
+          :order="3"
          :class="
            sidebarLocation === 'right'
              ? cn(
@@ -100,7 +128,7 @@
          :min-size="
            sidebarLocation === 'right' ? SIDEBAR_MIN_SIZE : BUILDER_MIN_SIZE
          "
-          :size="SIDE_PANEL_SIZE"
+          :default-size="SIDE_PANEL_SIZE"
          :style="lastPanelStyle"
          :role="sidebarLocation === 'right' ? 'complementary' : undefined"
          :aria-label="
@@ -113,7 +141,7 @@
            name="side-bar-panel"
          />
        </SplitterPanel>
-      </Splitter>
+      </SplitterGroup>
    </div>
  </div>
 </template>
@@ -121,9 +149,7 @@
 <script setup lang="ts">
 import { cn } from '@comfyorg/tailwind-utils'
 import { storeToRefs } from 'pinia'
-import Splitter from 'primevue/splitter'
-import type { SplitterResizeStartEvent } from 'primevue/splitter'
-import SplitterPanel from 'primevue/splitterpanel'
+import { SplitterGroup, SplitterPanel, SplitterResizeHandle } from 'reka-ui'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'

@@ -149,14 +175,10 @@ const sidebarLocation = computed<'left' | 'right'>(() =>
  settingStore.get('Comfy.Sidebar.Location')
 )

-const unifiedWidth = computed(() =>
-  settingStore.get('Comfy.Sidebar.UnifiedWidth')
-)
-
 const { focusMode } = storeToRefs(workspaceStore)

 const { isSelectMode, isBuilderMode } = useAppMode()
-const { activeSidebarTabId, activeSidebarTab } = storeToRefs(sidebarTabStore)
+const { activeSidebarTab } = storeToRefs(sidebarTabStore)
 const { bottomPanelVisible } = storeToRefs(useBottomPanelStore())
 const { isOpen: rightSidePanelVisible } = storeToRefs(rightSidePanelStore)
 const showOffsideSplitter = computed(
@@ -167,20 +189,6 @@ const sidebarPanelVisible = computed(
  () => activeSidebarTab.value !== null && !isBuilderMode.value
 )

-const sidebarStateKey = computed(() => {
-  return unifiedWidth.value
-    ? 'unified-sidebar'
-    : // When no tab is active, use a default key to maintain state
-      (activeSidebarTabId.value ?? 'default-sidebar')
-})
-
-/**
- * Avoid triggering default behaviors during drag-and-drop, such as text selection.
- */
-function onResizestart({ originalEvent: event }: SplitterResizeStartEvent) {
-  event.preventDefault()
-}
-
 /*
 * Force refresh the splitter when right panel visibility or sidebar location changes
 * to recalculate the width and panel order
@@ -205,23 +213,9 @@ const lastPanelStyle = computed(() => {
 </script>

 <style scoped>
-:deep(.p-splitter-gutter) {
-  pointer-events: auto;
-}
-
-:deep(.p-splitter-gutter:hover),
-:deep(.p-splitter-gutter[data-p-gutter-resizing='true']) {
+.splitter-resize-handle[data-state='hover'],
+.splitter-resize-handle[data-state='drag'] {
  transition: background-color 0.2s ease 300ms;
  background-color: var(--p-primary-color);
 }
-
-/* Hide sidebar gutter when sidebar is not visible */
-:deep(.side-bar-panel[style*='display: none'] + .p-splitter-gutter),
-:deep(.p-splitter-gutter + .side-bar-panel[style*='display: none']) {
-  display: none;
-}
-
-.splitter-overlay-bottom :deep(.p-splitter-gutter) {
-  transform: translateY(5px);
-}
 </style>
--- a/src/composables/useStablePrimeVueSplitterSizer.test.ts
+++ b/src/composables/useStablePrimeVueSplitterSizer.test.ts
@@ -1,133 +0,0 @@
-import type { SplitterResizeEndEvent } from 'primevue/splitter'
-
-import { nextTick, ref } from 'vue'
-import { describe, expect, it, vi } from 'vitest'
-
-import { useStablePrimeVueSplitterSizer } from './useStablePrimeVueSplitterSizer'
-
-vi.mock('@vueuse/core', async (importOriginal) => {
-  const actual = await importOriginal()
-  return {
-    ...(actual as object),
-    useStorage: <T>(_key: string, defaultValue: T) => ref(defaultValue)
-  }
-})
-
-function createPanel(width: number) {
-  const el = document.createElement('div')
-  Object.defineProperty(el, 'offsetWidth', { value: width })
-  return ref(el)
-}
-
-function resizeEndEvent(): SplitterResizeEndEvent {
-  return { originalEvent: new Event('mouseup'), sizes: [] }
-}
-
-async function flushWatcher() {
-  await nextTick()
-  await nextTick()
-}
-
-describe('useStablePrimeVueSplitterSizer', () => {
-  it('captures pixel widths on resize end and applies on trigger', async () => {
-    const panelRef = createPanel(400)
-    const trigger = ref(0)
-
-    const { onResizeEnd } = useStablePrimeVueSplitterSizer(
-      [{ ref: panelRef, storageKey: 'test-capture' }],
-      [trigger]
-    )
-    await flushWatcher()
-
-    onResizeEnd(resizeEndEvent())
-
-    trigger.value++
-    await flushWatcher()
-
-    expect(panelRef.value!.style.flexBasis).toBe('400px')
-    expect(panelRef.value!.style.flexGrow).toBe('0')
-    expect(panelRef.value!.style.flexShrink).toBe('0')
-  })
-
-  it('does not apply styles when no stored width exists', async () => {
-    const panelRef = createPanel(300)
-    const trigger = ref(0)
-
-    useStablePrimeVueSplitterSizer(
-      [{ ref: panelRef, storageKey: 'test-no-stored' }],
-      [trigger]
-    )
-    await flushWatcher()
-
-    expect(panelRef.value!.style.flexBasis).toBe('')
-  })
-
-  it('re-applies stored widths when watch sources change', async () => {
-    const panelRef = createPanel(500)
-    const trigger = ref(0)
-
-    const { onResizeEnd } = useStablePrimeVueSplitterSizer(
-      [{ ref: panelRef, storageKey: 'test-reapply' }],
-      [trigger]
-    )
-    await flushWatcher()
-
-    onResizeEnd(resizeEndEvent())
-
-    panelRef.value!.style.flexBasis = ''
-    panelRef.value!.style.flexGrow = ''
-    panelRef.value!.style.flexShrink = ''
-
-    trigger.value++
-    await flushWatcher()
-
-    expect(panelRef.value!.style.flexBasis).toBe('500px')
-    expect(panelRef.value!.style.flexGrow).toBe('0')
-    expect(panelRef.value!.style.flexShrink).toBe('0')
-  })
-
-  it('handles multiple panels independently', async () => {
-    const leftRef = createPanel(300)
-    const rightRef = createPanel(250)
-    const trigger = ref(0)
-
-    const { onResizeEnd } = useStablePrimeVueSplitterSizer(
-      [
-        { ref: leftRef, storageKey: 'test-multi-left' },
-        { ref: rightRef, storageKey: 'test-multi-right' }
-      ],
-      [trigger]
-    )
-    await flushWatcher()
-
-    onResizeEnd(resizeEndEvent())
-
-    trigger.value++
-    await flushWatcher()
-
-    expect(leftRef.value!.style.flexBasis).toBe('300px')
-    expect(rightRef.value!.style.flexBasis).toBe('250px')
-  })
-
-  it('skips panels with null refs', async () => {
-    const nullRef = ref(null)
-    const validRef = createPanel(200)
-    const trigger = ref(0)
-
-    const { onResizeEnd } = useStablePrimeVueSplitterSizer(
-      [
-        { ref: nullRef, storageKey: 'test-null' },
-        { ref: validRef, storageKey: 'test-valid' }
-      ],
-      [trigger]
-    )
-    await flushWatcher()
-
-    onResizeEnd(resizeEndEvent())
-
-    trigger.value++
-    await flushWatcher()
-
-    expect(validRef.value!.style.flexBasis).toBe('200px')
-  })
-})
--- a/src/composables/useStablePrimeVueSplitterSizer.ts
+++ b/src/composables/useStablePrimeVueSplitterSizer.ts
@@ -1,64 +0,0 @@
-import type { SplitterResizeEndEvent } from 'primevue/splitter'
-import type { WatchSource } from 'vue'
-
-import { unrefElement, useStorage } from '@vueuse/core'
-import type { MaybeComputedElementRef } from '@vueuse/core'
-import { nextTick, watch } from 'vue'
-
-interface PanelConfig {
-  ref: MaybeComputedElementRef
-  storageKey: string
-}
-
-/**
- * Works around PrimeVue Splitter not properly initializing flexBasis
- * when panels are conditionally rendered. Captures pixel widths on
- * resize end and re-applies them as rigid flex values (flex: 0 0 Xpx)
- * when watched sources change (e.g. tab switch, panel toggle).
- *
- * @param panels - array of panel configs with template ref and storage key
- * @param watchSources - reactive sources that trigger re-application
- */
-export function useStablePrimeVueSplitterSizer(
-  panels: PanelConfig[],
-  watchSources: WatchSource[]
-) {
-  const storedWidths = panels.map((panel) => ({
-    ref: panel.ref,
-    width: useStorage<number | null>(panel.storageKey, null)
-  }))
-
-  function resolveElement(
-    ref: MaybeComputedElementRef
-  ): HTMLElement | undefined {
-    return unrefElement(ref) as HTMLElement | undefined
-  }
-
-  function applyStoredWidths() {
-    for (const { ref, width } of storedWidths) {
-      const el = resolveElement(ref)
-      if (!el || width.value === null) continue
-      el.style.flexBasis = `${width.value}px`
-      el.style.flexGrow = '0'
-      el.style.flexShrink = '0'
-    }
-  }
-
-  function onResizeEnd(_event: SplitterResizeEndEvent) {
-    for (const { ref, width } of storedWidths) {
-      const el = resolveElement(ref)
-      if (el) width.value = el.offsetWidth
-    }
-  }
-
-  watch(
-    watchSources,
-    async () => {
-      await nextTick()
-      applyStoredWidths()
-    },
-    { immediate: true }
-  )
-
-  return { onResizeEnd }
-}
--- a/src/constants/splitterConstants.ts
+++ b/src/constants/splitterConstants.ts
@@ -2,7 +2,7 @@
 export const SIDE_PANEL_SIZE = 20

 /** Default panel size (%) for the center/main panel */
-export const CENTER_PANEL_SIZE = 80
+export const CENTER_PANEL_SIZE = 60

 /** Minimum panel size (%) for the sidebar */
 export const SIDEBAR_MIN_SIZE = 10
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import { breakpointsTailwind, unrefElement, useBreakpoints } from '@vueuse/core'
-import type { MaybeElement } from '@vueuse/core'
-import Splitter from 'primevue/splitter'
-import SplitterPanel from 'primevue/splitterpanel'
 import { storeToRefs } from 'pinia'
+import { SplitterGroup, SplitterPanel, SplitterResizeHandle } from 'reka-ui'
 import { computed, useTemplateRef } from 'vue'

 import AppBuilder from '@/components/builder/AppBuilder.vue'
@@ -20,7 +18,6 @@ import LinearProgressBar from '@/renderer/extensions/linearMode/LinearProgressBa
 import MobileDisplay from '@/renderer/extensions/linearMode/MobileDisplay.vue'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { useAppMode } from '@/composables/useAppMode'
-import { useStablePrimeVueSplitterSizer } from '@/composables/useStablePrimeVueSplitterSizer'
 import {
  BUILDER_MIN_SIZE,
  CENTER_PANEL_SIZE,
@@ -66,25 +63,14 @@ function sidePanelMinSize(isBuilder: boolean, isHidden: boolean) {
  return SIDEBAR_MIN_SIZE
 }

-// Remount splitter when panel structure changes so initializePanels()
-// properly sets flexBasis for the current set of panels.
+// Remount splitter when panel structure changes so layout
+// properly recalculates for the current set of panels.
 const splitterKey = computed(() => {
  const left = hasLeftPanel.value ? 'L' : ''
  const right = hasRightPanel.value ? 'R' : ''
  return isArrangeMode.value ? 'arrange' : `app-${left}${right}`
 })

-const leftPanelRef = useTemplateRef<MaybeElement>('leftPanel')
-const rightPanelRef = useTemplateRef<MaybeElement>('rightPanel')
-
-const { onResizeEnd } = useStablePrimeVueSplitterSizer(
-  [
-    { ref: leftPanelRef, storageKey: 'Comfy.LinearView.LeftPanelWidth' },
-    { ref: rightPanelRef, storageKey: 'Comfy.LinearView.RightPanelWidth' }
-  ],
-  [activeTab, splitterKey]
-)
-
 const TYPEFORM_WIDGET_ID = 'jmmzmlKw'

 const bottomLeftRef = useTemplateRef('bottomLeftRef')
@@ -103,16 +89,16 @@ const linearWorkflowRef = useTemplateRef('linearWorkflowRef')
        <TopbarSubscribeButton />
      </div>
    </div>
-    <Splitter
+    <SplitterGroup
      :key="splitterKey"
-      class="bg-comfy-menu-secondary-bg h-[calc(100%-var(--workflow-tabs-height))] w-full border-none"
-      @resizestart="$event.originalEvent.preventDefault()"
-      @resizeend="onResizeEnd"
+      direction="horizontal"
+      :auto-save-id="`linear-view-${sidebarOnLeft ? 'left' : 'right'}-${splitterKey}`"
+      class="bg-comfy-menu-secondary-bg h-[calc(100%-var(--workflow-tabs-height))] w-full"
    >
      <SplitterPanel
        v-if="hasLeftPanel"
-        ref="leftPanel"
-        :size="SIDE_PANEL_SIZE"
+        :order="1"
+        :default-size="SIDE_PANEL_SIZE"
        :min-size="
          sidePanelMinSize(showLeftBuilder, showRightBuilder && !activeTab)
        "
@@ -139,9 +125,19 @@ const linearWorkflowRef = useTemplateRef('linearWorkflowRef')
          :toast-to="unrefElement(bottomLeftRef) ?? undefined"
        />
      </SplitterPanel>
+      <SplitterResizeHandle
+        v-if="hasLeftPanel"
+        :class="
+          cn(
+            'splitter-resize-handle w-1',
+            showRightBuilder && !activeTab && 'hidden'
+          )
+        "
+      />
      <SplitterPanel
        id="linearCenterPanel"
-        :size="CENTER_PANEL_SIZE"
+        :order="2"
+        :default-size="CENTER_PANEL_SIZE"
        class="relative flex min-w-[20vw] flex-col gap-4 text-muted-foreground outline-none"
      >
        <LinearProgressBar
@@ -157,10 +153,19 @@ const linearWorkflowRef = useTemplateRef('linearWorkflowRef')
        <div ref="bottomLeftRef" class="absolute bottom-7 left-4 z-20" />
        <div ref="bottomRightRef" class="absolute right-4 bottom-7 z-20" />
      </SplitterPanel>
+      <SplitterResizeHandle
+        v-if="hasRightPanel"
+        :class="
+          cn(
+            'splitter-resize-handle w-1',
+            showLeftBuilder && !activeTab && 'hidden'
+          )
+        "
+      />
      <SplitterPanel
        v-if="hasRightPanel"
-        ref="rightPanel"
-        :size="SIDE_PANEL_SIZE"
+        :order="3"
+        :default-size="SIDE_PANEL_SIZE"
        :min-size="
          sidePanelMinSize(showRightBuilder, showLeftBuilder && !activeTab)
        "
@@ -185,24 +190,20 @@ const linearWorkflowRef = useTemplateRef('linearWorkflowRef')
          <ExtensionSlot :extension="activeTab" />
        </div>
      </SplitterPanel>
-    </Splitter>
+    </SplitterGroup>
  </div>
 </template>

 <style scoped>
-:deep(.p-splitter-gutter) {
-  pointer-events: auto;
-}
-
-:deep(.p-splitter-gutter:hover),
-:deep(.p-splitter-gutter[data-p-gutter-resizing='true']) {
+.splitter-resize-handle[data-state='hover'],
+.splitter-resize-handle[data-state='drag'] {
  transition: background-color 0.2s ease 300ms;
  background-color: var(--p-primary-color);
 }

-/* Hide gutter next to hidden arrange panels */
-:deep(.arrange-panel[style*='display: none'] + .p-splitter-gutter),
-:deep(.p-splitter-gutter + .arrange-panel[style*='display: none']) {
+/* Hide handle next to hidden arrange panels */
+:deep(.arrange-panel[style*='display: none'] + .splitter-resize-handle),
+:deep(.splitter-resize-handle + .arrange-panel[style*='display: none']) {
  display: none;
 }
 </style>