@shwfed/config 2.12.4 → 2.12.6

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

@@ -56,6 +56,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -67,15 +76,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -131,6 +131,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]];
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -142,15 +151,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -49,9 +49,10 @@ const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
-const tooltipText = computed(
-  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
-);
+const tooltipText = computed(() => {
+  const raw = props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0;
+  return raw ? interpolateMarkdown(raw, $cel, { form: formScope.state.value ?? {} }) : void 0;
+});
 function evalBool(expression, label) {
   if (!expression) return false;
   try {

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

@@ -33,7 +33,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]], never>>;
-    tooltip: Schema.optional<Schema.suspend<readonly [{
+    tooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -45,7 +51,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -51,7 +51,7 @@ export function schema(configure) {
       title: "\u6807\u7B7E",
       description: "\u5B57\u6BB5\u524D\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
     })),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),

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

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -55,6 +55,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -66,15 +75,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -129,6 +129,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly nodeTooltip?: readonly [{
+            readonly locale: "zh";
+            readonly message: string;
+        }, ...{
+            readonly locale: "en" | "ja" | "ko";
+            readonly message: string;
+        }[]] | undefined;
+        readonly nodeSelectable?: string | undefined;
+        readonly expandAll: boolean;
         readonly validations?: readonly {
             readonly message: readonly [{
                 readonly locale: "zh";
@@ -140,15 +149,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly warning?: boolean | undefined;
             readonly when: string;
         }[] | undefined;
-        readonly nodeTooltip?: readonly [{
-            readonly locale: "zh";
-            readonly message: string;
-        }, ...{
-            readonly locale: "en" | "ja" | "ko";
-            readonly message: string;
-        }[]] | undefined;
-        readonly nodeSelectable?: string | undefined;
-        readonly expandAll: boolean;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -45,9 +45,10 @@ const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
-const tooltipText = computed(
-  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
-);
+const tooltipText = computed(() => {
+  const raw = props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0;
+  return raw ? interpolateMarkdown(raw, $cel, { form: formScope.state.value ?? {} }) : void 0;
+});
 function evalBool(expression, label) {
   if (!expression) return false;
   try {

package/dist/runtime/components/form/fields/2026-05-28/com.shwfed.form.field.tree.single/schema.d.ts

@@ -32,7 +32,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]], never>>;
-    tooltip: Schema.optional<Schema.suspend<readonly [{
+    tooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -44,7 +50,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;
     readonly: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -47,7 +47,7 @@ export function schema(configure) {
       title: "\u6807\u7B7E",
       description: "\u5B57\u6BB5\u524D\u5C55\u793A\u7684\u6587\u672C\uFF1B\u7559\u7A7A\u5219\u4E0D\u6E32\u67D3\u6807\u7B7E"
     })),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),

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

@@ -8,6 +8,7 @@ import { toast } from "vue-sonner";
 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 { Button } from "../../../../ui/button";
 import { Field, FieldLabel, FieldMessages } from "../../../../ui/field";
 import { Markdown } from "../../../../ui/markdown";
@@ -119,9 +120,10 @@ const labelText = computed(
 const descriptionText = computed(
   () => props.config.description ? getLocalizedText(props.config.description, locale.value) : void 0
 );
-const tooltipText = computed(
-  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
-);
+const tooltipText = computed(() => {
+  const raw = props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0;
+  return raw ? interpolateMarkdown(raw, $cel, { form: formScope.state.value ?? {} }) : void 0;
+});
 function evalBool(expression, label) {
   if (!expression) return false;
   try {

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

@@ -83,7 +83,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]], never>>;
-    tooltip: Schema.optional<Schema.suspend<readonly [{
+    tooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -95,7 +101,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;

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

@@ -60,7 +60,7 @@ export function schema(configure) {
       title: "\u5360\u4F4D\u7B26",
       description: "\u4E0A\u4F20\u533A\u57DF\u4E3A\u7A7A\u65F6\u7684\u63D0\u793A\u6587\u672C"
     })),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),

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

@@ -10,6 +10,7 @@ import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
 import { publishOptions, publishSelection } from "../../../../../utils/selections-registry";
 import { getLocalizedText } from "../../../../../share/locale";
+import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import {
   Command,
   CommandEmpty,
@@ -62,9 +63,10 @@ const labelText = computed(() => getLocalizedText(props.config.label, locale.val
 const placeholderText = computed(
   () => props.config.placeholder ? getLocalizedText(props.config.placeholder, locale.value) : t("combobox-multi-placeholder")
 );
-const tooltipText = computed(
-  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
-);
+const tooltipText = computed(() => {
+  const raw = props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0;
+  return raw ? interpolateMarkdown(raw, $cel, { form: formScope.state.value ?? {} }) : void 0;
+});
 function evalBool(expression, label) {
   if (!expression) return false;
   try {

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.multi/schema.d.ts

@@ -155,7 +155,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]], never>>;
-    tooltip: Schema.optional<Schema.suspend<readonly [{
+    tooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -167,7 +173,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.multi/schema.js

@@ -126,7 +126,7 @@ export function schema(configure) {
       title: "\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),

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

@@ -63,9 +63,10 @@ const labelText = computed(() => getLocalizedText(props.config.label, locale.val
 const placeholderText = computed(
   () => props.config.placeholder ? getLocalizedText(props.config.placeholder, locale.value) : t("combobox-single-placeholder")
 );
-const tooltipText = computed(
-  () => props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0
-);
+const tooltipText = computed(() => {
+  const raw = props.config.tooltip ? getLocalizedText(props.config.tooltip, locale.value) : void 0;
+  return raw ? interpolateMarkdown(raw, $cel, { form: formScope.state.value ?? {} }) : void 0;
+});
 function evalBool(expression, label) {
   if (!expression) return false;
   try {

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.single/schema.d.ts

@@ -155,7 +155,13 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
     }[]], never>>;
-    tooltip: Schema.optional<Schema.suspend<readonly [{
+    tooltip: Schema.optional<Schema.refine<readonly [{
+        readonly locale: "zh";
+        readonly message: string;
+    }, ...{
+        readonly locale: "en" | "ja" | "ko";
+        readonly message: string;
+    }[]], Schema.suspend<readonly [{
         readonly locale: "zh";
         readonly message: string;
     }, ...{
@@ -167,7 +173,7 @@ export declare function schema(configure: (env: Environment) => void): Schema.St
     }, ...{
         readonly locale: "en" | "ja" | "ko";
         readonly message: string;
-    }[]], never>>;
+    }[]], never>>>;
     orientation: Schema.optional<Schema.Literal<["vertical", "floating"]>>;
     binding: Schema.optional<Schema.refine<string, typeof Schema.String>>;
     disabled: Schema.optional<Schema.Schema<string, string, never>>;

package/dist/runtime/components/form/fields/2026-06-14/com.shwfed.form.field.combobox.single/schema.js

@@ -126,7 +126,7 @@ export function schema(configure) {
       title: "\u5360\u4F4D\u7B26",
       description: "\u672A\u9009\u4E2D\u4EFB\u4F55\u9009\u9879\u65F6\u8F93\u5165\u6846\u4E2D\u7684\u5360\u4F4D\u6587\u672C"
     })),
-    tooltip: Schema.optional(Locale.annotations({
+    tooltip: Schema.optional(LocaleMarkdown({ configure }).annotations({
       title: "\u63D0\u793A",
       description: "\u9F20\u6807\u60AC\u505C\u5728\u6807\u7B7E\u4E0A\u65F6\u5C55\u793A\u7684\u8BF4\u660E"
     })),

package/dist/runtime/components/sidebar/index.d.vue.ts

@@ -15,7 +15,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:config": (value: Readonly<{
         kind: "shwfed.component.sidebar";
         dataSource: Readonly<{
-            request?: string;
+            request
+            /**
+             * `ShwfedSidebar` — a standalone, data-driven navigation sidebar. A PEER of
+             * `ShwfedConfig` (the page body), not a block inside it: its own serializable
+             * config (`v-model:config`), its own ⌘/Ctrl-click editor modal, its own CEL
+             * context. The navigation tree is data-driven (see `schema.ts` / `tree.vue`).
+             *
+             * Wrapped in `<ClientOnly>`: the data fetch and localStorage-backed favorites /
+             * open-state are client concerns, so SSR would only hydrate-mismatch.
+             */
+            ?: string;
             data: string;
         }>;
         nodeKey: string;
@@ -30,7 +40,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.sidebar";
         dataSource: Readonly<{
-            request?: string;
+            request
+            /**
+             * `ShwfedSidebar` — a standalone, data-driven navigation sidebar. A PEER of
+             * `ShwfedConfig` (the page body), not a block inside it: its own serializable
+             * config (`v-model:config`), its own ⌘/Ctrl-click editor modal, its own CEL
+             * context. The navigation tree is data-driven (see `schema.ts` / `tree.vue`).
+             *
+             * Wrapped in `<ClientOnly>`: the data fetch and localStorage-backed favorites /
+             * open-state are client concerns, so SSR would only hydrate-mismatch.
+             */
+            ?: string;
             data: string;
         }>;
         nodeKey: string;
@@ -44,7 +64,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     width: string;
     collapsible: "offcanvas" | "icon" | "none";
-    storageKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/sidebar/index.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { computed, ref, watch } from "vue";
+import { useLocalStorage } from "@vueuse/core";
+import { useRuntimeConfig } from "#app";
 import { injectCELContext } from "../../utils/cel-context";
 import { Sidebar, SidebarProvider } from "../ui/sidebar";
 import ShwfedModal from "../modal.vue";
@@ -19,10 +21,54 @@ const config = computed({
 const props = defineProps({
   configure: { type: Function, required: false },
   editable: { type: Boolean, required: false },
-  storageKey: { type: String, required: false, default: "shwfed-sidebar" },
+  storageKey: { type: String, required: false },
   collapsible: { type: String, required: false, default: "none" },
   width: { type: String, required: false, default: "13rem" }
 });
+const runtimeConfig = useRuntimeConfig();
+const job = runtimeConfig.public.shwfed.ci.job;
+const resolvedStorageKey = props.storageKey ?? `shwfed:sidebar:${job ?? "default"}`;
+const MIN_WIDTH = 200;
+const MAX_WIDTH = 480;
+function toPx(w) {
+  const rem = /^([\d.]+)rem$/.exec(w);
+  if (rem?.[1]) return Math.round(Number.parseFloat(rem[1]) * 16);
+  const px = /^([\d.]+)px$/.exec(w);
+  if (px?.[1]) return Math.round(Number.parseFloat(px[1]));
+  return 240;
+}
+function clampWidth(px) {
+  return Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, Math.round(px)));
+}
+const sidebarWidth = useLocalStorage(`${resolvedStorageKey}:width`, clampWidth(toPx(props.width)));
+const widthStyle = computed(() => `${clampWidth(sidebarWidth.value)}px`);
+const dragging = ref(false);
+const previewX = ref(0);
+let sidebarLeft = 0;
+function startResize(event) {
+  event.preventDefault();
+  const rect = event.currentTarget.getBoundingClientRect();
+  sidebarLeft = rect.left + rect.width / 2 - sidebarWidth.value;
+  previewX.value = clampWidth(event.clientX - sidebarLeft);
+  dragging.value = true;
+  const prevSelect = document.body.style.userSelect;
+  const prevCursor = document.body.style.cursor;
+  document.body.style.userSelect = "none";
+  document.body.style.cursor = "col-resize";
+  const onMove = (e) => {
+    previewX.value = clampWidth(e.clientX - sidebarLeft);
+  };
+  const onUp = () => {
+    window.removeEventListener("pointermove", onMove);
+    window.removeEventListener("pointerup", onUp);
+    document.body.style.userSelect = prevSelect;
+    document.body.style.cursor = prevCursor;
+    dragging.value = false;
+    sidebarWidth.value = previewX.value;
+  };
+  window.addEventListener("pointermove", onMove);
+  window.addEventListener("pointerup", onUp);
+}
 const inheritedCEL = injectCELContext();
 const hostConfigure = props.configure ?? (() => {
 });
@@ -60,19 +106,34 @@ function onRootClick(event) {
       @click.capture="onRootClick"
     >
       <SidebarProvider
-        class="w-fit"
-        :style="{ '--sidebar-width': width }"
+        class="relative w-fit"
+        :style="{ '--sidebar-width': widthStyle }"
       >
         <Sidebar
           :collapsible="collapsible"
-          class="sticky h-full"
+          class="sticky h-full border-r border-zinc-200"
         >
           <SidebarTree
             :config="config"
             :configure="mergedConfigure"
-            :storage-key="storageKey"
+            :storage-key="resolvedStorageKey"
           />
+          <!-- Resize: a wide, invisible hit area straddling the border, with a
+               thin line that only faintly appears on hover. -->
+          <div
+            class="group/resize absolute inset-y-0 right-0 z-20 w-3 translate-x-1/2 cursor-col-resize touch-none"
+            @pointerdown="startResize"
+          >
+            <div class="mx-auto h-full w-px transition-colors group-hover/resize:bg-zinc-300" />
+          </div>
         </Sidebar>
+        <!-- Drag preview — moved purely via `transform` (no reflow); the real
+             width snaps to it on release. -->
+        <div
+          v-if="dragging"
+          class="pointer-events-none absolute inset-y-0 left-0 z-30 w-0.5 bg-(--primary) will-change-transform"
+          :style="{ transform: `translateX(${previewX}px)` }"
+        />
       </SidebarProvider>
     </div>
 

package/dist/runtime/components/sidebar/index.vue.d.ts

@@ -15,7 +15,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:config": (value: Readonly<{
         kind: "shwfed.component.sidebar";
         dataSource: Readonly<{
-            request?: string;
+            request
+            /**
+             * `ShwfedSidebar` — a standalone, data-driven navigation sidebar. A PEER of
+             * `ShwfedConfig` (the page body), not a block inside it: its own serializable
+             * config (`v-model:config`), its own ⌘/Ctrl-click editor modal, its own CEL
+             * context. The navigation tree is data-driven (see `schema.ts` / `tree.vue`).
+             *
+             * Wrapped in `<ClientOnly>`: the data fetch and localStorage-backed favorites /
+             * open-state are client concerns, so SSR would only hydrate-mismatch.
+             */
+            ?: string;
             data: string;
         }>;
         nodeKey: string;
@@ -30,7 +40,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.sidebar";
         dataSource: Readonly<{
-            request?: string;
+            request
+            /**
+             * `ShwfedSidebar` — a standalone, data-driven navigation sidebar. A PEER of
+             * `ShwfedConfig` (the page body), not a block inside it: its own serializable
+             * config (`v-model:config`), its own ⌘/Ctrl-click editor modal, its own CEL
+             * context. The navigation tree is data-driven (see `schema.ts` / `tree.vue`).
+             *
+             * Wrapped in `<ClientOnly>`: the data fetch and localStorage-backed favorites /
+             * open-state are client concerns, so SSR would only hydrate-mismatch.
+             */
+            ?: string;
             data: string;
         }>;
         nodeKey: string;
@@ -44,7 +64,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     width: string;
     collapsible: "offcanvas" | "icon" | "none";
-    storageKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;