@perspective-dev/viewer 5.5.0 → 5.6.0

package/dist/wasm/perspective-viewer.wasm.d.ts

@@ -86,16 +86,19 @@ export const client_remove_hosted_tables_update: (a: number, b: number) => numbe
 export const client_system_info: (a: number) => number;
 export const client_table: (a: number, b: number, c: number) => number;
 export const client_terminate: (a: number, b: number) => void;
+export const genericsqlvirtualservermodel_expressionDescribe: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
+export const genericsqlvirtualservermodel_expressionsDescribe: (a: number, b: number, c: number, d: number, e: number) => void;
 export const genericsqlvirtualservermodel_getHostedTables: (a: number, b: number) => void;
 export const genericsqlvirtualservermodel_new: (a: number, b: number) => void;
+export const genericsqlvirtualservermodel_tableDescribe: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
 export const genericsqlvirtualservermodel_tableMakeView: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => void;
 export const genericsqlvirtualservermodel_tableSchema: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_tableSize: (a: number, b: number, c: number, d: number) => void;
-export const genericsqlvirtualservermodel_tableValidateExpression: (a: number, b: number, c: number, d: number, e: number, f: number) => void;
 export const genericsqlvirtualservermodel_viewColumnSize: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewDelete: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewGetData: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
 export const genericsqlvirtualservermodel_viewGetMinMax: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
+export const genericsqlvirtualservermodel_viewMakeTable: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number, i: number) => void;
 export const genericsqlvirtualservermodel_viewSchema: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewSize: (a: number, b: number, c: number, d: number) => void;
 export const proxysession_close: (a: number) => number;
@@ -105,6 +108,7 @@ export const table___getClassname: (a: number, b: number) => void;
 export const table_clear: (a: number) => number;
 export const table_columns: (a: number) => number;
 export const table_delete: (a: number, b: number) => number;
+export const table_describe: (a: number, b: number) => number;
 export const table_get_client: (a: number) => number;
 export const table_get_index: (a: number) => number;
 export const table_get_limit: (a: number) => number;
