@shwfed/config 2.12.10 → 2.12.13

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/runtime.vue.d.ts

@@ -29,40 +29,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-                readonly readonly?: string | undefined;
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -130,6 +96,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -277,40 +277,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly message: string;
                 }[]] | undefined;
             }[];
-            readonly query?: {
-                readonly style?: string | undefined;
-                readonly id?: string | undefined;
-                readonly initial?: {
-                    readonly data: string;
-                    readonly request?: string | undefined;
-                } | undefined;
-                readonly displayName?: string | undefined;
-                readonly kind: "shwfed.component.form";
-                readonly fields: readonly any[];
-                readonly layouts: readonly {
-                    readonly name: string;
-                    readonly layout: {
-                        readonly style?: string | undefined;
-                        readonly columns: number;
-                        readonly gap?: number | undefined;
-                        readonly rows?: number | undefined;
-                        readonly placements: {
-                            readonly [x: string]: {
-                                readonly area: readonly [readonly [number, number], readonly [number, number]];
-                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                            };
-                        };
-                    };
-                    readonly media?: string | undefined;
-                }[];
-                readonly readonly?: string | undefined;
-            } | undefined;
-            readonly dataSource?: {
-                readonly data: string;
-                readonly total?: string | undefined;
-                readonly request?: string | undefined;
-            } | undefined;
             readonly actions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;
@@ -378,6 +344,40 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                     readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
                 }[];
             } | undefined;
+            readonly query?: {
+                readonly style?: string | undefined;
+                readonly id?: string | undefined;
+                readonly initial?: {
+                    readonly data: string;
+                    readonly request?: string | undefined;
+                } | undefined;
+                readonly displayName?: string | undefined;
+                readonly kind: "shwfed.component.form";
+                readonly fields: readonly any[];
+                readonly layouts: readonly {
+                    readonly name: string;
+                    readonly layout: {
+                        readonly style?: string | undefined;
+                        readonly columns: number;
+                        readonly gap?: number | undefined;
+                        readonly rows?: number | undefined;
+                        readonly placements: {
+                            readonly [x: string]: {
+                                readonly area: readonly [readonly [number, number], readonly [number, number]];
+                                readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                                readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                            };
+                        };
+                    };
+                    readonly media?: string | undefined;
+                }[];
+                readonly readonly?: string | undefined;
+            } | undefined;
+            readonly dataSource?: {
+                readonly data: string;
+                readonly total?: string | undefined;
+                readonly request?: string | undefined;
+            } | undefined;
             readonly bottomActions?: {
                 readonly size: "default" | "sm" | "xs";
                 readonly style?: string | undefined;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.table/schema.d.ts

@@ -47,40 +47,6 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 readonly message: string;
             }[]] | undefined;
         }[];
-        readonly query?: {
-            readonly style?: string | undefined;
-            readonly id?: string | undefined;
-            readonly initial?: {
-                readonly data: string;
-                readonly request?: string | undefined;
-            } | undefined;
-            readonly displayName?: string | undefined;
-            readonly kind: "shwfed.component.form";
-            readonly fields: readonly any[];
-            readonly layouts: readonly {
-                readonly name: string;
-                readonly layout: {
-                    readonly style?: string | undefined;
-                    readonly columns: number;
-                    readonly gap?: number | undefined;
-                    readonly rows?: number | undefined;
-                    readonly placements: {
-                        readonly [x: string]: {
-                            readonly area: readonly [readonly [number, number], readonly [number, number]];
-                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
-                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
-                        };
-                    };
-                };
-                readonly media?: string | undefined;
-            }[];
-            readonly readonly?: string | undefined;
-        } | undefined;
-        readonly dataSource?: {
-            readonly data: string;
-            readonly total?: string | undefined;
-            readonly request?: string | undefined;
-        } | undefined;
         readonly actions?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;
@@ -148,6 +114,40 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 readonly variant?: "default" | "link" | "destructive" | "primary" | "ghost" | undefined;
             }[];
         } | undefined;
