@shwfed/config 2.12.5 → 2.12.7

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

@@ -34,6 +34,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -47,11 +52,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,6 +105,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -118,11 +123,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -34,6 +34,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -47,11 +52,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -105,6 +105,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly message: string;
         }[]] | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -118,11 +123,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -35,6 +35,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -48,11 +53,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -108,6 +108,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -121,11 +126,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

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

@@ -35,6 +35,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -48,11 +53,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -108,6 +108,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -121,11 +126,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

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

@@ -35,6 +35,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -48,11 +53,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -107,6 +107,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -120,11 +125,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -35,6 +35,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -48,11 +53,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -107,6 +107,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         }[]] | undefined;
         readonly keywords?: string | undefined;
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -120,11 +125,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -37,6 +37,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -50,11 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -112,6 +112,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -125,11 +130,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

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

@@ -37,6 +37,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -50,11 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
@@ -112,6 +112,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -125,11 +130,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly cascade: "independent" | "cascade-down" | "cascade-both";
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";

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

@@ -37,6 +37,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -50,11 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -111,6 +111,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -124,11 +129,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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

@@ -37,6 +37,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -50,11 +55,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;
@@ -111,6 +111,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-28";
         readonly readonly?: string | undefined;
+        readonly binding?: string | undefined;
+        readonly derived?: {
+            readonly mode: "formula" | "prefill";
+            readonly expression: string;
+        } | undefined;
         readonly dataSource: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -124,11 +129,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
-        readonly binding?: string | undefined;
-        readonly derived?: {
-            readonly mode: "formula" | "prefill";
-            readonly expression: string;
-        } | undefined;
         readonly nodeTooltip?: readonly [{
             readonly locale: "zh";
             readonly message: string;

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;