@@ -157,22 +161,22 @@ export const virtualdataslice_setIntegerCol: (a: number, b: number, c: number, d
 export const virtualdataslice_setStringCol: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
 export const virtualserver_handleRequest: (a: number, b: number, c: number) => number;
 export const virtualserver_new: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_18885: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_4479: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_19596: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_20506: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_25319: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_33477: (a: number, b: number, c: number, d: number) => void;
-export const __wasm_bindgen_func_elem_19005: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_7877: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_7878: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_7879: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_7875: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_19601: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_25336: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_21545: (a: number, b: number) => number;
-export const __wasm_bindgen_func_elem_19600: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_21546: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_7435: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_20133: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_20746: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_22147: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_26709: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_35042: (a: number, b: number, c: number, d: number) => void;
+export const __wasm_bindgen_func_elem_8469: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_8470: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_8471: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_8467: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_20156: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_20750: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_26711: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_22772: (a: number, b: number) => number;
+export const __wasm_bindgen_func_elem_20749: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_22773: (a: number, b: number) => void;
 export const __wbindgen_export: (a: number, b: number) => number;
 export const __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
 export const __wbindgen_export3: (a: number) => void;

package/package.json

@@ -1,19 +1,27 @@
 {
   "name": "@perspective-dev/viewer",
-  "version": "5.5.0",
-  "description": "The `<perspective-viewer>` Custom Element, frontend for Perspective",
+  "version": "5.6.0",
+  "description": "`<perspective-viewer>`, a WebAssembly-powered data grid, pivot table and charting Web Component for large, real-time and streaming datasets.",
   "keywords": [
     "perspective",
-    "data",
-    "analytics",
-    "visualization",
     "datagrid",
+    "data-grid",
+    "pivot-table",
+    "pivot",
     "charts",
-    "web-component",
+    "visualization",
+    "dashboard",
+    "analytics",
+    "bi",
+    "streaming",
+    "real-time",
     "wasm",
-    "arrow"
+    "webassembly",
+    "arrow",
+    "web-component",
+    "custom-element"
   ],
-  "homepage": "https://perspective.finos.org",
+  "homepage": "https://perspective-dev.github.io",
   "repository": {
     "type": "git",
     "url": "https://github.com/perspective-dev/perspective"
@@ -29,10 +37,15 @@
       "import": "./dist/esm/perspective-viewer.js",
       "default": "./dist/esm/perspective-viewer.js"
     },
-    "./inline": {
-      "types": "./dist/esm/perspective-viewer.d.ts",
-      "import": "./dist/esm/perspective-viewer.inline.js",
-      "default": "./dist/esm/perspective-viewer.inline.js"
+    "./select-detail": {
+      "types": "./dist/esm/select-detail.d.ts",
+      "import": "./dist/esm/select-detail.js",
+      "default": "./dist/esm/select-detail.js"
+    },
+    "./column-format": {
+      "types": "./dist/esm/column-format.d.ts",
+      "import": "./dist/esm/column-format.js",
+      "default": "./dist/esm/column-format.js"
     },
     "./themes": "./dist/css/themes.css",
     "./themes/*.css": "./dist/css/*.css",
@@ -54,14 +67,17 @@
     "access": "public"
   },
   "dependencies": {
+    "@perspective-dev/client": "^5.6.0",
     "pro_self_extracting_wasm": "0.0.9",
-    "regular-layout": "=0.6.1",
-    "@perspective-dev/client": "^5.5.0"
+    "regular-layout": "=0.6.1"
   },
   "devDependencies": {
+    "@perspective-dev/esbuild-plugin": "^5.6.0",
+    "@perspective-dev/test": "^5.6.0",
+    "@perspective-dev/metadata": "^5.6.0",
     "lightningcss": "^1.29.0",
-    "@playwright/test": "=1.58.0",
-    "@playwright/experimental-ct-react": "=1.58.0",
+    "@playwright/test": "=1.62.0",
+    "@playwright/experimental-ct-react": "=1.62.0",
     "@types/react": ">17 <20",
     "@types/node": ">=22",
     "@types/react-dom": ">17 <20",
@@ -69,10 +85,7 @@
     "ts-json-schema-generator": "^2.4.0",
     "typedoc": "^0.28.7",
     "typescript": ">=5 <6",
-    "zx": ">=8 <9",
-    "@perspective-dev/metadata": "^5.5.0",
-    "@perspective-dev/esbuild-plugin": "^5.5.0",
-    "@perspective-dev/test": "^5.5.0"
+    "zx": ">=8 <9"
   },
   "scripts": {
     "build": "node ./build.mjs",

package/src/css/column-selector.css

@@ -112,6 +112,7 @@
             pointer-events: none;
         }
 
+        &:hover,
         &.modal-target,
         &.dragdrop-hover {
             color: var(--psp--background-color);
@@ -192,66 +193,66 @@
         min-width: 0;
     }
 
-    .column-selector-column {
-        display: flex;
-        flex-direction: row-reverse;
-        align-items: center;
-        flex: 1 1 auto;
-
-        /* Expression column toolbar buttons */
-        span.expression-edit-button,
-        span.expression-delete-button {
-            height: 19px;
-            width: 21px;
-            font-family: var(--psp-button--font-family, inherit);
-            cursor: pointer;
-            padding: 1.5px 2.5px 0;
-            margin-right: 2px;
-            margin-left: auto;
-            border-radius: 3px;
-            border: 1px solid transparent;
-            &:hover,
-            &.is-editing {
-                background-color: var(--psp--color);
-                .icon {
-                    background-color: var(--psp--background-color);
-                }
+    /* Expression column toolbar buttons */
+    span.expression-edit-button,
+    span.expression-delete-button {
+        height: 19px;
+        width: 21px;
+        font-family: var(--psp-button--font-family, inherit);
+        cursor: pointer;
+        padding: 1.5px 2.5px 0;
+        margin-right: 2px;
+        margin-left: auto;
+        border-radius: 3px;
+        border: 1px solid transparent;
+        &:hover,
+        &.is-editing {
+            background-color: var(--psp--color);
+            .icon {
+                background-color: var(--psp--background-color);
             }
         }
+    }
 
-        span.expression-edit-button.disabled {
-            opacity: 0;
-            pointer-events: none;
-        }
+    span.expression-edit-button.disabled {
+        opacity: 0;
+        pointer-events: none;
+    }
 
-        span.expression-delete-button {
-            padding-left: 5px;
-            margin-right: 8px;
-            margin-left: auto;
+    span.expression-delete-button {
+        padding-left: 5px;
+        margin-right: 8px;
+        margin-left: auto;
 
-            &:before {
-                content: var(--column-close--content, "close");
-            }
+        &:before {
+            content: var(--column-close--content, "close");
         }
+    }
 
-        span.expression-delete-button + span.expression-edit-button {
-            margin-left: 0px;
-        }
+    span.expression-delete-button + span.expression-edit-button {
+        margin-left: 0px;
+    }
 
-        span.expression-edit-button .icon {
-            background-repeat: no-repeat;
-            background-color: var(--psp--color);
-            display: inline-block;
-            -webkit-mask-size: cover;
-            mask-size: cover;
-            -webkit-mask-image: var(--psp-icon--column-settings--mask-image);
-            mask-image: var(--psp-icon--column-settings--mask-image);
+    span.expression-edit-button .icon {
+        background-repeat: no-repeat;
+        background-color: var(--psp--color);
+        display: inline-block;
+        -webkit-mask-size: cover;
+        mask-size: cover;
+        -webkit-mask-image: var(--psp-icon--column-settings--mask-image);
+        mask-image: var(--psp-icon--column-settings--mask-image);
 
-            &:before {
-                content: var(--psp-icon--column-settings--mask-image);
-                visibility: hidden;
-            }
+        &:before {
+            content: var(--psp-icon--column-settings--mask-image);
+            visibility: hidden;
         }
+    }
+
+    .column-selector-column {
+        display: flex;
+        flex-direction: row-reverse;
+        align-items: center;
+        flex: 1 1 auto;
 
         .column-selector-draggable {
             cursor: move;
@@ -377,6 +378,7 @@
 
     #active-columns {
         display: flex;
+        position: relative;
         padding-bottom: 8px;
         padding-top: 6px;
     }
@@ -572,3 +574,156 @@
         }
     }
 }
+
+:host {
+    #derived_stack {
+        display: flex;
+        flex-direction: column;
+        margin-bottom: 4px;
+        gap: 4px;
+    }
+
+    .derived_level {
+        display: flex;
+        align-items: center;
+        /* height: 18px; */
+        width: 100%;
+        /* padding: 0px 6px; */
+        color: var(--psp-inactive--color, #ababab);
+        /* font-size: var(--label--font-size, 0.75em); */
+    }
+
+    #derived_stack:before {
+        content: "Subqueries";
+        font-size: var(--label--font-size, 0.75em);
+    }
+
+    .derived_icon {
+        background-repeat: no-repeat;
+        background-color: var(--psp-inactive--color);
+        display: inline-block;
+        -webkit-mask-size: cover;
+        mask-size: cover;
+        flex-shrink: 0;
+        line-height: 0;
+        -webkit-mask-image: var(--psp-derived--mask-image);
+        mask-image: var(--psp-derived--mask-image);
+        &:before {
+            content: var(--psp-derived--mask-image);
+            visibility: hidden;
+        }
+    }
+
+    .is-own .derived_icon {
+        background-color: var(--psp--color);
+    }
+
+    .derived_level:hover .derived_label_wrapper {
+        border-color: var(--psp--color);
+        color: var(--psp--color);
+    }
+
+    .derived_level:hover .derived_icon:before {
+        background-color: var(--psp--color);
+    }
+
+    .derived_label_wrapper {
+        height: 24px;
+        border: 1px solid var(--psp-inactive--color);
+        border-radius: 2px;
+        flex: 1 1 0;
+        min-width: 0;
+        font-size: 12px;
+        display: flex;
+        align-items: center;
+        overflow: hidden;
+        padding-left: 7px;
+        padding-right: 4px;
+        gap: 6px;
+    }
+
+    .derived_label {
+        flex: 1 1 0;
+        width: 0;
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .derived_consumers {
+        opacity: 0.6;
+    }
+
+    .derived_consumers::before {
+        content: "x";
+    }
+
+    .derived_snapshot::before {
+        content: var(
+            --psp-label--derived-snapshot--content,
+            var(--psp-missing)
+        );
+        opacity: 0.6;
+    }
+
+    .derived_release {
+        cursor: pointer;
+        -webkit-mask-image: var(--psp-icon--close--mask-image);
+        mask-image: var(--psp-icon--close--mask-image);
+        mask-size: cover;
+        background-color: currentColor;
+        width: 14px;
+        height: 14px;
+        flex: 0 0 14px;
+        margin: 0 6.5px;
+    }
+
+    .derived_release.disabled {
+        cursor: inherit;
+        pointer-events: none;
+        background-color: var(--psp-inactive--color);
+    }
+
+    .derived_release:hover {
+        color: var(--psp--color, inherit);
+    }
+
+    #derived_stack {
+        flex: 0 0 auto;
+        margin-top: auto;
+        margin-right: 0px;
+        padding-top: 12px;
+        bottom: 0px;
+    }
+
+    .derived_level.is-own {
+        color: var(--psp--color, inherit);
+    }
+
+    .derived_create:before {
+        content: var(--psp-label--derive-table--content, var(--psp-missing));
+    }
+
+    .derived_create {
+        cursor: pointer;
+        border-radius: 3px;
+        border: 1px solid var(--psp-inactive--color);
+        display: flex;
+        align-items: center;
+        height: 24px;
+        line-height: 18px;
+        flex-direction: row;
+        justify-content: center;
+        font-size: var(--label--font-size, 0.75em);
+        color: var(--psp-inactive--color);
+        text-transform: uppercase;
+        /* margin-top: 12px; */
+    }
+
+    .derived_create:hover {
+        color: var(--psp--background-color);
+        background-color: var(--psp--color);
+        border-color: var(--psp--color);
+    }
+}

package/src/css/ui/containers/context-menu.css

@@ -73,7 +73,8 @@
             padding-left: 12px;
         }
 
-        &:hover > .context-menu-submenu {
+        &:hover > .context-menu-submenu,
+        & > .context-menu-submenu.open {
             display: flex;
         }
     }
@@ -94,6 +95,16 @@
     color: var(--psp--color);
     border: 1px solid var(--psp-inactive--color);
     box-shadow: var(--psp-dropdown--box-shadow);
+
+    &.flip-x {
+        left: auto;
+        right: 100%;
+    }
+
+    &.flip-y {
+        top: auto;
+        bottom: -1px;
+    }
 }
 
 .context-menu-submenu > .new-panel-menu {

package/src/css/ui/containers/dropdown-menu-items.css

@@ -59,6 +59,35 @@
     }
 }
 
+.dropdown-menu-item.is-derived {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.dropdown-menu-item.is-derived::before {
+    content: "\21B3";
+    opacity: 0.6;
+}
+
+.dropdown-menu-item .derived_consumers {
+    opacity: 0.6;
+}
+
+.dropdown-menu-item .derived_consumers::before {
+    content: "x";
+}
+
+.dropdown-menu-item .derived_delete {
+    margin-left: auto;
+    -webkit-mask-image: var(--psp-icon--close--mask-image);
+    mask-image: var(--psp-icon--close--mask-image);
+    mask-size: cover;
+    background-color: currentColor;
+    width: 12px;
+    height: 12px;
+}
+
 .no-results {
     font-style: italic;
     padding: 6px 24px;

package/src/css/ui/containers/scroll-panel.css

@@ -23,6 +23,9 @@
     }
 
     .scroll-panel-content {
-        position: relative;
+        position: absolute;
+        width: 1px;
+        padding-bottom: inherit;
+        box-sizing: content-box;
     }
 }

package/src/rust/agent/client/protocol.rs

@@ -229,92 +229,3 @@ impl ChunkAccumulator {
         }
     }
 }
