@basic-genomics/hivtrace-viz 1.2.1 → 1.2.3

package/dist/embed/index.html

@@ -312,10 +312,29 @@
 
     .hivtrace-pill-row {
       display: flex;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
       gap: 8px;
-      max-height: 120px;
-      overflow-y: auto;
+      overflow-x: auto;
+      padding: 4px 0 8px 0;
+    }
+
+    /* Horizontal scrollbar for pill row */
+    .hivtrace-pill-row::-webkit-scrollbar {
+      height: 6px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 3px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-thumb {
+      background: #c1c1c1;
+      border-radius: 3px;
+    }
+
+    .hivtrace-pill-row::-webkit-scrollbar-thumb:hover {
+      background: #a1a1a1;
     }
 
     /* 横向 Pill 样式 */
@@ -958,6 +977,30 @@
           }
         );
 
+        // 传递自定义上下文菜单项配置
+        var customContextMenuItems = options && options.customContextMenuItems;
+        if (customContextMenuItems && Array.isArray(customContextMenuItems) && customContextMenuItems.length > 0) {
+          user_graph.customContextMenuItems = customContextMenuItems;
+
+          // 设置菜单项点击回调，通过 postMessage 发送事件到宿主应用
+          user_graph.onCustomMenuItemClick = function (itemId, clusterInfo) {
+            window.parent.postMessage({
+              type: 'CUSTOM_MENU_CLICK',
+              itemId: itemId,
+              clusterInfo: {
+                cluster_id: clusterInfo.cluster_id,
+                node_count: clusterInfo.node_count,
+                cluster_size: clusterInfo.cluster_size,
+                position: { x: clusterInfo.x, y: clusterInfo.y },
+                state: { expanded: clusterInfo.expanded, fixed: clusterInfo.fixed },
+                node_ids: Array.isArray(clusterInfo.nodes)
+                  ? clusterInfo.nodes.slice(0, 100).map(function (n) { return n.id; }).filter(Boolean)
+                  : []
+              }
+            }, '*');
+          };
+        }
+
         if (user_graph.is_empty()) {
           HandleAppError(
             "This network contains no clusters and cannot be displayed"
@@ -1349,6 +1392,31 @@
         // 直接替换数据
         user_graph.json = newGraph;
 
+        // 更新自定义上下文菜单项（如果有变化）
+        var customContextMenuItems = options && options.customContextMenuItems;
+        if (customContextMenuItems && Array.isArray(customContextMenuItems) && customContextMenuItems.length > 0) {
+          user_graph.customContextMenuItems = customContextMenuItems;
+          // 确保回调已设置
+          if (!user_graph.onCustomMenuItemClick) {
+            user_graph.onCustomMenuItemClick = function (itemId, clusterInfo) {
+              window.parent.postMessage({
+                type: 'CUSTOM_MENU_CLICK',
+                itemId: itemId,
+                clusterInfo: {
+                  cluster_id: clusterInfo.cluster_id,
+                  node_count: clusterInfo.node_count,
+                  cluster_size: clusterInfo.cluster_size,
+                  position: { x: clusterInfo.x, y: clusterInfo.y },
+                  state: { expanded: clusterInfo.expanded, fixed: clusterInfo.fixed },
+                  node_ids: Array.isArray(clusterInfo.nodes)
+                    ? clusterInfo.nodes.slice(0, 100).map(function (n) { return n.id; }).filter(Boolean)
+                    : []
+                }
+              }, '*');
+            };
+          }
+        }
+
         // 执行必要的更新
         user_graph.update(false, 0.4);
 

package/dist/hivtrace.css

@@ -12003,6 +12003,12 @@ circle.cluster {
   margin-top: 5px;
 }
 
+/* Statistics tab - scrollable content area without affecting tabs */
+#trace-attributes {
+  overflow-y: auto;
+  height: calc(100vh - 120px);
+}
+
 /* Checkbox and label vertical alignment - only for hide_filter addon */
 input[data-hivtrace-ui-role="hide_filter"] {
   vertical-align: middle;