+        readonly query?: {
+            readonly style?: string | undefined;
+            readonly id?: string | undefined;
+            readonly initial?: {
+                readonly data: string;
+                readonly request?: string | undefined;
+            } | undefined;
+            readonly displayName?: string | undefined;
+            readonly kind: "shwfed.component.form";
+            readonly fields: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+            readonly readonly?: string | undefined;
+        } | undefined;
+        readonly dataSource?: {
+            readonly data: string;
+            readonly total?: string | undefined;
+            readonly request?: string | undefined;
+        } | undefined;
         readonly bottomActions?: {
             readonly size: "default" | "sm" | "xs";
             readonly style?: string | undefined;

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/runtime.vue

@@ -105,6 +105,8 @@ function handleClear() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="draft ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.textarea/runtime.vue

@@ -87,6 +87,8 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm whitespace-pre-wrap"
       :class="draft ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.date/runtime.vue

@@ -122,6 +122,8 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/runtime.vue

@@ -152,6 +152,8 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/runtime.vue

@@ -122,6 +122,8 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/runtime.vue

@@ -152,6 +152,8 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.time/runtime.vue

@@ -95,6 +95,8 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.timerange/runtime.vue

@@ -118,6 +118,8 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.number/runtime.vue

@@ -1,13 +1,13 @@
 <script setup>
 import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
-import { computed, nextTick } from "vue";
+import { computed, nextTick, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
-import { formatNumberDisplay } from "../../../../../share/number-format";
+import { formatNumberDisplay, roundToPrecision } from "../../../../../share/number-format";
 import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupNumberField } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
@@ -16,7 +16,7 @@ import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValue } from "../../../utils/field-value";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormScope } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedNumberFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
@@ -86,22 +86,29 @@ const { draft, commit } = useFieldValue({
     return props.config.valueAsString ? String(next) : next;
   }
 });
+const bag = useFormState();
+watch(
+  () => [props.config.binding, props.config.precision, props.config.roundingMode, props.config.valueAsString],
+  ([binding, precision, roundingMode, valueAsString], _prev, onCleanup) => {
+    if (binding == null || precision === void 0) return;
+    const mode = roundingMode ?? "round";
+    const unregister = bag.registerCoercion(binding, (value) => {
+      let n;
+      if (typeof value === "number" && Number.isFinite(value)) n = value;
+      else if (typeof value === "string" && value.length > 0 && Number.isFinite(Number(value))) n = Number(value);
+      if (n === void 0) return value;
+      const rounded = roundToPrecision(n, precision, mode);
+      return valueAsString ? String(rounded) : rounded;
+    });
+    onCleanup(unregister);
+  },
+  { immediate: true }
+);
 const readonlyDisplay = computed(() => formatNumberDisplay(draft.value, {
   displayMode: props.config.displayMode,
   precision: props.config.precision,
   roundingMode: props.config.roundingMode
 }));
