@shwfed/config 2.12.5 → 2.12.6

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;

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

@@ -1,4 +1,4 @@
-import type { NavNode } from './types.js';
+import { type NavNode } from './types.js';
 import type { SidebarFavorites } from './favorites.js';
 type __VLS_Props = {
     node: NavNode;

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

@@ -1,4 +1,5 @@
 <script setup>
+import { computed, inject } from "vue";
 import { Icon } from "@iconify/vue";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible";
 import {
@@ -7,35 +8,52 @@ import {
   SidebarMenuItem,
   SidebarMenuSub
 } from "../ui/sidebar";
+import { SIDEBAR_ACTIVE_KEYS } from "./types";
 defineOptions({ name: "ShwfedSidebarNode" });
 const props = defineProps({
   node: { type: Object, required: true },
   favorites: { type: null, required: true }
 });
+const activeKeys = inject(SIDEBAR_ACTIVE_KEYS, void 0);
+const isActive = computed(() => {
+  const keys = activeKeys?.value;
+  if (!keys) return false;
+  if (keys.has(props.node.key)) return true;
+  const stack = [...props.node.children];
+  while (stack.length) {
+    const n = stack.pop();
+    if (keys.has(n.key)) return true;
+    for (const c of n.children) stack.push(c);
+  }
+  return false;
+});
+const isLeaf = computed(() => props.node.children.length === 0 && !!props.node.route);
 function onOpenUpdate(open) {
   props.favorites.setOpen(props.node.key, open);
 }
 </script>
 
 <template>
-  <SidebarMenuItem>
+  <SidebarMenuItem :class="isLeaf ? 'group/nav-leaf' : void 0">
     <!-- Group: collapsible, recurses into a sub-menu -->
     <Collapsible
       v-if="node.children.length"
-      class="group/collapsible"
-      :open="favorites.isOpen(node.key, true)"
+      :open="favorites.isOpen(node.key, false)"
       @update:open="onOpenUpdate"
     >
       <CollapsibleTrigger as-child>
-        <SidebarMenuButton>
+        <SidebarMenuButton
+          :is-active="isActive"
+          :data-nav-key="node.key"
+        >
           <Icon
             v-if="node.icon"
             :icon="node.icon"
           />
-          <span>{{ node.label }}</span>
+          <span class="truncate">{{ node.label }}</span>
           <Icon
-            icon="fluent:chevron-right-20-regular"
-            class="ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90"
+            icon="fluent:chevron-down-20-regular"
+            class="ml-auto shrink-0 text-zinc-400"
           />
         </SidebarMenuButton>
       </CollapsibleTrigger>
@@ -57,28 +75,30 @@ function onOpenUpdate(open) {
         :to="node.route"
         custom
       >
-        <template #default="{ navigate, isExactActive }">
+        <template #default="{ navigate }">
           <SidebarMenuButton
             as-child
-            :is-active="isExactActive"
+            :is-active="isActive"
+            :class="isActive ? void 0 : 'group-hover/nav-leaf:bg-zinc-100 group-hover/nav-leaf:text-zinc-900'"
           >
             <button
               type="button"
+              :data-nav-key="node.key"
               @click="navigate"
             >
               <Icon
                 v-if="node.icon"
                 :icon="node.icon"
               />
-              <span>{{ node.label }}</span>
+              <span class="truncate">{{ node.label }}</span>
             </button>
           </SidebarMenuButton>
         </template>
       </NuxtLink>
       <SidebarMenuAction
         v-if="node.favoritable"
-        :show-on-hover="!favorites.isFavorite(node.key)"
-        class="text-yellow-500!"
+        class="text-yellow-500! transition-opacity"
+        :class="favorites.isFavorite(node.key) ? 'opacity-100' : 'md:opacity-0 group-hover/nav-leaf:opacity-100 group-focus-within/nav-leaf:opacity-100'"
         @click.stop="favorites.toggleFavorite(node.key)"
       >
         <Icon :icon="favorites.isFavorite(node.key) ? 'fluent:star-20-filled' : 'fluent:star-20-regular'" />
@@ -95,7 +115,7 @@ function onOpenUpdate(open) {
           v-if="node.icon"
           :icon="node.icon"
         />
-        <span>{{ node.label }}</span>
+        <span class="truncate">{{ node.label }}</span>
       </span>
     </SidebarMenuButton>
   </SidebarMenuItem>

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

@@ -1,4 +1,4 @@
-import type { NavNode } from './types.js';
+import { type NavNode } from './types.js';
 import type { SidebarFavorites } from './favorites.js';
 type __VLS_Props = {
     node: NavNode;