@atscript/vue-table 0.1.133 → 0.1.134

package/dist/as-action-form-dialog.cjs

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_db_client = require("@atscript/db-client");

package/dist/as-action-form-dialog.mjs

@@ -1,4 +1,4 @@
-import { S as intentToScope, a as useTableContext } from "./use-table-state-DLJbW753.mjs";
+import { S as intentToScope, a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
 import { META_LABEL, UI_FORM_SUBMIT_TEXT, createFormData, createFormDef, getFieldMeta } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx } from "vue";
 import { formatIdentifier } from "@atscript/db-client";

package/dist/{as-action-menu-content-DiS37BYK.cjs → as-action-menu-content-C_D_Fepo.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#endregion

package/dist/{as-action-menu-content-4D7CJNgr.mjs → as-action-menu-content-rim8hAO9.mjs}

@@ -1,4 +1,4 @@
-import { C as isModClick, _ as ariaLabelFor, w as isPlainLeftClick, x as intentClass } from "./use-table-state-DLJbW753.mjs";
+import { C as isModClick, _ as ariaLabelFor, w as isPlainLeftClick, x as intentClass } from "./use-table-state-mBXx11aH.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "reka-ui";
 //#endregion

package/dist/{as-cell-array-2qmJ1lT2.mjs → as-cell-array-BWHkJX3I.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/{as-cell-array-iPeUnk2G.cjs → as-cell-array-D-8Pqlgo.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/as-cell-array.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_array = require("./as-cell-array-iPeUnk2G.cjs");
+const require_as_cell_array = require("./as-cell-array-D-8Pqlgo.cjs");
 module.exports = require_as_cell_array.as_cell_array_default;

package/dist/as-cell-array.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_array_default } from "./as-cell-array-2qmJ1lT2.mjs";
+import { t as as_cell_array_default } from "./as-cell-array-BWHkJX3I.mjs";
 export { as_cell_array_default as default };

package/dist/{as-cell-date-DyixWKuS.cjs → as-cell-date-DviMJEqs.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_use_cell_locale = require("./use-cell-locale-caG2Fzpc.cjs");
 let vue = require("vue");
 let _vueuse_core = require("@vueuse/core");
 //#region src/utils/intl-cache.ts

package/dist/{as-cell-date-BwFgi6O0.mjs → as-cell-date-mGlnDeLP.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { n as useCellLocale } from "./use-cell-locale-CxQOQsns.mjs";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 import { formatTimeAgoIntl } from "@vueuse/core";
 //#region src/utils/intl-cache.ts

package/dist/as-cell-date.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_date = require("./as-cell-date-DyixWKuS.cjs");
+const require_as_cell_date = require("./as-cell-date-DviMJEqs.cjs");
 module.exports = require_as_cell_date.as_cell_date_default;

package/dist/as-cell-date.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_date_default } from "./as-cell-date-BwFgi6O0.mjs";
+import { t as as_cell_date_default } from "./as-cell-date-mGlnDeLP.mjs";
 export { as_cell_date_default as default };

package/dist/{as-cell-json--95Xq6yq.mjs → as-cell-json-2I081xnO.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, withCtx } from "vue";
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/{as-cell-json-Bvv2P7YV.cjs → as-cell-json-CaVB6e7V.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/as-cell-json.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_json = require("./as-cell-json-Bvv2P7YV.cjs");
+const require_as_cell_json = require("./as-cell-json-CaVB6e7V.cjs");
 module.exports = require_as_cell_json.as_cell_json_default;

package/dist/as-cell-json.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_json_default } from "./as-cell-json--95Xq6yq.mjs";
+import { t as as_cell_json_default } from "./as-cell-json-2I081xnO.mjs";
 export { as_cell_json_default as default };

package/dist/{as-cell-number-DuPMOesI.cjs → as-cell-number-BnYbxOiG.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_use_cell_locale = require("./use-cell-locale-caG2Fzpc.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-cell-number-DKRaS9pM.mjs → as-cell-number-CP2AZI9g.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { n as useCellLocale } from "./use-cell-locale-CxQOQsns.mjs";
 import { formatDecimalForDisplay } from "@atscript/ui";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/as-cell-number.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_number = require("./as-cell-number-DuPMOesI.cjs");
+const require_as_cell_number = require("./as-cell-number-BnYbxOiG.cjs");
 module.exports = require_as_cell_number.as_cell_number_default;

package/dist/as-cell-number.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_number_default } from "./as-cell-number-DKRaS9pM.mjs";
+import { t as as_cell_number_default } from "./as-cell-number-CP2AZI9g.mjs";
 export { as_cell_number_default as default };

package/dist/{as-cell-union-DJNsEKTi.cjs → as-cell-union-BjMP91PS.cjs}

@@ -1,6 +1,6 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
-const require_format_cell = require("./format-cell-vCNTh4WZ.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
+const require_format_cell = require("./format-cell-DaxV6WIJ.cjs");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/{as-cell-union-C9FukGqF.mjs → as-cell-union-NHpDCXty.mjs}

@@ -1,6 +1,6 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
-import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
+import { t as formatCellValue } from "./format-cell-Bx7wNc4X.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {

package/dist/as-cell-union.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_union = require("./as-cell-union-DJNsEKTi.cjs");
+const require_as_cell_union = require("./as-cell-union-BjMP91PS.cjs");
 module.exports = require_as_cell_union.as_cell_union_default;

package/dist/as-cell-union.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_union_default } from "./as-cell-union-C9FukGqF.mjs";
+import { t as as_cell_union_default } from "./as-cell-union-NHpDCXty.mjs";
 export { as_cell_union_default as default };

package/dist/as-column-menu.cjs

@@ -1,2 +1,2 @@
-const require_as_column_menu = require("./as-column-menu-fZVbJ9lU.cjs");
+const require_as_column_menu = require("./as-column-menu-D_8NxujZ.cjs");
 module.exports = require_as_column_menu.as_column_menu_default;

package/dist/as-column-menu.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-CZ8XqHl0.cjs";
+import { t as _default } from "./as-column-menu.vue-De7SRhj6.cjs";
 export = _default;

package/dist/as-column-menu.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-Cuelpv3p.mjs";
+import { t as _default } from "./as-column-menu.vue-Dg0H1dOd.mjs";
 export { _default as default };

package/dist/as-column-menu.mjs

@@ -1,2 +1,2 @@
-import { t as as_column_menu_default } from "./as-column-menu-kTIQfLTi.mjs";
+import { t as as_column_menu_default } from "./as-column-menu-BMTS3DO2.mjs";
 export { as_column_menu_default as default };

package/dist/{as-column-menu.vue-Cuelpv3p.d.mts → as-column-menu.vue-De7SRhj6.d.cts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-CXz-4dPz.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { n as ColumnMenuConfig } from "./types--ex8BJIO.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-column-menu.vue-CZ8XqHl0.d.cts → as-column-menu.vue-Dg0H1dOd.d.mts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-BZ0HssRY.cjs";
-import * as vue from "vue";
+import { n as ColumnMenuConfig } from "./types-CBGaTR2Z.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-config-dialog-BKsm8OHR.mjs → as-config-dialog-BUBHiVlf.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
-import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
-import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { arraysEqual, sortersEqual } from "@atscript/ui-table";
 import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
@@ -476,16 +476,22 @@ const _hoisted_1 = { class: "as-config-dialog-header" };
 const _hoisted_2 = { class: "as-config-field-label-wrap" };
 const _hoisted_3 = { class: "as-config-field-label-text" };
 const _hoisted_4 = {
+	key: 0,
+	class: "as-config-field-hint"
+};
+const _hoisted_5 = { class: "as-config-field-label-wrap" };
+const _hoisted_6 = { class: "as-config-field-label-text" };
+const _hoisted_7 = {
 	key: 0,
 	class: "as-config-field-count"
 };
-const _hoisted_5 = { class: "as-config-tab-summary" };
-const _hoisted_6 = { class: "as-config-tab-summary-count" };
-const _hoisted_7 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_8 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_9 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_10 = { class: "as-config-tab-summary-hint" };
-const _hoisted_11 = { class: "as-config-dialog-footer" };
+const _hoisted_8 = { class: "as-config-tab-summary" };
+const _hoisted_9 = { class: "as-config-tab-summary-count" };
+const _hoisted_10 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_11 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_12 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_13 = { class: "as-config-tab-summary-hint" };
+const _hoisted_14 = { class: "as-config-dialog-footer" };
 //#endregion
 //#region src/components/defaults/as-config-dialog.vue
 var as_config_dialog_default = /* @__PURE__ */ defineComponent({
@@ -515,7 +521,7 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = computed(() => state.allColumns.value.filter((c) => c.filterable));
-		const sortableColumns = computed(() => state.allColumns.value.filter((c) => c.sortable));
+		const sortableColumns = computed(() => state.allColumns.value.filter((c) => c.sortable && !(c.local && state.navMode.value === "window")));
 		function filterCount(path) {
 			return state.filters.value[path]?.length ?? 0;
 		}
@@ -638,7 +644,14 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 											columns: unref(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, {
+											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_2, [
+												createElementVNode("span", _hoisted_3, toDisplayString(label), 1),
+												createCommentVNode(" Client-owned (`:display-columns`) columns are rendered by\n                       the app, not fetched — say so, so nobody hunts for a\n                       missing field on the server. "),
+												unref(state).localColumnPaths.value.has(value) ? (openBlock(), createElementBlock("span", _hoisted_4, "client")) : createCommentVNode("v-if", true)
+											])]),
+											_: 1
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									createVNode(unref(TabsContent), {
@@ -650,7 +663,7 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
-											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(label), 1), filterCount(value) > 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(filterCount(value)), 1)) : createCommentVNode("v-if", true)])]),
+											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(label), 1), filterCount(value) > 0 ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(filterCount(value)), 1)) : createCommentVNode("v-if", true)])]),
 											_: 1
 										}, 8, ["columns", "modelValue"]))]),
 										_: 1