-function applyRounding(n, precision, mode) {
-  const factor = 10 ** precision;
-  switch (mode) {
-    case "floor":
-      return Math.floor(n * factor) / factor;
-    case "ceil":
-      return Math.ceil(n * factor) / factor;
-    default:
-      return Math.round(n * factor) / factor;
-  }
-}
 const addonConfig = computed(() => {
   const addon = props.config.addon;
   if (!addon || addon.items.length === 0) return null;
@@ -125,7 +132,7 @@ async function onBlur() {
   if (precision !== void 0) {
     const current = draft.value;
     if (current !== void 0) {
-      const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
+      const rounded = roundToPrecision(current, precision, props.config.roundingMode ?? "round");
       if (rounded !== current) draft.value = rounded;
     }
   }
@@ -160,6 +167,8 @@ async function onBlur() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="[
   draft != null ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none',

package/dist/runtime/components/form/fields/2026-04-28/com.shwfed.form.field.numberrange/runtime.vue

@@ -6,6 +6,7 @@ import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { getLocalizedText } from "../../../../../share/locale";
+import { roundToPrecision } from "../../../../../share/number-format";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupNumberField } from "../../../../ui/input-group";
@@ -21,7 +22,8 @@ const props = defineProps({
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { getAt, setAt } = useFormState();
+const bag = useFormState();
+const { getAt, setAt } = bag;
 const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
@@ -158,17 +160,6 @@ const endMin = computed(() => {
   if (typeof s === "number") return s;
   return m;
 });
-function applyRounding(n, precision, mode) {
-  const factor = 10 ** precision;
-  switch (mode) {
-    case "floor":
-      return Math.floor(n * factor) / factor;
-    case "ceil":
-      return Math.ceil(n * factor) / factor;
-    default:
-      return Math.round(n * factor) / factor;
-  }
-}
 async function onBlurSide(side) {
   await nextTick();
   const precision = props.config.precision;
@@ -176,12 +167,42 @@ async function onBlurSide(side) {
     const ref_ = side === "start" ? localStart : localEnd;
     const current = ref_.value;
     if (current !== void 0) {
-      const rounded = applyRounding(current, precision, props.config.roundingMode ?? "round");
+      const rounded = roundToPrecision(current, precision, props.config.roundingMode ?? "round");
       if (rounded !== current) ref_.value = rounded;
     }
   }
   commit();
 }
+function roundScalar(precision, mode, value) {
+  let n;
+  if (typeof value === "number" && Number.isFinite(value)) n = value;
+  else if (typeof value === "string" && value.length > 0 && Number.isFinite(Number(value))) n = Number(value);
+  if (n === void 0) return value;
+  const rounded = roundToPrecision(n, precision, mode);
+  return props.config.valueAsString ? String(rounded) : rounded;
+}
+watch(
+  () => [props.config.binding, props.config.precision, props.config.roundingMode, props.config.valueAsString],
+  ([binding, precision, roundingMode], _prev, onCleanup) => {
+    if (binding == null || precision === void 0) return;
+    const mode = roundingMode ?? "round";
+    const unregisters = [];
+    if (typeof binding === "string") {
+      unregisters.push(bag.registerCoercion(
+        binding,
+        (value) => Array.isArray(value) && value.length === 2 ? [roundScalar(precision, mode, value[0]), roundScalar(precision, mode, value[1])] : value
+      ));
+    } else {
+      for (const path of binding) {
+        unregisters.push(bag.registerCoercion(path, (value) => roundScalar(precision, mode, value)));
+      }
+    }
+    onCleanup(() => {
+      for (const off of unregisters) off();
+    });
+  },
+  { immediate: true }
+);
 const showClear = computed(
   () => !isDisabled.value && (localStart.value !== void 0 || localEnd.value !== void 0)
 );
@@ -224,6 +245,8 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-05-13/com.shwfed.form.field.list/runtime.vue

@@ -16,6 +16,7 @@ import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { InputGroupButton } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { useFieldValidation } from "../../../utils/validation";
+import { useFormReadonly } from "../../../utils/readonly";
 import { SELF_BINDING, useFormScope, useFormState } from "../../../utils/state";
 import Row from "./row.vue";
 defineOptions({ name: "ShwfedListFieldRuntime" });
@@ -54,6 +55,7 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
   locale: () => locale.value
 });
 const isDisabled = computed(() => evalBool(props.config.disabled, "disabled"));
+const isReadonly = useFormReadonly();
 const reorderable = computed(() => props.config.reorderable ?? true);
 const addable = computed(() => props.config.addable ?? true);
 const isScalarRow = computed(() => {
@@ -242,7 +244,7 @@ function rowConfig(i) {
       >
         <div class="flex items-center gap-2">
           <Icon
-            v-if="reorderable"
+            v-if="reorderable && !isReadonly"
             icon="fluent:re-order-dots-vertical-20-regular"
             class="drag-handle size-4 shrink-0 text-zinc-400"
             :class="canReorder ? 'cursor-grab' : 'cursor-not-allowed opacity-50'"
@@ -286,6 +288,7 @@ function rowConfig(i) {
           </div>
 
           <InputGroupButton
+            v-if="!isReadonly"
             variant="destructive"
             size="icon-xs"
             class="shrink-0"
@@ -314,7 +317,7 @@ function rowConfig(i) {
       </div>
 
       <Button
-        v-if="addable"
+        v-if="addable && !isReadonly"
         type="button"
         :disabled="!canAdd"
         data-slot="list-add"

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.month/runtime.vue

@@ -122,6 +122,8 @@ const model = computed({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/runtime.vue

@@ -152,6 +152,8 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.multi/runtime.vue

@@ -382,6 +382,8 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.combobox.single/runtime.vue

@@ -370,6 +370,8 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
+      data-slot="field-value"
+      data-value="true"
       class="min-h-9 py-1.5 text-sm"
       :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.multi/runtime.vue

@@ -397,29 +397,33 @@ const readonlyText = computed(() => {
         :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
       >
         <template #node="{ node, selected, indeterminate }">
-          <span class="flex items-start gap-2">
-            <!-- Presentational checkbox: mirrors the row's selection state but
-                 never owns it. `pointer-events-none` + `tabindex=-1` keep the
-                 existing row-click / keyboard toggle in `<UiTree>` the single
-                 source of truth — the control is a visual reflection only. -->
-            <Checkbox
-              :model-value="indeterminate ? 'indeterminate' : selected"
-              class="pointer-events-none mt-0.5 shrink-0"
-              tabindex="-1"
-              aria-hidden="true"
-            />
-            <span class="flex flex-col gap-0.5">
+          <span class="flex flex-col gap-0.5">
+            <!-- Checkbox shares a centered row with the label so it aligns to
+                 the label's line box (not the top of the label+tooltip stack).
+                 The tooltip drops below, indented `pl-6` (checkbox `size-4` +
+                 `gap-2`) to hang under the label text. -->
+            <span class="flex items-center gap-2">
+              <!-- Presentational checkbox: mirrors the row's selection state but
+                   never owns it. `pointer-events-none` + `tabindex=-1` keep the
+                   existing row-click / keyboard toggle in `<UiTree>` the single
+                   source of truth — the control is a visual reflection only. -->
+              <Checkbox
+                :model-value="indeterminate ? 'indeterminate' : selected"
+                class="pointer-events-none shrink-0"
+                tabindex="-1"
+                aria-hidden="true"
+              />
               <Markdown
                 :source="nodeLabelText(node)"
                 class="prose prose-sm prose-zinc text-zinc-700"
               />
-              <Markdown
-                v-if="nodeTooltipText(node)"
-                :source="nodeTooltipText(node)"
-                block
-                class="prose prose-xs prose-zinc text-zinc-400"
-              />
             </span>
+            <Markdown
+              v-if="nodeTooltipText(node)"
+              :source="nodeTooltipText(node)"
+              block
+              class="prose prose-xs prose-zinc text-zinc-400 pl-6"
+            />
           </span>
         </template>
 

package/dist/runtime/components/form/fields/2026-06-09/com.shwfed.form.field.upload/runtime.vue

@@ -375,7 +375,15 @@ async function onDownloadTemplate(template) {
       :data-readonly="isReadonly || void 0"
     >
       <div
-        v-if="entries.length === 0"
+        v-if="entries.length === 0 && isReadonly"
+        class="min-h-9 py-1.5 text-sm font-mono text-zinc-300 select-none"
+        data-slot="upload-empty"
+      >
+        {{ "-" }}
+      </div>
+
+      <div
+        v-else-if="entries.length === 0"
         role="button"
         :tabindex="canAdd ? 0 : -1"
         data-slot="upload-zone"