@shwfed/config 2.9.12 → 2.10.0

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

@@ -21,7 +21,7 @@ import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedComboboxMultiFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
@@ -47,7 +47,8 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -60,7 +61,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -74,7 +75,7 @@ const isReadonly = computed(
 const effectiveReadonly = computed(() => isReadonly.value || props.config.derived?.mode === "formula");
 function valueOf(option) {
   try {
-    return Effect.runSync($cel(props.config.optionValue, { form: state.value ?? {}, option }));
+    return Effect.runSync($cel(props.config.optionValue, { form: formScope.state.value ?? {}, option }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate optionValue for ${props.fieldId}:`, err);
     return void 0;
@@ -83,12 +84,12 @@ function valueOf(option) {
 function labelOf(option) {
   const tpl = getLocalizedText(props.config.optionLabel, locale.value) ?? "";
   if (!tpl) return "";
-  return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, option });
+  return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, option });
 }
 const entries = computed(() => {
   let raw;
   try {
-    raw = Effect.runSync($cel(props.config.options, { form: state.value ?? {} }));
+    raw = Effect.runSync($cel(props.config.options, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate options for ${props.fieldId}:`, err);
     return [];
@@ -187,9 +188,10 @@ function handleClear() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || "\u2014" }}
+      {{ triggerLabel || "-" }}
     </div>
     <Popover
       v-else

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

@@ -17,7 +17,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import {
   findWrappedPath,
   getWrappedChildren,
@@ -37,8 +37,7 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-combobox-multi-empty": "\u65E0\u53EF\u9009\u9879",
       "tree-combobox-multi-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-combobox-multi-retry": "\u91CD\u8BD5",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "\u91CD\u8BD5"
     },
     en: {
       "tree-combobox-multi-placeholder": "Select\u2026",
@@ -46,8 +45,7 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "Clear search",
       "tree-combobox-multi-empty": "No options",
       "tree-combobox-multi-load-error": "Failed to load",
-      "tree-combobox-multi-retry": "Retry",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "Retry"
     },
     ja: {
       "tree-combobox-multi-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
@@ -55,12 +53,12 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-combobox-multi-empty": "\u9078\u629E\u80A2\u306A\u3057",
       "tree-combobox-multi-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-combobox-multi-retry": "\u518D\u8A66\u884C",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "\u518D\u8A66\u884C"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -73,7 +71,7 @@ const placeholderText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -103,7 +101,7 @@ const model = computed({
   }
 });
 function nodeCtx(raw) {
-  return { form: state.value ?? {}, node: raw };
+  return { form: formScope.state.value ?? {}, node: raw };
 }
 function nodeKey(raw) {
   try {
@@ -165,11 +163,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -302,9 +300,10 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || t("tree-combobox-multi-readonly-empty") }}
+      {{ triggerLabel || "-" }}
     </div>
 
     <Popover

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

@@ -17,7 +17,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import {
   findWrappedPath,
   getWrappedChildren,
@@ -37,8 +37,7 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-combobox-single-empty": "\u65E0\u53EF\u9009\u9879",
       "tree-combobox-single-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-combobox-single-retry": "\u91CD\u8BD5",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "\u91CD\u8BD5"
     },
     en: {
       "tree-combobox-single-placeholder": "Select\u2026",
@@ -46,8 +45,7 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "Clear search",
       "tree-combobox-single-empty": "No options",
       "tree-combobox-single-load-error": "Failed to load",
-      "tree-combobox-single-retry": "Retry",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "Retry"
     },
     ja: {
       "tree-combobox-single-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
@@ -55,12 +53,12 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-combobox-single-empty": "\u9078\u629E\u80A2\u306A\u3057",
       "tree-combobox-single-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-combobox-single-retry": "\u518D\u8A66\u884C",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "\u518D\u8A66\u884C"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -73,7 +71,7 @@ const placeholderText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -104,7 +102,7 @@ const model = computed({
   }
 });
 function nodeCtx(raw) {
-  return { form: state.value ?? {}, node: raw };
+  return { form: formScope.state.value ?? {}, node: raw };
 }
 function nodeKey(raw) {
   try {
@@ -166,11 +164,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -298,9 +296,10 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || t("tree-combobox-single-readonly-empty") }}
+      {{ triggerLabel || "-" }}
     </div>
 
     <Popover

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

@@ -25,7 +25,7 @@ import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedComboboxMultiFieldRuntime" });
 const props = defineProps({
@@ -55,7 +55,8 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -68,7 +69,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -103,7 +104,7 @@ const requestSignature = computed(() => {
   const expr = opts.request;
   if (!expr) return null;
   try {
-    const req = asRequest(Effect.runSync($cel(expr, { form: state.value ?? {} })));
+    const req = asRequest(Effect.runSync($cel(expr, { form: formScope.state.value ?? {} })));
     return Option.isSome(req) ? JSON.stringify(req.value.describe()) : null;
   } catch {
     return null;
@@ -126,7 +127,7 @@ async function fetchOptions() {
   }
   isLoading.value = true;
   const program = Effect.gen(function* () {
-    const body = yield* fetchJsonOption(yield* $cel(expr, { form: state.value ?? {} }));
+    const body = yield* fetchJsonOption(yield* $cel(expr, { form: formScope.state.value ?? {} }));
     return Option.getOrNull(body);
   });
   try {
@@ -142,7 +143,7 @@ function remoteValueOf(option) {
   const opts = props.config.options;
   if (opts.kind !== "remote") return void 0;
   try {
-    return Effect.runSync($cel(opts.optionValue, { form: state.value ?? {}, option }));
+    return Effect.runSync($cel(opts.optionValue, { form: formScope.state.value ?? {}, option }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate optionValue for ${props.fieldId}:`, err);
     return void 0;
@@ -153,13 +154,13 @@ function remoteLabelOf(option) {
   if (opts.kind !== "remote") return "";
   const tpl = getLocalizedText(opts.optionLabel, locale.value) ?? "";
   if (!tpl) return "";
-  return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, option });
+  return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, option });
 }
 function remoteKeywordsOf(option) {
   const opts = props.config.options;
   if (opts.kind !== "remote" || !opts.optionKeywords) return void 0;
   try {
-    const raw = Effect.runSync($cel(opts.optionKeywords, { form: state.value ?? {}, option }));
+    const raw = Effect.runSync($cel(opts.optionKeywords, { form: formScope.state.value ?? {}, option }));
     if (!Array.isArray(raw)) return void 0;
     const joined = raw.map((k) => k == null ? "" : String(k)).filter(Boolean).join(" ");
     return joined.length > 0 ? joined : void 0;
@@ -173,7 +174,7 @@ const entries = computed(() => {
   if (opts.kind === "static") {
     return (opts.items ?? []).map((item) => {
       const labelTpl = getLocalizedText(item.label, locale.value) ?? "";
-      const ctx = { form: state.value ?? {} };
+      const ctx = { form: formScope.state.value ?? {} };
       const kw = (item.keywords ?? []).filter(Boolean).join(" ");
       return {
         key: item.id,
@@ -186,7 +187,7 @@ const entries = computed(() => {
   }
   let raw;
   try {
-    raw = Effect.runSync($cel(opts.options, { form: state.value ?? {}, json: json.value }));
+    raw = Effect.runSync($cel(opts.options, { form: formScope.state.value ?? {}, json: json.value }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate options for ${props.fieldId}:`, err);
     return [];
@@ -306,9 +307,10 @@ function handleClear() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || "\u2014" }}
+      {{ triggerLabel || "-" }}
     </div>
     <Popover
       v-else

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

@@ -25,7 +25,7 @@ import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 defineOptions({ name: "ShwfedComboboxSingleFieldRuntime" });
 const props = defineProps({
@@ -55,7 +55,8 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt, setAtSilent } = useFormState();
+const { getAt, setAt, setAtSilent } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -68,7 +69,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -103,7 +104,7 @@ const requestSignature = computed(() => {
   const expr = opts.request;
   if (!expr) return null;
   try {
-    const req = asRequest(Effect.runSync($cel(expr, { form: state.value ?? {} })));
+    const req = asRequest(Effect.runSync($cel(expr, { form: formScope.state.value ?? {} })));
     return Option.isSome(req) ? JSON.stringify(req.value.describe()) : null;
   } catch {
     return null;
@@ -126,7 +127,7 @@ async function fetchOptions() {
   }
   isLoading.value = true;
   const program = Effect.gen(function* () {
-    const body = yield* fetchJsonOption(yield* $cel(expr, { form: state.value ?? {} }));
+    const body = yield* fetchJsonOption(yield* $cel(expr, { form: formScope.state.value ?? {} }));
     return Option.getOrNull(body);
   });
   try {
@@ -142,7 +143,7 @@ function remoteValueOf(option) {
   const opts = props.config.options;
   if (opts.kind !== "remote") return void 0;
   try {
-    return Effect.runSync($cel(opts.optionValue, { form: state.value ?? {}, option }));
+    return Effect.runSync($cel(opts.optionValue, { form: formScope.state.value ?? {}, option }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate optionValue for ${props.fieldId}:`, err);
     return void 0;
@@ -153,13 +154,13 @@ function remoteLabelOf(option) {
   if (opts.kind !== "remote") return "";
   const tpl = getLocalizedText(opts.optionLabel, locale.value) ?? "";
   if (!tpl) return "";
-  return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, option });
+  return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, option });
 }
 function remoteKeywordsOf(option) {
   const opts = props.config.options;
   if (opts.kind !== "remote" || !opts.optionKeywords) return void 0;
   try {
-    const raw = Effect.runSync($cel(opts.optionKeywords, { form: state.value ?? {}, option }));
+    const raw = Effect.runSync($cel(opts.optionKeywords, { form: formScope.state.value ?? {}, option }));
     if (!Array.isArray(raw)) return void 0;
     const joined = raw.map((k) => k == null ? "" : String(k)).filter(Boolean).join(" ");
     return joined.length > 0 ? joined : void 0;
@@ -174,7 +175,7 @@ const entries = computed(() => {
     return (opts.items ?? []).map((item) => {
       const labelTpl = getLocalizedText(item.label, locale.value) ?? "";
       const tooltipTpl = item.tooltip ? getLocalizedText(item.tooltip, locale.value) : void 0;
-      const ctx = { form: state.value ?? {} };
+      const ctx = { form: formScope.state.value ?? {} };
       const kw = (item.keywords ?? []).filter(Boolean).join(" ");
       return {
         key: item.id,
@@ -188,7 +189,7 @@ const entries = computed(() => {
   }
   let raw;
   try {
-    raw = Effect.runSync($cel(opts.options, { form: state.value ?? {}, json: json.value }));
+    raw = Effect.runSync($cel(opts.options, { form: formScope.state.value ?? {}, json: json.value }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate options for ${props.fieldId}:`, err);
     return [];
@@ -311,14 +312,15 @@ const anyHasTooltip = computed(
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="selectedLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
       <Markdown
         v-if="selectedLabel"
         :source="selectedLabel"
       />
       <template v-else>
-        —
+        -
       </template>
     </div>
     <Popover

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

@@ -18,7 +18,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 import {
   findWrappedPath,
@@ -39,8 +39,7 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-combobox-multi-empty": "\u65E0\u53EF\u9009\u9879",
       "tree-combobox-multi-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-combobox-multi-retry": "\u91CD\u8BD5",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "\u91CD\u8BD5"
     },
     en: {
       "tree-combobox-multi-placeholder": "Select\u2026",
@@ -48,8 +47,7 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "Clear search",
       "tree-combobox-multi-empty": "No options",
       "tree-combobox-multi-load-error": "Failed to load",
-      "tree-combobox-multi-retry": "Retry",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "Retry"
     },
     ja: {
       "tree-combobox-multi-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
@@ -57,12 +55,12 @@ const { locale, t } = useI18n({
       "tree-combobox-multi-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-combobox-multi-empty": "\u9078\u629E\u80A2\u306A\u3057",
       "tree-combobox-multi-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-combobox-multi-retry": "\u518D\u8A66\u884C",
-      "tree-combobox-multi-readonly-empty": "\u2014"
+      "tree-combobox-multi-retry": "\u518D\u8A66\u884C"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -75,7 +73,7 @@ const placeholderText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -111,7 +109,7 @@ const model = computed({
   }
 });
 function nodeCtx(raw) {
-  return { form: state.value ?? {}, node: raw };
+  return { form: formScope.state.value ?? {}, node: raw };
 }
 function nodeKey(raw) {
   try {
@@ -184,11 +182,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -365,9 +363,10 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || t("tree-combobox-multi-readonly-empty") }}
+      {{ triggerLabel || "-" }}
     </div>
 
     <Popover

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

@@ -18,7 +18,7 @@ import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 import { useFieldValidation } from "../../../utils/validation";
 import {
   findWrappedPath,
@@ -39,8 +39,7 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-combobox-single-empty": "\u65E0\u53EF\u9009\u9879",
       "tree-combobox-single-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-combobox-single-retry": "\u91CD\u8BD5",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "\u91CD\u8BD5"
     },
     en: {
       "tree-combobox-single-placeholder": "Select\u2026",
@@ -48,8 +47,7 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "Clear search",
       "tree-combobox-single-empty": "No options",
       "tree-combobox-single-load-error": "Failed to load",
-      "tree-combobox-single-retry": "Retry",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "Retry"
     },
     ja: {
       "tree-combobox-single-placeholder": "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044",
@@ -57,12 +55,12 @@ const { locale, t } = useI18n({
       "tree-combobox-single-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-combobox-single-empty": "\u9078\u629E\u80A2\u306A\u3057",
       "tree-combobox-single-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-combobox-single-retry": "\u518D\u8A66\u884C",
-      "tree-combobox-single-readonly-empty": "\u2014"
+      "tree-combobox-single-retry": "\u518D\u8A66\u884C"
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -75,7 +73,7 @@ const placeholderText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -112,7 +110,7 @@ const model = computed({
   }
 });
 function nodeCtx(raw) {
-  return { form: state.value ?? {}, node: raw };
+  return { form: formScope.state.value ?? {}, node: raw };
 }
 function nodeKey(raw) {
   try {
@@ -185,11 +183,11 @@ async function fetchTree() {
     let jsonOpt = Option.none();
     if (dataSource.request) {
       jsonOpt = yield* fetchJsonOption(yield* $cel(dataSource.request, {
-        form: state.value ?? {}
+        form: formScope.state.value ?? {}
       }));
     }
     const dataRaw = yield* $cel(dataSource.data, {
-      form: state.value ?? {},
+      form: formScope.state.value ?? {},
       json: jsonOpt
     });
     return Array.isArray(dataRaw) ? dataRaw : [];
@@ -353,9 +351,10 @@ const hoveredTooltip = computed(() => {
 
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="triggerLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ triggerLabel || t("tree-combobox-single-readonly-empty") }}
+      {{ triggerLabel || "-" }}
     </div>
 
     <Popover