@perspective-dev/viewer 5.1.0 → 5.3.0

package/src/svg/lock.svg

@@ -0,0 +1,7 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="6.5" y="9.5" width="8" height="7" stroke="#666" />
+    <path d="M13 9V8.5C13 7.11929 11.8807 6 10.5 6V6C9.11929 6 8 7.11929 8 8.5V9" stroke="#666" />
+    <path
+        d="M11.4911 13C11.4911 13.5523 11.0434 14 10.4911 14C9.93878 14 9.49107 13.5523 9.49107 13C9.49107 12.4477 9.93878 12 10.4911 12C11.0434 12 11.4911 12.4477 11.4911 13Z"
+        fill="#666" />
+</svg>

package/src/themes/botanical.css

@@ -81,6 +81,16 @@ perspective-viewer [theme="Botanical"] {
     --psp-charts--series-8--color: rgb(210, 140, 80);
     --psp-charts--series-9--color: rgb(130, 120, 190);
     --psp-charts--series-10--color: rgb(170, 200, 110);
+    --psp-datagrid--series-1--color: rgb(90, 158, 75);
+    --psp-datagrid--series-2--color: rgb(206, 176, 104);
+    --psp-datagrid--series-3--color: rgb(160, 110, 180);
+    --psp-datagrid--series-4--color: rgb(80, 170, 150);
+    --psp-datagrid--series-5--color: rgb(140, 170, 90);
+    --psp-datagrid--series-6--color: rgb(200, 120, 140);
+    --psp-datagrid--series-7--color: rgb(100, 150, 190);
+    --psp-datagrid--series-8--color: rgb(210, 140, 80);
+    --psp-datagrid--series-9--color: rgb(130, 120, 190);
+    --psp-datagrid--series-10--color: rgb(170, 200, 110);
 
     --psp-charts--gradient--background: linear-gradient(
         #e8836a 0%,

package/src/themes/defaults.css

@@ -104,6 +104,16 @@ perspective-string-column-style {
     --psp-charts--series-8--color: #7f7f7f;
     --psp-charts--series-9--color: #bcbd22;
     --psp-charts--series-10--color: #17becf;
+    --psp-datagrid--series-1--color: #0366d6;
+    --psp-datagrid--series-2--color: #ff7f0e;
+    --psp-datagrid--series-3--color: #2ca02c;
+    --psp-datagrid--series-4--color: #d62728;
+    --psp-datagrid--series-5--color: #9467bd;
+    --psp-datagrid--series-6--color: #8c564b;
+    --psp-datagrid--series-7--color: #e377c2;
+    --psp-datagrid--series-8--color: #7f7f7f;
+    --psp-datagrid--series-9--color: #bcbd22;
+    --psp-datagrid--series-10--color: #17becf;
     --psp-charts--gradient--background: linear-gradient(
         #4d342f 0%,
         #e4521b 22.5%,
@@ -167,6 +177,8 @@ perspective-string-column-style {
     --psp-openlayers--attribution--filter: initial;
     --psp-charts--series-11--color: initial;
     --psp-charts--series-12--color: initial;
+    --psp-datagrid--series-11--color: initial;
+    --psp-datagrid--series-12--color: initial;
     --psp-charts--map-tiles--url: initial;
     --psp-column-type--boolean--color: initial;
     --psp-column-type--date--color: initial;

package/src/themes/dracula.css

@@ -78,6 +78,16 @@ perspective-viewer [theme="Dracula"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,
         #242526 50%,
@@ -148,6 +158,13 @@ perspective-viewer [theme="Dracula"] {
     --psp-charts--series-5--color: var(--theme-purple);
     --psp-charts--series-6--color: var(--theme-pink);
     --psp-charts--series-7--color: var(--theme-orange);
+    --psp-datagrid--series-1--color: var(--theme-blue);
+    --psp-datagrid--series-2--color: var(--theme-red);
+    --psp-datagrid--series-3--color: var(--theme-green);
+    --psp-datagrid--series-4--color: var(--theme-yellow);
+    --psp-datagrid--series-5--color: var(--theme-purple);
+    --psp-datagrid--series-6--color: var(--theme-pink);
+    --psp-datagrid--series-7--color: var(--theme-orange);
 
     --psp-charts--gradient--background: linear-gradient(
         var(--theme-red),

package/src/themes/gruvbox-dark.css

@@ -78,6 +78,16 @@ perspective-viewer [theme="Gruvbox Dark"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,
         #242526 50%,
@@ -159,6 +169,16 @@ perspective-viewer [theme="Gruvbox Dark"] {
     --psp-charts--series-8--color: var(--theme-alt-green);
     --psp-charts--series-9--color: var(--theme-alt-purple);
     --psp-charts--series-10--color: var(--theme-alt-aqua);
+    --psp-datagrid--series-1--color: var(--theme-blue);
+    --psp-datagrid--series-2--color: var(--theme-red);
+    --psp-datagrid--series-3--color: var(--theme-green);
+    --psp-datagrid--series-4--color: var(--theme-purple);
+    --psp-datagrid--series-5--color: var(--theme-aqua);
+    --psp-datagrid--series-6--color: var(--theme-alt-blue);
+    --psp-datagrid--series-7--color: var(--theme-alt-red);
+    --psp-datagrid--series-8--color: var(--theme-alt-green);
+    --psp-datagrid--series-9--color: var(--theme-alt-purple);
+    --psp-datagrid--series-10--color: var(--theme-alt-aqua);
 
     --psp-charts--gradient--background: linear-gradient(
         var(--theme-alt-red),

package/src/themes/gruvbox.css

@@ -75,6 +75,16 @@ perspective-viewer [theme="Gruvbox Light"] {
     --psp-charts--series-8--color: var(--theme-alt-green);
     --psp-charts--series-9--color: var(--theme-alt-purple);
     --psp-charts--series-10--color: var(--theme-alt-aqua);
+    --psp-datagrid--series-1--color: var(--theme-blue);
+    --psp-datagrid--series-2--color: var(--theme-red);
+    --psp-datagrid--series-3--color: var(--theme-green);
+    --psp-datagrid--series-4--color: var(--theme-purple);
+    --psp-datagrid--series-5--color: var(--theme-aqua);
+    --psp-datagrid--series-6--color: var(--theme-alt-blue);
+    --psp-datagrid--series-7--color: var(--theme-alt-red);
+    --psp-datagrid--series-8--color: var(--theme-alt-green);
+    --psp-datagrid--series-9--color: var(--theme-alt-purple);
+    --psp-datagrid--series-10--color: var(--theme-alt-aqua);
 
     --psp-charts--gradient--background: linear-gradient(
         var(--theme-alt-red),

package/src/themes/icons.css

@@ -67,6 +67,7 @@ perspective-viewer-tab {
     --psp-icon--status-ok--mask-image: url(../svg/status_ok.svg);
     --psp-icon--export--mask-image: url("../svg/export-icon.svg");
     --psp-icon--free-scroll--mask-image: url("../svg/free-scroll-icon.svg");
+    --psp-icon--lock--mask-image: url("../svg/lock.svg");
     --psp-icon--reset--mask-image: url("../svg/revert-icon.svg");
     --psp-icon--copy--mask-image: url("../svg/duplicate-icon.svg");
     --psp-icon--theme--mask-image: url("../svg/theme-icon.svg");

package/src/themes/intl/de.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "Abfrage";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "Chat";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "Denkprozess";
+    --psp-label--chat-send--content: "Senden";
+    --psp-label--chat-stop--content: "Stopp";
+    --psp-label--chat-placeholder--content: "Frage zu Ihren Daten…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "X-Achse";
+    --psp-label--role--y-axis--content: "Y-Achse";
+    --psp-label--role--series--content: "Serien";
+    --psp-label--role--hierarchy--content: "Hierarchie";
+    --psp-label--role--facets--content: "Facetten";
+    --psp-label--role--row-groups--content: "Zeilengruppen";
+    --psp-label--role--column-groups--content: "Spaltengruppen";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "Bearbeitungsmodus";

package/src/themes/intl/es.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "Consulta";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "Chat";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "Razonamiento";
+    --psp-label--chat-send--content: "Enviar";
+    --psp-label--chat-stop--content: "Detener";
+    --psp-label--chat-placeholder--content: "Pregunta sobre tus datos…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "Eje X";
+    --psp-label--role--y-axis--content: "Eje Y";
+    --psp-label--role--series--content: "Series";
+    --psp-label--role--hierarchy--content: "Jerarquía";
+    --psp-label--role--facets--content: "Facetas";
+    --psp-label--role--row-groups--content: "Grupos de filas";
+    --psp-label--role--column-groups--content: "Grupos de columnas";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "Modo de edición";

package/src/themes/intl/fr.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "Requête";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "Discussion";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "Raisonnement";
+    --psp-label--chat-send--content: "Envoyer";
+    --psp-label--chat-stop--content: "Arrêter";
+    --psp-label--chat-placeholder--content: "Question sur vos données…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "Axe X";
+    --psp-label--role--y-axis--content: "Axe Y";
+    --psp-label--role--series--content: "Séries";
+    --psp-label--role--hierarchy--content: "Hiérarchie";
+    --psp-label--role--facets--content: "Facettes";
+    --psp-label--role--row-groups--content: "Groupes de lignes";
+    --psp-label--role--column-groups--content: "Groupes de colonnes";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "Mode édition";

package/src/themes/intl/ja.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "クエリ";
     --psp-label--plugin-tab--content: "プラグイン";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "チャット";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "推論";
+    --psp-label--chat-send--content: "送信";
+    --psp-label--chat-stop--content: "停止";
+    --psp-label--chat-placeholder--content: "データについて質問…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "X軸";
+    --psp-label--role--y-axis--content: "Y軸";
+    --psp-label--role--series--content: "系列";
+    --psp-label--role--hierarchy--content: "階層";
+    --psp-label--role--facets--content: "ファセット";
+    --psp-label--role--row-groups--content: "行グループ";
+    --psp-label--role--column-groups--content: "列グループ";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "編集モード";

package/src/themes/intl/pt.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "Consulta";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "Conversa";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "Raciocínio";
+    --psp-label--chat-send--content: "Enviar";
+    --psp-label--chat-stop--content: "Parar";
+    --psp-label--chat-placeholder--content: "Pergunte sobre seus dados…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "Eixo X";
+    --psp-label--role--y-axis--content: "Eixo Y";
+    --psp-label--role--series--content: "Séries";
+    --psp-label--role--hierarchy--content: "Hierarquia";
+    --psp-label--role--facets--content: "Facetas";
+    --psp-label--role--row-groups--content: "Grupos de linhas";
+    --psp-label--role--column-groups--content: "Grupos de colunas";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "Modo de edição";

package/src/themes/intl/zh.css

@@ -118,6 +118,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "查询";
     --psp-label--plugin-tab--content: "插件";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "聊天";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "推理";
+    --psp-label--chat-send--content: "发送";
+    --psp-label--chat-stop--content: "停止";
+    --psp-label--chat-placeholder--content: "询问您的数据…";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "X 轴";
+    --psp-label--role--y-axis--content: "Y 轴";
+    --psp-label--role--series--content: "系列";
+    --psp-label--role--hierarchy--content: "层级";
+    --psp-label--role--facets--content: "分面";
+    --psp-label--role--row-groups--content: "行分组";
+    --psp-label--role--column-groups--content: "列分组";
 
     /* Plugin settings */
     --psp-label--edit-mode--content: "编辑模式";

package/src/themes/intl.css

@@ -108,6 +108,22 @@ perspective-dropdown {
     --psp-label--query-tab--content: "Query";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "Chat";
+
+    /* Chat panel */
+    --psp-label--chat-reasoning--content: "Reasoning";
+    --psp-label--chat-send--content: "Send";
+    --psp-label--chat-stop--content: "Stop";
+    --psp-label--chat-placeholder--content: "Ask Perspective ...";
+
+    /* Plugin-declared pivot roles (PluginStaticConfig) */
+    --psp-label--role--x-axis--content: "X Axis";
+    --psp-label--role--y-axis--content: "Y Axis";
+    --psp-label--role--series--content: "Series";
+    --psp-label--role--hierarchy--content: "Hierarchy";
+    --psp-label--role--facets--content: "Facets";
+    --psp-label--role--row-groups--content: "Row Groups";
+    --psp-label--role--column-groups--content: "Column Groups";
 
     /* Window editor */
     --psp-label--window-source--content: "Column";

package/src/themes/monokai.css

@@ -78,6 +78,16 @@ perspective-viewer [theme="Monokai"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,
         #242526 50%,
@@ -157,6 +167,18 @@ perspective-viewer [theme="Monokai"] {
     --psp-charts--series-10--color: #e6db74;
     --psp-charts--series-11--color: #a6e22e;
     --psp-charts--series-12--color: #ae81ff;
+    --psp-datagrid--series-1--color: #78dce8;
+    --psp-datagrid--series-2--color: #ff6188;
+    --psp-datagrid--series-3--color: #fc9867;
+    --psp-datagrid--series-4--color: #ffd866;
+    --psp-datagrid--series-5--color: #a9dc76;
+    --psp-datagrid--series-6--color: #ab9df2;
+    --psp-datagrid--series-7--color: #66d9ef;
+    --psp-datagrid--series-8--color: #f92672;
+    --psp-datagrid--series-9--color: #fd971f;
+    --psp-datagrid--series-10--color: #e6db74;
+    --psp-datagrid--series-11--color: #a6e22e;
+    --psp-datagrid--series-12--color: #ae81ff;
 
     --psp-charts--gradient--background: linear-gradient(
         #ff6188 0%,

package/src/themes/phosphor.css

@@ -98,6 +98,11 @@ perspective-viewer [theme="Phosphor"] {
     --psp-charts--series-3--color: #ff0055;
     --psp-charts--series-4--color: #ffd700;
     --psp-charts--series-5--color: #7fffd4;
+    --psp-datagrid--series-1--color: #00ff41;
+    --psp-datagrid--series-2--color: #00bfff;
+    --psp-datagrid--series-3--color: #ff0055;
+    --psp-datagrid--series-4--color: #ffd700;
+    --psp-datagrid--series-5--color: #7fffd4;
 
     --psp-charts--gradient--background: linear-gradient(
         #ff3333 0%,

package/src/themes/pro-dark.css

@@ -81,6 +81,16 @@ perspective-viewer [theme="Pro Dark"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
 
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,

package/src/themes/solarized-dark.css

@@ -53,6 +53,13 @@ perspective-viewer [theme="Solarized Dark"] {
     --psp-charts--series-5--color: #2aa198;
     --psp-charts--series-6--color: #6c71c4;
     --psp-charts--series-7--color: #d33682;
+    --psp-datagrid--series-1--color: #268bd2;
+    --psp-datagrid--series-2--color: #cb4b16;
+    --psp-datagrid--series-3--color: #b58900;
+    --psp-datagrid--series-4--color: #859900;
+    --psp-datagrid--series-5--color: #2aa198;
+    --psp-datagrid--series-6--color: #6c71c4;
+    --psp-datagrid--series-7--color: #d33682;
     /* perspective-viewer-solarized-dark--colors */
     color: #93a1a1;
     background-color: #002b36;

package/src/themes/solarized.css

@@ -57,6 +57,13 @@ perspective-viewer [theme="Solarized"] {
 
     --psp-charts--series-6--color: #6c71c4;
     --psp-charts--series-7--color: #d33682;
+    --psp-datagrid--series-1--color: #268bd2;
+    --psp-datagrid--series-2--color: #cb4b16;
+    --psp-datagrid--series-3--color: #b58900;
+    --psp-datagrid--series-4--color: #859900;
+    --psp-datagrid--series-5--color: #2aa198;
+    --psp-datagrid--series-6--color: #6c71c4;
+    --psp-datagrid--series-7--color: #d33682;
 }
 
 x {

package/src/themes/vaporwave.css

@@ -78,6 +78,16 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,
         #242526 50%,
@@ -153,6 +163,16 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-charts--series-8--color: hsl(192, 99%, 25%);
     --psp-charts--series-9--color: hsl(157, 100%, 25%);
     --psp-charts--series-10--color: hsl(272, 100%, 35%);
+    --psp-datagrid--series-1--color: #01cdfe;
+    --psp-datagrid--series-2--color: #ff71ce;
+    --psp-datagrid--series-3--color: #05ffa1;
+    --psp-datagrid--series-4--color: #b967ff;
+    --psp-datagrid--series-5--color: #fffb96;
+    --psp-datagrid--series-6--color: hsl(192, 99%, 25%);
+    --psp-datagrid--series-7--color: hsl(321, 100%, 36%);
+    --psp-datagrid--series-8--color: hsl(192, 99%, 25%);
+    --psp-datagrid--series-9--color: hsl(157, 100%, 25%);
+    --psp-datagrid--series-10--color: hsl(272, 100%, 35%);
 
     --psp-charts--gradient--background: linear-gradient(
         #f3d431,

package/src/ts/column-format.ts

@@ -24,34 +24,36 @@
  * per-field overrides (year / month / day / ...).
  */
 
-export interface NumberFormatConfig {
-    style?: "decimal" | "currency" | "percent" | "unit";
-    minimumFractionDigits?: number;
-    maximumFractionDigits?: number;
-    minimumIntegerDigits?: number;
-    minimumSignificantDigits?: number;
-    maximumSignificantDigits?: number;
-    currency?: string;
-    currencyDisplay?: "code" | "symbol" | "narrowSymbol" | "name";
-    notation?: "standard" | "scientific" | "engineering" | "compact";
-    compactDisplay?: "short" | "long";
-    useGrouping?: boolean;
-}
+import type { CustomNumberFormatConfig } from "./ts-rs/CustomNumberFormatConfig.d.ts";
+import type { NumberFormatStyle } from "./ts-rs/NumberFormatStyle.d.ts";
+import type { Notation } from "./ts-rs/Notation.d.ts";
+import type { DatetimeFormatType } from "./ts-rs/DatetimeFormatType.d.ts";
+import type { SimpleDatetimeStyleConfig } from "./ts-rs/SimpleDatetimeStyleConfig.d.ts";
+
+/**
+ * A numeric column's `number_format` (`columns_config` value), exactly as
+ * the Style tab's editor WRITES it — the ts-rs projection of the Rust
+ * `CustomNumberFormatConfig`, re-composed with its serde-flattened
+ * `style` and `notation` families (ts-rs cannot flatten `Option<enum>`,
+ * so the Rust type `#[ts(skip)]`s them and they export separately).
+ */
+export type NumberFormatConfig = CustomNumberFormatConfig &
+    Partial<NumberFormatStyle> &
+    Partial<Notation>;
 
-export interface DateFormatConfig {
-    format?: "custom" | string;
-    timeZone?: string;
-    dateStyle?: "short" | "medium" | "long" | "full" | "disabled";
-    timeStyle?: "short" | "medium" | "long" | "full" | "disabled";
-    second?: "numeric" | "2-digit" | "disabled";
-    minute?: "numeric" | "2-digit" | "disabled";
-    hour?: "numeric" | "2-digit" | "disabled";
-    day?: "numeric" | "2-digit" | "disabled";
-    weekday?: "narrow" | "short" | "long" | "disabled";
-    month?: "numeric" | "2-digit" | "narrow" | "short" | "long" | "disabled";
-    year?: "numeric" | "2-digit" | "disabled";
-    hour12?: boolean;
-    fractionalSecondDigits?: 1 | 2 | 3;
+/**
+ * A datetime column's `date_format` (`columns_config` value) — the Rust
+ * `DatetimeFormatType` union: a `Simple` preset (`dateStyle` /
+ * `timeStyle`), or per-part custom fields discriminated by
+ * `format: "custom"`.
+ */
+export type DateFormatConfig = DatetimeFormatType;
+
+/** Narrow a [`DateFormatConfig`] to its `Simple` arm, if it is one. */
+function simple_config(
+    cfg?: DateFormatConfig,
+): SimpleDatetimeStyleConfig | undefined {
+    return cfg && !("format" in cfg) ? cfg : undefined;
 }
 
 /**
@@ -85,55 +87,73 @@ export function createNumberFormatter(
     type: string,
     cfg?: NumberFormatConfig,
 ): Intl.NumberFormat {
-    const opts: Intl.NumberFormatOptions =
-        cfg ?? NUMERIC_LEGACY_DEFAULTS[type] ?? {};
+    // ts-rs renders serde-absent keys as `T | null`; the wire never
+    // carries an explicit `null` (`skip_serializing_if`), and
+    // `Intl.NumberFormat` treats both absent and `undefined` the same, so
+    // the cast is presentation-only.
+    const opts = (cfg ??
+        NUMERIC_LEGACY_DEFAULTS[type] ??
+        {}) as Intl.NumberFormatOptions;
     return new Intl.NumberFormat(navigator.languages as string[], opts);
 }
 
 export function createDatetimeFormatter(
     cfg?: DateFormatConfig,
 ): Intl.DateTimeFormat {
-    if (!cfg || cfg.format !== "custom") {
+    if (!cfg || !("format" in cfg)) {
+        const preset = simple_config(cfg);
         const opts: Intl.DateTimeFormatOptions = {
-            timeZone: cfg?.timeZone,
+            timeZone: preset?.timeZone ?? undefined,
             dateStyle:
-                cfg?.dateStyle === "disabled"
+                preset?.dateStyle === "disabled"
                     ? undefined
-                    : (cfg?.dateStyle ?? DATETIME_LEGACY_DEFAULTS.dateStyle),
+                    : (preset?.dateStyle ?? DATETIME_LEGACY_DEFAULTS.dateStyle),
             timeStyle:
-                cfg?.timeStyle === "disabled"
+                preset?.timeStyle === "disabled"
                     ? undefined
-                    : (cfg?.timeStyle ?? DATETIME_LEGACY_DEFAULTS.timeStyle),
+                    : (preset?.timeStyle ?? DATETIME_LEGACY_DEFAULTS.timeStyle),
         };
 
         return new Intl.DateTimeFormat(navigator.languages as string[], opts);
     }
 
+    // Per-part fields are the shared `CustomDatetimeFormat` enum; the
+    // editor only writes each part's `Intl`-valid subset, so the
+    // narrowing casts below are presentation-only.
     const opts: Intl.DateTimeFormatOptions = {
-        timeZone: cfg.timeZone,
+        timeZone: cfg.timeZone ?? undefined,
         hour12: cfg.hour12 ?? true,
-        fractionalSecondDigits: cfg.fractionalSecondDigits,
+        fractionalSecondDigits: cfg.fractionalSecondDigits as
+            | 1
+            | 2
+            | 3
+            | undefined,
     };
     if (cfg.year !== "disabled") {
-        opts.year = cfg.year ?? "2-digit";
+        opts.year = (cfg.year ??
+            "2-digit") as Intl.DateTimeFormatOptions["year"];
     }
     if (cfg.month !== "disabled") {
-        opts.month = cfg.month ?? "numeric";
+        opts.month = (cfg.month ??
+            "numeric") as Intl.DateTimeFormatOptions["month"];
     }
     if (cfg.day !== "disabled") {
-        opts.day = cfg.day ?? "numeric";
+        opts.day = (cfg.day ?? "numeric") as Intl.DateTimeFormatOptions["day"];
     }
     if (cfg.weekday && cfg.weekday !== "disabled") {
-        opts.weekday = cfg.weekday;
+        opts.weekday = cfg.weekday as Intl.DateTimeFormatOptions["weekday"];
     }
     if (cfg.hour !== "disabled") {
-        opts.hour = cfg.hour ?? "numeric";
+        opts.hour = (cfg.hour ??
+            "numeric") as Intl.DateTimeFormatOptions["hour"];
     }
     if (cfg.minute !== "disabled") {
-        opts.minute = cfg.minute ?? "numeric";
+        opts.minute = (cfg.minute ??
+            "numeric") as Intl.DateTimeFormatOptions["minute"];
     }
     if (cfg.second !== "disabled") {
-        opts.second = cfg.second ?? "numeric";
+        opts.second = (cfg.second ??
+            "numeric") as Intl.DateTimeFormatOptions["second"];
     }
     return new Intl.DateTimeFormat(navigator.languages as string[], opts);
 }
@@ -141,12 +161,13 @@ export function createDatetimeFormatter(
 export function createDateFormatter(
     cfg?: DateFormatConfig,
 ): Intl.DateTimeFormat {
+    const preset = simple_config(cfg);
     const opts: Intl.DateTimeFormatOptions = {
         timeZone: "utc",
         dateStyle:
-            cfg?.dateStyle === "disabled"
+            preset?.dateStyle === "disabled"
                 ? undefined
-                : (cfg?.dateStyle ?? DATE_LEGACY_DEFAULTS.dateStyle),
+                : (preset?.dateStyle ?? DATE_LEGACY_DEFAULTS.dateStyle),
     };
     return new Intl.DateTimeFormat(navigator.languages as string[], opts);
 }

package/src/ts/perspective-viewer.ts

@@ -35,6 +35,8 @@ import "regular-layout";
 
 export { IPerspectiveViewerPlugin } from "./plugin";
 export { HTMLPerspectiveViewerPluginElement } from "./plugin";
+export { providers } from "./providers";
+export type { AgentProviderPreset } from "./providers";
 
 export {
     createNumberFormatter,
@@ -56,6 +58,7 @@ export type * from "./ts-rs/FilterReducer.d.ts";
 export type * from "./ts-rs/PluginStaticConfig.ts";
 export type * from "./ts-rs/ExportMethod.d.ts";
 export type * from "./ts-rs/PanelOptions.d.ts";
+export type * from "./ts-rs/SaveWorkspaceOptions.d.ts";
 export type * from "./ts-rs/ClientOptions.d.ts";
 export type * from "./ts-rs/ExportOptions.d.ts";
 export type * from "./ts-rs/GetTableOptions.d.ts";