@@ -669,8 +682,8 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 								]),
 								_: 1
 							}, 8, ["modelValue"]),
-							createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_7, toDisplayString(columnsModel.value.length), 1), createTextVNode(" of " + toDisplayString(unref(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_8, toDisplayString(filtersModel.value.length), 1), createTextVNode(" of " + toDisplayString(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_9, toDisplayString(sortersModel.value.length), 1), createTextVNode(" of " + toDisplayString(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), createElementVNode("span", _hoisted_10, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
-							createElementVNode("div", _hoisted_11, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? (openBlock(), createElementBlock("button", {
+							createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_10, toDisplayString(columnsModel.value.length), 1), createTextVNode(" of " + toDisplayString(unref(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_11, toDisplayString(filtersModel.value.length), 1), createTextVNode(" of " + toDisplayString(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_12, toDisplayString(sortersModel.value.length), 1), createTextVNode(" of " + toDisplayString(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), createElementVNode("span", _hoisted_13, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
+							createElementVNode("div", _hoisted_14, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								type: "button",
 								class: "as-filter-btn-ghost",

package/dist/{as-config-dialog-Bt8oP8qg.cjs → as-config-dialog-DvBptYMS.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
-const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table_component = require("./use-table-component-DS5NJPzs.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-9TSm1Vbv.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
@@ -476,16 +476,22 @@ const _hoisted_1 = { class: "as-config-dialog-header" };
 const _hoisted_2 = { class: "as-config-field-label-wrap" };
 const _hoisted_3 = { class: "as-config-field-label-text" };
 const _hoisted_4 = {
+	key: 0,
+	class: "as-config-field-hint"
+};
+const _hoisted_5 = { class: "as-config-field-label-wrap" };
+const _hoisted_6 = { class: "as-config-field-label-text" };
+const _hoisted_7 = {
 	key: 0,
 	class: "as-config-field-count"
 };
-const _hoisted_5 = { class: "as-config-tab-summary" };
-const _hoisted_6 = { class: "as-config-tab-summary-count" };
-const _hoisted_7 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_8 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_9 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_10 = { class: "as-config-tab-summary-hint" };
-const _hoisted_11 = { class: "as-config-dialog-footer" };
+const _hoisted_8 = { class: "as-config-tab-summary" };
+const _hoisted_9 = { class: "as-config-tab-summary-count" };
+const _hoisted_10 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_11 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_12 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_13 = { class: "as-config-tab-summary-hint" };
+const _hoisted_14 = { class: "as-config-dialog-footer" };
 //#endregion
 //#region src/components/defaults/as-config-dialog.vue
 var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -515,7 +521,7 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.filterable));
-		const sortableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.sortable));
+		const sortableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.sortable && !(c.local && state.navMode.value === "window")));
 		function filterCount(path) {
 			return state.filters.value[path]?.length ?? 0;
 		}
@@ -638,7 +644,14 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											columns: (0, vue.unref)(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, {
+											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_2, [
+												(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(label), 1),
+												(0, vue.createCommentVNode)(" Client-owned (`:display-columns`) columns are rendered by\n                       the app, not fetched — say so, so nobody hunts for a\n                       missing field on the server. "),
+												(0, vue.unref)(state).localColumnPaths.value.has(value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, "client")) : (0, vue.createCommentVNode)("v-if", true)
+											])]),
+											_: 1
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsContent), {
@@ -650,7 +663,7 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
-											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_2, [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(label), 1), filterCount(value) > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(filterCount(value)), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
+											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_5, [(0, vue.createElementVNode)("span", _hoisted_6, (0, vue.toDisplayString)(label), 1), filterCount(value) > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, (0, vue.toDisplayString)(filterCount(value)), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
 											_: 1
 										}, 8, ["columns", "modelValue"]))]),
 										_: 1
@@ -669,8 +682,8 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								]),
 								_: 1
 							}, 8, ["modelValue"]),
