@shwfed/config 3.0.2 → 3.0.4

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -53,6 +52,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -106,7 +106,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -116,6 +115,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -53,6 +52,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,7 +105,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -115,6 +114,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-05-27/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -53,6 +52,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,7 +105,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -115,6 +114,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -44,7 +44,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,6 +53,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -118,6 +117,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -44,7 +44,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,6 +53,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -108,7 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -118,6 +117,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -44,7 +44,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,6 +53,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -107,7 +107,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -117,6 +116,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-05-28/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -44,7 +44,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -54,6 +53,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -107,7 +107,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: readonly [{
@@ -117,6 +116,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -104,10 +104,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -104,10 +104,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-multi/runtime.vue

@@ -12,6 +12,7 @@ import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
+import { ScrollArea } from "../../../../ui/scroll-area";
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
@@ -427,58 +428,61 @@ const hoveredTooltip = computed(() => {
             <Skeleton class="h-4 w-3/5" />
           </div>
 
-          <UiTree
+          <ScrollArea
             v-else
-            :roots="roots"
-            :get-key="(w) => w.key"
-            :get-children="getWrappedChildren"
-            selection-mode="multi"
-            :cascade="column.cascade ?? 'independent'"
-            :model-value="displayKeys"
-            :selectable="wrappedSelectable"
-            :filter-predicate="filterPredicate"
-            :filter-query="filterQuery"
-            :initial-expanded="initialExpanded"
-            :show-focused-row="false"
-            :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
-            class="max-h-72 overflow-y-auto"
-            @update:model-value="handleUpdate"
+            class="max-h-72"
           >
-            <template #node="{ node, selected }">
-              <span
-                class="flex flex-1 min-w-0 items-center justify-between gap-2"
-                @mouseenter="hoveredKey = node.key"
-                @focusin="hoveredKey = node.key"
-              >
-                <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
-                <Icon
-                  v-if="selected"
-                  icon="fluent:checkmark-20-regular"
-                  class="size-3 shrink-0 text-zinc-700"
-                />
-              </span>
-            </template>
+            <UiTree
+              :roots="roots"
+              :get-key="(w) => w.key"
+              :get-children="getWrappedChildren"
+              selection-mode="multi"
+              :cascade="column.cascade ?? 'independent'"
+              :model-value="displayKeys"
+              :selectable="wrappedSelectable"
+              :filter-predicate="filterPredicate"
+              :filter-query="filterQuery"
+              :initial-expanded="initialExpanded"
+              :show-focused-row="false"
+              :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
+              @update:model-value="handleUpdate"
+            >
+              <template #node="{ node, selected }">
+                <span
+                  class="flex flex-1 min-w-0 items-center justify-between gap-2"
+                  @mouseenter="hoveredKey = node.key"
+                  @focusin="hoveredKey = node.key"
+                >
+                  <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
+                  <Icon
+                    v-if="selected"
+                    icon="fluent:checkmark-20-regular"
+                    class="size-3 shrink-0 text-zinc-700"
+                  />
+                </span>
+              </template>
 
-            <template #empty>
-              <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
-                {{ t("tree-combobox-multi-empty") }}
-              </div>
-            </template>
+              <template #empty>
+                <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
+                  {{ t("tree-combobox-multi-empty") }}
+                </div>
+              </template>
 
-            <template #error="{ error, retry }">
-              <span class="inline-flex items-center gap-1 text-xs text-red-500">
-                {{ t("tree-combobox-multi-load-error") }}
-                <button
-                  type="button"
-                  class="underline hover:text-red-600"
-                  @click.stop="retry"
-                >
-                  {{ t("tree-combobox-multi-retry") }}
-                </button>
-                <span class="sr-only">{{ String(error) }}</span>
-              </span>
-            </template>
-          </UiTree>
+              <template #error="{ error, retry }">
+                <span class="inline-flex items-center gap-1 text-xs text-red-500">
+                  {{ t("tree-combobox-multi-load-error") }}
+                  <button
+                    type="button"
+                    class="underline hover:text-red-600"
+                    @click.stop="retry"
+                  >
+                    {{ t("tree-combobox-multi-retry") }}
+                  </button>
+                  <span class="sr-only">{{ String(error) }}</span>
+                </span>
+              </template>
+            </UiTree>
+          </ScrollArea>
         </div>
         <div
           v-if="anyHasTooltip && hoveredTooltip"

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/config.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -103,10 +103,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly data: string;
             readonly request?: string | undefined;
         };
-        readonly enableSorting?: boolean | undefined;
         readonly nodeKey: string;
         readonly nodeChildren: string;
         readonly nodeLabel: string;
+        readonly enableSorting?: boolean | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

package/dist/runtime/components/table/columns/2026-06-14/com.shwfed.table.column.tree-combobox-single/runtime.vue

@@ -12,6 +12,7 @@ import { fetchJsonOption } from "../../../../../share/request";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
+import { ScrollArea } from "../../../../ui/scroll-area";
 import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { useFormState } from "../../../../form/utils/state";
@@ -393,57 +394,60 @@ const hoveredTooltip = computed(() => {
             <Skeleton class="h-4 w-3/5" />
           </div>
 
-          <UiTree
+          <ScrollArea
             v-else
-            :roots="roots"
-            :get-key="(w) => w.key"
-            :get-children="getWrappedChildren"
-            selection-mode="single"
-            :model-value="model"
-            :selectable="wrappedSelectable"
-            :filter-predicate="filterPredicate"
-            :filter-query="filterQuery"
-            :initial-expanded="initialExpanded"
-            :show-focused-row="false"
-            :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
-            class="max-h-72 overflow-y-auto"
-            @update:model-value="handleUpdate"
+            class="max-h-72"
           >
-            <template #node="{ node, selected }">
-              <span
-                class="flex flex-1 min-w-0 items-center justify-between gap-2"
-                @mouseenter="hoveredKey = node.key"
-                @focusin="hoveredKey = node.key"
-              >
-                <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
-                <Icon
-                  v-if="selected"
-                  icon="fluent:checkmark-20-regular"
-                  class="size-3 shrink-0 text-zinc-700"
-                />
-              </span>
-            </template>
+            <UiTree
+              :roots="roots"
+              :get-key="(w) => w.key"
+              :get-children="getWrappedChildren"
+              selection-mode="single"
+              :model-value="model"
+              :selectable="wrappedSelectable"
+              :filter-predicate="filterPredicate"
+              :filter-query="filterQuery"
+              :initial-expanded="initialExpanded"
+              :show-focused-row="false"
+              :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
+              @update:model-value="handleUpdate"
+            >
+              <template #node="{ node, selected }">
+                <span
+                  class="flex flex-1 min-w-0 items-center justify-between gap-2"
+                  @mouseenter="hoveredKey = node.key"
+                  @focusin="hoveredKey = node.key"
+                >
+                  <span class="min-w-0 truncate text-[0.75rem] text-zinc-700">{{ wrappedLabelText(node) }}</span>
+                  <Icon
+                    v-if="selected"
+                    icon="fluent:checkmark-20-regular"
+                    class="size-3 shrink-0 text-zinc-700"
+                  />
+                </span>
+              </template>
 
-            <template #empty>
-              <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
-                {{ t("tree-combobox-single-empty") }}
-              </div>
-            </template>
+              <template #empty>
+                <div class="min-h-7 px-2 py-1 text-[0.75rem] text-zinc-400">
+                  {{ t("tree-combobox-single-empty") }}
+                </div>
+              </template>
 
-            <template #error="{ error, retry }">
-              <span class="inline-flex items-center gap-1 text-xs text-red-500">
-                {{ t("tree-combobox-single-load-error") }}
-                <button
-                  type="button"
-                  class="underline hover:text-red-600"
-                  @click.stop="retry"
-                >
-                  {{ t("tree-combobox-single-retry") }}
-                </button>
-                <span class="sr-only">{{ String(error) }}</span>
-              </span>
-            </template>
-          </UiTree>
+              <template #error="{ error, retry }">
+                <span class="inline-flex items-center gap-1 text-xs text-red-500">
+                  {{ t("tree-combobox-single-load-error") }}
+                  <button
+                    type="button"
+                    class="underline hover:text-red-600"
+                    @click.stop="retry"
+                  >
+                    {{ t("tree-combobox-single-retry") }}
+                  </button>
+                  <span class="sr-only">{{ String(error) }}</span>
+                </span>
+              </template>
+            </UiTree>
+          </ScrollArea>
         </div>
         <div
           v-if="anyHasTooltip && hoveredTooltip"