-
-#[cfg(test)]
-mod tests {
-    use super::*;
-
-    fn chunk(json: &str) -> ChatChunk {
-        serde_json::from_str(json).unwrap()
-    }
-
-    #[test]
-    fn content_and_both_reasoning_conventions_fold() {
-        let mut acc = ChunkAccumulator::default();
-        acc.push(chunk(r#"{"choices":[{"delta":{"role":"assistant"}}]}"#));
-        acc.push(chunk(
-            r#"{"choices":[{"delta":{"reasoning_content":"th"}}]}"#,
-        ));
-        acc.push(chunk(r#"{"choices":[{"delta":{"reasoning":"ink"}}]}"#));
-        acc.push(chunk(r#"{"choices":[{"delta":{"content":"Hel"}}]}"#));
-        acc.push(chunk(
-            r#"{"choices":[{"delta":{"content":"lo","reasoning":""}}]}"#,
-        ));
-        assert_eq!(acc.progress(), ("Hello", "think"));
-        let ChatMessage::Assistant {
-            content,
-            tool_calls,
-            reasoning_content,
-        } = acc.finish()
-        else {
-            panic!("not assistant");
-        };
-
-        assert_eq!(content.as_deref(), Some("Hello"));
-        assert!(tool_calls.is_empty());
-        assert_eq!(reasoning_content.as_deref(), Some("think"));
-    }
-
-    #[test]
-    fn fragmented_tool_arguments_accumulate_by_index() {
-        let mut acc = ChunkAccumulator::default();
-        acc.push(chunk(
-            r#"{"choices":[{"delta":{"tool_calls":[
-                {"index":0,"id":"c0","function":{"name":"get_schema","arguments":""}}]}}]}"#,
-        ));
-
-        // Index 1 opens before index 0 finishes; both argument streams
-        // interleave.
-        acc.push(chunk(
-            r#"{"choices":[{"delta":{"tool_calls":[
-                {"index":1,"id":"c1","function":{"name":"set_view_config","arguments":"{\"con"}}]}}]}"#,
-        ));
-
-        acc.push(chunk(
-            r#"{"choices":[{"delta":{"tool_calls":[
-                {"index":1,"function":{"arguments":"fig\":{}}"}}]}}]}"#,
-        ));
-
-        let ChatMessage::Assistant { tool_calls, .. } = acc.finish() else {
-            panic!("not assistant");
-        };
-
-        assert_eq!(tool_calls.len(), 2);
-        assert_eq!(tool_calls[0].id, "c0");
-        assert_eq!(tool_calls[0].function.name, "get_schema");
-        assert_eq!(tool_calls[1].function.arguments, "{\"config\":{}}");
-        assert_eq!(tool_calls[1].kind, "function");
-    }
-
-    /// The display-only contract: reasoning deserializes from EITHER wire
-    /// field but NEVER serializes back into a request.
-    #[test]
-    fn assistant_reasoning_reads_both_aliases_and_never_serializes() {
-        for field in ["reasoning_content", "reasoning"] {
-            let message: ChatMessage = serde_json::from_str(&format!(
-                r#"{{"role":"assistant","content":"hi","{field}":"secret"}}"#
-            ))
-            .unwrap();
-
-            let ChatMessage::Assistant {
-                reasoning_content, ..
-            } = &message
-            else {
-                panic!("not assistant");
-            };
-
-            assert_eq!(reasoning_content.as_deref(), Some("secret"));
-            assert!(!serde_json::to_string(&message).unwrap().contains("secret"));
-        }
-    }
-}