-							(0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.createElementVNode)("span", _hoisted_6, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_7, (0, vue.toDisplayString)(columnsModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)((0, vue.unref)(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createElementVNode)("span", _hoisted_8, (0, vue.toDisplayString)(filtersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", _hoisted_9, (0, vue.toDisplayString)(sortersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), (0, vue.createElementVNode)("span", _hoisted_10, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createTextVNode)(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
-							(0, vue.createElementVNode)("div", _hoisted_11, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							(0, vue.createElementVNode)("div", _hoisted_8, [(0, vue.createElementVNode)("span", _hoisted_9, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_10, (0, vue.toDisplayString)(columnsModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)((0, vue.unref)(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createElementVNode)("span", _hoisted_11, (0, vue.toDisplayString)(filtersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", _hoisted_12, (0, vue.toDisplayString)(sortersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), (0, vue.createElementVNode)("span", _hoisted_13, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createTextVNode)(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
+							(0, vue.createElementVNode)("div", _hoisted_14, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 0,
 								type: "button",
 								class: "as-filter-btn-ghost",

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-Bt8oP8qg.cjs");
+const require_as_config_dialog = require("./as-config-dialog-DvBptYMS.cjs");
 module.exports = require_as_config_dialog.as_config_dialog_default;

package/dist/as-config-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_config_dialog_default } from "./as-config-dialog-BKsm8OHR.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-BUBHiVlf.mjs";
 export { as_config_dialog_default as default };

package/dist/{as-confirm-dialog-Cw7KErhz.cjs → as-confirm-dialog-ByMfIG0A.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-confirm-dialog-BV01t7dn.mjs → as-confirm-dialog-G4ZoL_Xo.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
 import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "reka-ui";
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-Cw7KErhz.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-ByMfIG0A.cjs");
 module.exports = require_as_confirm_dialog.as_confirm_dialog_default;

package/dist/as-confirm-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-BV01t7dn.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-G4ZoL_Xo.mjs";
 export { as_confirm_dialog_default as default };

package/dist/{as-filter-dialog-Ckrl79kU.mjs → as-filter-dialog-BJWH8cvc.mjs}

@@ -1,12 +1,12 @@
-import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-DLJbW753.mjs";
-import { n as useTable } from "./use-table-Bk-jSxOM.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-B9SSEajW.mjs";
-import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
-import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-BKsm8OHR.mjs";
-import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
-import { t as as_filter_input_default } from "./as-filter-input-BM23TNeh.mjs";
-import { t as as_window_table_default } from "./as-window-table-S1XWpDHQ.mjs";
-import { t as as_filters_default } from "./as-filters-DJEQj7_p.mjs";
+import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-mBXx11aH.mjs";
+import { r as useTable } from "./use-table-BFhbfWgY.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-DzJN5v9a.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-BUBHiVlf.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-C8KmOus8.mjs";
+import { t as as_window_table_default } from "./as-window-table-BH0tDDnr.mjs";
+import { t as as_filters_default } from "./as-filters-DogNVlqr.mjs";
 import { resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { columnFilterType, conditionLabel, conditionsForType, dateShortcuts, defaultCondition, filledFilterCount, formatFilterCondition, isFilled, isSimpleEq, sameColumnSet } from "@atscript/ui-table";

package/dist/{as-filter-dialog-Bxii-mYH.cjs → as-filter-dialog-C2oyT0yt.cjs}

@@ -1,12 +1,12 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_use_table = require("./use-table-CdFFqaEx.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-CVUmTjDr.cjs");
-const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
-const require_as_config_dialog = require("./as-config-dialog-Bt8oP8qg.cjs");
-const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
-const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
-const require_as_window_table = require("./as-window-table-CXq6UuUx.cjs");
-const require_as_filters = require("./as-filters-DuCk8nkk.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table = require("./use-table-nvuZdgUd.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-DS14D_rG.cjs");
+const require_use_table_component = require("./use-table-component-DS5NJPzs.cjs");
+const require_as_config_dialog = require("./as-config-dialog-DvBptYMS.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-9TSm1Vbv.cjs");
+const require_as_filter_input = require("./as-filter-input-DUqpkTkg.cjs");
+const require_as_window_table = require("./as-window-table-Bl_q72WL.cjs");
+const require_as_filters = require("./as-filters-Bhte22La.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/as-filter-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_dialog = require("./as-filter-dialog-Bxii-mYH.cjs");
+const require_as_filter_dialog = require("./as-filter-dialog-C2oyT0yt.cjs");
 module.exports = require_as_filter_dialog.as_filter_dialog_default;

package/dist/as-filter-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_dialog_default } from "./as-filter-dialog-Ckrl79kU.mjs";
+import { t as as_filter_dialog_default } from "./as-filter-dialog-BJWH8cvc.mjs";
 export { as_filter_dialog_default as default };

package/dist/{as-filter-field-C-IFnj8K.mjs → as-filter-field-B2skq4K0.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
-import { n as useTable } from "./use-table-Bk-jSxOM.mjs";
-import { t as as_table_base_default } from "./as-table-base-B0arhJI8.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
+import { r as useTable } from "./use-table-BFhbfWgY.mjs";
+import { t as as_table_base_default } from "./as-table-base-BxKBdIdS.mjs";
 import { ValueHelpClient, getMetaEntry, resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useId, watch, withCtx, withKeys, withModifiers } from "vue";
 import { arraysEqual, columnFilterType, debounce, formatFilterCondition, isFilled, isSimpleEq, parseFilterInput } from "@atscript/ui-table";

package/dist/{as-filter-field-xBr6TtKo.cjs → as-filter-field-DxGfasQj.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_use_table = require("./use-table-CdFFqaEx.cjs");
-const require_as_table_base = require("./as-table-base-Dfw012G5.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table = require("./use-table-nvuZdgUd.cjs");
+const require_as_table_base = require("./as-table-base-DLuhKz69.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/as-filter-field.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_field = require("./as-filter-field-xBr6TtKo.cjs");
+const require_as_filter_field = require("./as-filter-field-DxGfasQj.cjs");
 module.exports = require_as_filter_field.as_filter_field_default;

package/dist/as-filter-field.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_field_default } from "./as-filter-field-C-IFnj8K.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-B2skq4K0.mjs";
 export { as_filter_field_default as default };

package/dist/as-filter-input.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
+const require_as_filter_input = require("./as-filter-input-DUqpkTkg.cjs");
 module.exports = require_as_filter_input.as_filter_input_default;

package/dist/as-filter-input.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_input_default } from "./as-filter-input-BM23TNeh.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-C8KmOus8.mjs";
 export { as_filter_input_default as default };

package/dist/{as-filters-DuCk8nkk.cjs → as-filters-Bhte22La.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
-const require_as_filter_field = require("./as-filter-field-xBr6TtKo.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table_component = require("./use-table-component-DS5NJPzs.cjs");
+const require_as_filter_field = require("./as-filter-field-DxGfasQj.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-filters-DJEQj7_p.mjs → as-filters-DogNVlqr.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
-import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
-import { t as as_filter_field_default } from "./as-filter-field-C-IFnj8K.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-B2skq4K0.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui";
 //#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts

package/dist/as-filters.cjs

@@ -1,2 +1,2 @@
-const require_as_filters = require("./as-filters-DuCk8nkk.cjs");
+const require_as_filters = require("./as-filters-Bhte22La.cjs");
 module.exports = require_as_filters.as_filters_default;

package/dist/as-filters.mjs

@@ -1,2 +1,2 @@
-import { t as as_filters_default } from "./as-filters-DJEQj7_p.mjs";
+import { t as as_filters_default } from "./as-filters-DogNVlqr.mjs";
 export { as_filters_default as default };