diff --git a/ui/src/pages/Pivot.jsx b/ui/src/pages/Pivot.jsx
index ad61ae8..b282e6c 100644
--- a/ui/src/pages/Pivot.jsx
+++ b/ui/src/pages/Pivot.jsx
@@ -290,13 +290,21 @@ export default function Pivot({ source }) {
         {/* expand_depth test buttons */}
         <div className="ml-auto flex items-center gap-1">
           <span className="text-xs text-gray-300">expand test:</span>
+          <button onClick={async () => {
+            const v = viewerRef.current; if (!v) return
+            const view = await v.getView()
+            const viewMethods = Object.getOwnPropertyNames(Object.getPrototypeOf(view))
+            console.log('view methods:', viewMethods)
+          }} className="text-xs border border-gray-200 rounded px-1.5 py-0.5 text-gray-500 hover:border-gray-400">
+            log
+          </button>
           {[0, 1, 2, 3].map(d => (
             <button key={d} onClick={async () => {
               const v = viewerRef.current; if (!v) return
-              const cfg = await v.save()
-              const next = { ...cfg, plugin_config: { ...cfg.plugin_config, expand_depth: d } }
-              console.log('trying plugin_config expand_depth:', d, next)
-              await v.restore(next)
+              const view = await v.getView()
+              await view.set_depth(d)
+              const p = await v.getPlugin()
+              await p.draw(view)
             }} className="text-xs border border-gray-200 rounded px-1.5 py-0.5 text-gray-500 hover:border-gray-400">
               {d}
             </button>