diff --git a/backend/src/controllers/couchdb.controller.js b/backend/src/controllers/couchdb.controller.js
index ac75807..e913ee3 100644
--- a/backend/src/controllers/couchdb.controller.js
+++ b/backend/src/controllers/couchdb.controller.js
@@ -1,8 +1,8 @@
 const axios = require("axios");
-const COUCHDB_BASE_URL =
-  process.env.COUCHDB_BASE_URL ||
-  "https://cors.redoc.ly/https://neurojson.io:7777";
-
+// const COUCHDB_BASE_URL =
+//   process.env.COUCHDB_BASE_URL ||
+//   "https://cors.redoc.ly/https://neurojson.io:7777";
+const COUCHDB_BASE_URL = "https://neurojson.io:7777";
 // get all dbs list (registry)
 const getDbList = async (req, res) => {
   try {
diff --git a/backend/src/routes/dbs.routes.js b/backend/src/routes/dbs.routes.js
index d11f970..c8a57fa 100644
--- a/backend/src/routes/dbs.routes.js
+++ b/backend/src/routes/dbs.routes.js
@@ -16,7 +16,7 @@ router.get("/", getDbList);
 router.get("/stats", getDbStats);
 
 // cross-database search
-router.get("/search", searchAllDatabases);
+router.post("/search", searchAllDatabases);
 
 // Specific database routes
 router.get("/:dbName", getDbInfo);
diff --git a/src/components/User/Dashboard/DatasetOrganizer/utils/plannerHelpers.ts b/src/components/User/Dashboard/DatasetOrganizer/utils/plannerHelpers.ts
index 5b203e8..820c61f 100644
--- a/src/components/User/Dashboard/DatasetOrganizer/utils/plannerHelpers.ts
+++ b/src/components/User/Dashboard/DatasetOrganizer/utils/plannerHelpers.ts
@@ -858,7 +858,14 @@ export const buildBidsPlan = async (
   }
 
   // Preserve raw YAML string for saving
-  const planYamlStr = raw.startsWith("```") ? planYaml._raw ?? raw : raw;
+  //   const planYamlStr = raw.startsWith("```") ? planYaml._raw ?? raw : raw;
+  // Preserve raw YAML string for saving — strip markdown fences if present (mirrors planner.py Step 3)
+  let planYamlStr = raw.trim();
+  if (planYamlStr.startsWith("```yaml")) planYamlStr = planYamlStr.slice(7);
+  else if (planYamlStr.startsWith("```"))
+    planYamlStr = planYamlStr.split("\n").slice(1).join("\n");
+  if (planYamlStr.endsWith("```")) planYamlStr = planYamlStr.slice(0, -3);
+  planYamlStr = planYamlStr.trim();
 
   log("✓ BIDSPlan complete");
   return {
diff --git a/src/pages/UpdatedDatasetDetailPage.tsx b/src/pages/UpdatedDatasetDetailPage.tsx
index 52f87ca..f94a751 100644
--- a/src/pages/UpdatedDatasetDetailPage.tsx
+++ b/src/pages/UpdatedDatasetDetailPage.tsx
@@ -68,6 +68,7 @@ import {
   fetchDbInfoByDatasetId,
 } from "redux/neurojson/neurojson.action";
 import { NeurojsonSelector } from "redux/neurojson/neurojson.selector";
+import { resetDocument } from "redux/neurojson/neurojson.slice";
 // import { NeurojsonService } from "services/neurojson.service";
 import RoutesEnum from "types/routes.enum";
 
@@ -262,7 +263,7 @@ const UpdatedDatasetDetailPage: React.FC = () => {
   const [searchParams, setSearchParams] = useSearchParams();
   const focus = searchParams.get("focus") || undefined; // get highlight from url
   const rev = searchParams.get("rev") || undefined; // get revision from url
-
+  const [chart2DPreviewPath, setChart2DPreviewPath] = useState<string>("");
   const [externalLinks, setExternalLinks] = useState<ExternalDataLink[]>([]);
   const [internalLinks, setInternalLinks] = useState<InternalDataLink[]>([]);
   const [isInternalExpanded, setIsInternalExpanded] = useState(true);
@@ -284,6 +285,14 @@ const UpdatedDatasetDetailPage: React.FC = () => {
     ? rawSummary
     : Object.values(rawSummary).filter(Boolean).join("\n\n");
   const readme = datasetDocument?.["README"] ?? "";
+
+  useEffect(() => {
+    window.__clear2DPath = () => setChart2DPreviewPath("");
+    return () => {
+      delete window.__clear2DPath;
+    };
+  }, []);
+
   const handleSelectRevision = (newRev?: string | null) => {
     setSearchParams((prev) => {
       const p = new URLSearchParams(prev); // copy of the query url
@@ -335,7 +344,7 @@ const UpdatedDatasetDetailPage: React.FC = () => {
               : "Unknown Size";
 
             const parts = currentPath.split("/");
-            const subpath = parts.slice(-3).join("/");
+            const subpath = parts.slice(-6).join("/");
             const label = parentKey || "ExternalData";
 
             links.push({
@@ -478,6 +487,12 @@ const UpdatedDatasetDetailPage: React.FC = () => {
     };
   }, []);
 
+  // clean old dataset detail and metadata panel(include rev)
+  useEffect(() => {
+    dispatch(resetDocument()); // clear redux state
+    setRevsList([]); // clear local state
+  }, [dbName, docId, dispatch]);
+
   useEffect(() => {
     if (!dbName || !docId) return;
 
@@ -493,10 +508,10 @@ const UpdatedDatasetDetailPage: React.FC = () => {
     const fromDoc = Array.isArray(datasetDocument?._revs_info)
       ? (datasetDocument._revs_info as { rev: string }[])
       : [];
-    if (fromDoc.length && revsList.length === 0) {
-      setRevsList(fromDoc);
+    if (fromDoc.length > 0) {
+      setRevsList(fromDoc); // only update when we have revisions
     }
-  }, [datasetDocument, revsList.length]);
+  }, [datasetDocument]);
 
   useEffect(() => {
     if (datasetDocument) {
@@ -625,7 +640,9 @@ const UpdatedDatasetDetailPage: React.FC = () => {
   const handlePreview = (
     dataOrUrl: string | any,
     idx: number,
-    isInternal: boolean = false
+    isInternal: boolean = false,
+    previewPath: string = "",
+    displayNumber?: number
   ) => {
     // console.log(
     //   "🟢 Preview button clicked for:",
@@ -635,6 +652,9 @@ const UpdatedDatasetDetailPage: React.FC = () => {
     //   "Is Internal:",
     //   isInternal
     // );
+    setChart2DPreviewPath(
+      displayNumber ? `[${displayNumber}] ${previewPath}` : previewPath
+    );
 
     // Clear any stale preview type from last run
     delete (window as any).__previewType;
@@ -783,14 +803,14 @@ const UpdatedDatasetDetailPage: React.FC = () => {
     // Try internal data first
     const internal = internalMap.get(previewPath);
     if (internal) {
-      handlePreview(internal.data, internal.index, true);
+      handlePreview(internal.data, internal.index, true, previewPath);
       return;
     }
 
     // Then try external data by JSON path
     const external = linkMap.get(previewPath);
     if (external) {
-      handlePreview(external.url, external.index, false);
+      handlePreview(external.url, external.index, false, previewPath);
     }
   }, [
     datasetDocument,
@@ -1324,7 +1344,12 @@ const UpdatedDatasetDetailPage: React.FC = () => {
                               },
                             }}
                             onClick={() =>
-                              handlePreview(link.data, link.index, true)
+                              handlePreview(
+                                link.data,
+                                link.index,
+                                true,
+                                link.path
+                              )
                             }
                           >
                             Preview
@@ -1463,7 +1488,7 @@ const UpdatedDatasetDetailPage: React.FC = () => {
                           }}
                           title={link.name}
                         >
-                          {link.name}
+                          {index + 1}. {link.name}
                         </Typography>
                         <Box sx={{ display: "flex", flexShrink: 0, gap: 1 }}>
                           <Button
@@ -1500,7 +1525,13 @@ const UpdatedDatasetDetailPage: React.FC = () => {
                                 },
                               }}
                               onClick={() =>
-                                handlePreview(link.url, link.index, false)
+                                handlePreview(
+                                  link.url,
+                                  link.index,
+                                  false,
+                                  link.path,
+                                  index + 1
+                                )
                               }
                             >
                               Preview
@@ -1563,12 +1594,24 @@ const UpdatedDatasetDetailPage: React.FC = () => {
           </Box>
         </Box>
 
+        {chart2DPreviewPath && (
+          <Typography
+            sx={{
+              mt: 2,
+              mb: 0.5,
+              fontSize: "0.85rem",
+              color: Colors.lightBlue,
+            }}
+          >
+            Previewing: {chart2DPreviewPath}
+          </Typography>
+        )}
         <div
           id="chartpanel"
           style={{
             display: "none",
             marginTop: "16px",
-            background: Colors.darkGray,
+            background: Colors.lightGray,
             color: Colors.black,
             padding: "12px",
             borderRadius: "8px",
diff --git a/src/redux/neurojson/neurojson.action.ts b/src/redux/neurojson/neurojson.action.ts
index c050ad8..35cf6c1 100644
--- a/src/redux/neurojson/neurojson.action.ts
+++ b/src/redux/neurojson/neurojson.action.ts
@@ -45,7 +45,7 @@ export const loadPaginatedData = createAsyncThunk(
         return rejectWithValue("No more data to load.");
       }
 
-      response.rows = response.rows.map((row) => ({
+      response.rows = response.rows.map((row: any) => ({
         ...row,
         dbName,
       }));
diff --git a/src/redux/neurojson/neurojson.slice.ts b/src/redux/neurojson/neurojson.slice.ts
index fdcd2ce..90722c7 100644
--- a/src/redux/neurojson/neurojson.slice.ts
+++ b/src/redux/neurojson/neurojson.slice.ts
@@ -43,6 +43,10 @@ const neurojsonSlice = createSlice({
     setLoading: (state, action: PayloadAction<boolean>) => {
       state.loading = action.payload;
     },
+    resetDocument: (state) => {
+      state.selectedDocument = null;
+      state.datasetViewInfo = null;
+    },
   },
   extraReducers: (builder) => {
     builder
@@ -169,6 +173,6 @@ const neurojsonSlice = createSlice({
   },
 });
 
-export const { resetData, setLoading } = neurojsonSlice.actions;
+export const { resetData, setLoading, resetDocument } = neurojsonSlice.actions;
 
 export default neurojsonSlice.reducer;
diff --git a/src/services/instance.ts b/src/services/instance.ts
index bd02b1a..13ebec2 100644
--- a/src/services/instance.ts
+++ b/src/services/instance.ts
@@ -1,18 +1,19 @@
 import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
 
-// export const baseURL =
-// 	process.env.REACT_APP_BACK_URL ??
-// 	"https://cors.redoc.ly/https://neurojson.io:7777";
+// ==========not mapping neurojson.org and CouchDB requests to backend api yet==============
+// const needsCorsProxy =
+//   process.env.REACT_APP_USE_CORS === "true" ||
+//   process.env.NODE_ENV === "development";
 
-const needsCorsProxy =
-  process.env.REACT_APP_USE_CORS === "true" ||
-  process.env.NODE_ENV === "development";
+// const backendURL = "https://neurojson.io:7777";
 
-const backendURL = "https://neurojson.io:7777";
+// export const baseURL = needsCorsProxy
+//   ? `https://cors.redoc.ly/${backendURL}`
+//   : backendURL;
+//==========================================================================================
 
-export const baseURL = needsCorsProxy
-  ? `https://cors.redoc.ly/${backendURL}`
-  : backendURL;
+export const baseURL =
+  process.env.REACT_APP_API_URL || "http://localhost:5000/api/v1";
 
 export const api: AxiosInstance = axios.create({
   baseURL,
diff --git a/src/services/neurojson.service.ts b/src/services/neurojson.service.ts
index fe6859d..008e960 100644
--- a/src/services/neurojson.service.ts
+++ b/src/services/neurojson.service.ts
@@ -8,125 +8,166 @@ import { IApiResponse } from "types/responses/apiResponse.interface";
 import { Registry } from "types/responses/registry.interface";
 
 export const NeurojsonService = {
-  getRegistry: async (): Promise<Registry> => {
-    const response = await api.get<Registry>(`${baseURL}/sys/registry`);
+  // getRegistry: async (): Promise<Registry> => {
+  //   const response = await api.get<Registry>(`${baseURL}/sys/registry`);
 
+  //   return response.data;
+  // },
+  // GET /api/v1/dbs/  → getDbList
+  getRegistry: async () => {
+    const response = await api.get(`/dbs`);
     return response.data;
   },
-  getDbInfo: async (dbName: string): Promise<DBParticulars> => {
-    const response = await api.get(`${baseURL}/${dbName}`);
+
+  // getDbInfo: async (dbName: string): Promise<DBParticulars> => {
+  //   const response = await api.get(`${baseURL}/${dbName}`);
+  //   return response.data;
+  // },
+  // GET /api/v1/dbs/:dbName  → getDbInfo
+  getDbInfo: async (dbName: string) => {
+    const response = await api.get(`/dbs/${dbName}`);
     return response.data;
   },
-  getPaginatedData: async (
-    dbName: string,
-    offset: number,
-    limit: number
-  ): Promise<DBDatafields> => {
-    const response = await api.get(
-      `${baseURL}/${dbName}/_design/qq/_view/dbinfo?limit=${limit}&skip=${offset}`
-    );
 
+  // getPaginatedData: async (
+  //   dbName: string,
+  //   offset: number,
+  //   limit: number
+  // ): Promise<DBDatafields> => {
+  //   const response = await api.get(
+  //     `${baseURL}/${dbName}/_design/qq/_view/dbinfo?limit=${limit}&skip=${offset}`
+  //   );
+
+  //   return response.data;
+  // },
+  // GET /api/v1/dbs/:dbName/datasets?offset=0&limit=10  → getDbDatasets
+  getPaginatedData: async (dbName: string, offset: number, limit: number) => {
+    const response = await api.get(`/dbs/${dbName}/datasets`, {
+      params: { offset, limit },
+    });
     return response.data;
   },
-  getDocumentById: async (
-    dbName: string,
-    documentId: string,
-    rev?: string
-  ): Promise<any> => {
-    try {
-      const url = `${baseURL}/${dbName}/${documentId}`;
-      // const response = await api.get(
-      //   `${baseURL}/${dbName}/${documentId}?revs_info=true`
-      // );
-      const response = await api.get(url, {
-        params: {
-          revs_info: true,
-          ...(rev ? { rev } : {}), // add ?rev=... only when provided
-        },
-      });
-      return response.data;
-    } catch (error) {
-      console.error(
-        `Error fetching document with ID ${documentId} from ${dbName}:`,
-        error
-      );
-      throw error;
-    }
+
+  // getDocumentById: async (
+  //   dbName: string,
+  //   documentId: string,
+  //   rev?: string
+  // ): Promise<any> => {
+  //   try {
+  //     const url = `${baseURL}/${dbName}/${documentId}`;
+  //     const response = await api.get(url, {
+  //       params: {
+  //         revs_info: true,
+  //         ...(rev ? { rev } : {}), // add ?rev=... only when provided
+  //       },
+  //     });
+  //     return response.data;
+  //   } catch (error) {
+  //     console.error(
+  //       `Error fetching document with ID ${documentId} from ${dbName}:`,
+  //       error
+  //     );
+  //     throw error;
+  //   }
+  // },
+  // GET /api/v1/datasets/:dbName/:datasetId  → getDatasetDetail
+  getDocumentById: async (dbName: string, documentId: string, rev?: string) => {
+    const response = await api.get(`/datasets/${dbName}/${documentId}`, {
+      params: { revs_info: true, ...(rev ? { rev } : {}) },
+    });
+    return response.data;
   },
-  getDbStats: async (): Promise<any> => {
-    const response = await axios.get(
-      "https://cors.redoc.ly/https://neurojson.org/io/search.cgi?dbstats=1"
-    );
+
+  // getDbStats: async (): Promise<any> => {
+  //   const response = await axios.get(
+  //     "https://cors.redoc.ly/https://neurojson.org/io/search.cgi?dbstats=1"
+  //   );
+  //   return response.data;
+  // },
+  // GET /api/v1/dbs/stats  → getDbStats
+  getDbStats: async () => {
+    const response = await api.get(`/dbs/stats`);
     return response.data;
   },
-  getMetadataSearchResults: async (formData: any): Promise<any> => {
-    const map: Record<string, string> = {
-      keyword: "keyword",
-      age_min: "agemin",
-      age_max: "agemax",
-      task_min: "taskmin",
-      task_max: "taskmax",
-      run_min: "runmin",
-      run_max: "runmax",
-      sess_min: "sessmin",
-      sess_max: "sessmax",
-      modality: "modality",
-      run_name: "run",
-      type_name: "type",
-      session_name: "session",
-      task_name: "task",
-      limit: "limit",
-      skip: "skip",
-      count: "count",
-      unique: "unique",
-      gender: "gender",
-      database: "dbname",
-      dataset: "dsname",
-      subject: "subname",
-    };
 
-    const params = new URLSearchParams();
-    params.append("_get", "dbname, dsname, json");
-    Object.keys(formData).forEach((key) => {
-      let val = formData[key];
-      if (val === "" || val === "any" || val === undefined || val === null)
-        return;
+  // getMetadataSearchResults: async (formData: any): Promise<any> => {
+  //   const map: Record<string, string> = {
+  //     keyword: "keyword",
+  //     age_min: "agemin",
+  //     age_max: "agemax",
+  //     task_min: "taskmin",
+  //     task_max: "taskmax",
+  //     run_min: "runmin",
+  //     run_max: "runmax",
+  //     sess_min: "sessmin",
+  //     sess_max: "sessmax",
+  //     modality: "modality",
+  //     run_name: "run",
+  //     type_name: "type",
+  //     session_name: "session",
+  //     task_name: "task",
+  //     limit: "limit",
+  //     skip: "skip",
+  //     count: "count",
+  //     unique: "unique",
+  //     gender: "gender",
+  //     database: "dbname",
+  //     dataset: "dsname",
+  //     subject: "subname",
+  //   };
 
-      const queryKey = map[key];
-      if (!queryKey) return;
+  //   const params = new URLSearchParams();
+  //   params.append("_get", "dbname, dsname, json");
+  //   Object.keys(formData).forEach((key) => {
+  //     let val = formData[key];
+  //     if (val === "" || val === "any" || val === undefined || val === null)
+  //       return;
 
-      if (key.startsWith("age")) {
-        params.append(queryKey, String(Math.floor(val * 100)).padStart(5, "0"));
-      } else if (key === "gender") {
-        params.append(queryKey, val[0]);
-      } else if (key === "modality") {
-        params.append(queryKey, val.replace(/.*\(/, "").replace(/\).*/, ""));
-      } else {
-        params.append(queryKey, val.toString());
-      }
-    });
+  //     const queryKey = map[key];
+  //     if (!queryKey) return;
+
+  //     if (key.startsWith("age")) {
+  //       params.append(queryKey, String(Math.floor(val * 100)).padStart(5, "0"));
+  //     } else if (key === "gender") {
+  //       params.append(queryKey, val[0]);
+  //     } else if (key === "modality") {
+  //       params.append(queryKey, val.replace(/.*\(/, "").replace(/\).*/, ""));
+  //     } else {
+  //       params.append(queryKey, val.toString());
+  //     }
+  //   });
 
-    const queryString = `?${params.toString()}`;
-    const response = await axios.get(
-      `https://cors.redoc.ly/https://neurojson.org/io/search.cgi${queryString}`
-    );
+  //   const queryString = `?${params.toString()}`;
+  //   const response = await axios.get(
+  //     `https://cors.redoc.ly/https://neurojson.org/io/search.cgi${queryString}`
+  //   );
 
+  //   return response.data;
+  // },
+  // GET /api/v1/dbs/search  → searchAllDatabases
+  getMetadataSearchResults: async (formData: any) => {
+    const response = await api.post(`/dbs/search`, formData);
     return response.data;
   },
 
-  getDbInfoByDatasetId: async (dbName: string, dsId: string): Promise<any> => {
-    const response = await api.get(
-      `${baseURL}/${dbName}/_design/qq/_view/dbinfo`,
-      {
-        params: {
-          // CouchDB expects a JSON value; this produces %22ds000001%22
-          key: JSON.stringify(dsId),
-          // include_docs is optional; keep it if your view needs the full doc
-          include_docs: true,
-          // reduce: false, // uncomment if your view has a reduce function
-        },
-      }
-    );
+  // getDbInfoByDatasetId: async (dbName: string, dsId: string): Promise<any> => {
+  //   const response = await api.get(
+  //     `${baseURL}/${dbName}/_design/qq/_view/dbinfo`,
+  //     {
+  //       params: {
+  //         // CouchDB expects a JSON value; this produces %22ds000001%22
+  //         key: JSON.stringify(dsId),
+  //         // include_docs is optional; keep it if your view needs the full doc
+  //         include_docs: true,
+  //         // reduce: false, // uncomment if your view has a reduce function
+  //       },
+  //     }
+  //   );
+  //   return response.data;
+  // },
+  // GET /api/v1/datasets/:dbName/:datasetId/meta  → getDatasetMeta
+  getDbInfoByDatasetId: async (dbName: string, dsId: string) => {
+    const response = await api.get(`/datasets/${dbName}/${dsId}/meta`);
     return response.data;
   },
 };
diff --git a/src/utils/preview.js b/src/utils/preview.js
index 02f3908..7e4dd6d 100644
--- a/src/utils/preview.js
+++ b/src/utils/preview.js
@@ -381,12 +381,22 @@ function dopreview(key, idx, isinternal, hastime) {
     const opts = {
       // title: "Preview for " + (isinternal ? intdata[idx][3] : extdata[idx][3]),
       title:
-        "Preview for " +
-        (isinternal ? intdata[idx][3] : window.extdata[idx][3]),
+        // "Preview for " +
+        // (isinternal ? intdata[idx][3] : window.extdata[idx][3]),
+        "Data Preview",
       width: 1100,
       height: 400,
       series: [{}, {}],
-      axes: [{}, {}],
+      axes: [
+        {
+          label: "Sample", // ← x axis
+          labelSize: 20,
+        },
+        {
+          label: "a.u.", // ← y axis
+          labelSize: 20,
+        },
+      ],
       scales: {
         x: {
           time: false,
@@ -396,8 +406,24 @@ function dopreview(key, idx, isinternal, hastime) {
     $("#chartpanel").css("padding", "10px");
     $("#chartpanel").show();
     $("#chartpanel").html(
-      '<h4>Data preview</h4><a href="javascript:void(0)" class="closebtn" onclick="$(\'#chartpanel\').hide()" title="Close">&times;</a><div id="plotchart"></div>'
+      // '<h4>Data preview</h4><a href="javascript:void(0)" class="closebtn" style="color: black;" onclick="$(\'#chartpanel\').hide()" title="Close">&times;</a>' +
+      "<h4></h4>" +
+        '<a href="javascript:void(0)" class="closebtn" style="color: black;" ' +
+        "onclick=\"$('#chartpanel').hide(); window.__clear2DPath && window.__clear2DPath();\" " +
+        'title="Close">&times;</a>' +
+        '<div style="font-size:0.78rem; color:#555; margin:6px 0 4px 0; padding:6px 10px; background:#f0f0f0; border-radius:4px;">' +
+        "<b>Tips:</b> " +
+        "<b>Click</b> a item to toggle a signal &nbsp;|&nbsp;<br> " +
+        "<b>⌘+Click</b> (Mac) / <b>Ctrl+Click</b> (Windows) to isolate one signal &nbsp;|&nbsp; " +
+        "<b>Shift+Click</b> to add more signals to the selection &nbsp;|&nbsp; " +
+        "<b>Click and drag</b> on the plot to zoom into a region &nbsp;|&nbsp;" +
+        "<b>Double-click</b> to restore selected signals (Mac) &nbsp;|&nbsp; " +
+        "<b>Double-click</b> to restore all signals (Windows) &nbsp;|&nbsp; " +
+        "<b>⌘+Click</b> the same selected item to restore all signals (Mac)" +
+        "</div>" +
+        '<div id="plotchart"></div>'
     );
+
     if (dataroot instanceof nj.NdArray) {
       // console.log("dataroot", dataroot);
       if (dataroot.shape[0] > dataroot.shape[1])
@@ -445,6 +471,16 @@ function dopreview(key, idx, isinternal, hastime) {
         plotdata,
         document.getElementById("plotchart")
       );
+
+      // Reset all series on double-click (works on both Mac and Windows)
+      // uplotInstance.root.addEventListener("dblclick", (e) => {
+      //   e.preventDefault();
+      //   e.stopPropagation();
+      //   uplotInstance.series.forEach((s, i) => {
+      //     if (i === 0) return; // skip x-axis
+      //     uplotInstance.setSeries(i, { show: true });
+      //   });
+      // });
     } else {
       // let u = new uPlot(
       //   opts,
@@ -460,6 +496,15 @@ function dopreview(key, idx, isinternal, hastime) {
         [[...Array(dataroot.length).keys()], dataroot],
         document.getElementById("plotchart")
       );
+
+      // uplotInstance.root.addEventListener("dblclick", (e) => {
+      //   e.preventDefault();
+      //   e.stopPropagation();
+      //   uplotInstance.series.forEach((s, i) => {
+      //     if (i === 0) return;
+      //     uplotInstance.setSeries(i, { show: true });
+      //   });
+      // });
     }
 
     // for spinner