@wipco/sdui 0.50.6 → 1.0.1

package/dist/index.js

@@ -1,24 +1,22 @@
-export { loadOptionalModule } from './chunk-EKP6Z3G6.js';
-import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-UMANGYRD.js';
-export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-UMANGYRD.js';
-import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-QTHYLNJW.js';
-export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-QTHYLNJW.js';
-import { ImageViewer } from './chunk-AVRNQOB5.js';
-export { ImageViewer } from './chunk-AVRNQOB5.js';
-import { TimePicker } from './chunk-EKVA7T7P.js';
-export { TimePicker } from './chunk-EKVA7T7P.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-VDBUXYEB.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-VDBUXYEB.js';
-import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-I5Z2RVDF.js';
-export { DatePicker, DateRangePicker } from './chunk-I5Z2RVDF.js';
+export { loadOptionalModule } from './chunk-YVTV4ZV6.js';
+import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-TFGNKFL2.js';
+export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-TFGNKFL2.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-37SFFW37.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-37SFFW37.js';
+import { ImageViewer } from './chunk-SAPBDJJQ.js';
+export { ImageViewer } from './chunk-SAPBDJJQ.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-WOYMEEPH.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-WOYMEEPH.js';
+import { HoistedStyle, parseYmd, YMD_RE, TimePicker, DateRangePicker, DatePicker } from './chunk-WSLT32Q4.js';
+export { DatePicker, DateRangePicker, TimePicker } from './chunk-WSLT32Q4.js';
 export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.js';
-import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DKPNFEVU.js';
-export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DKPNFEVU.js';
-import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-TUOG7EEI.js';
-export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-TUOG7EEI.js';
-import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-YQOMSWW5.js';
-export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-YQOMSWW5.js';
-import React9, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
+import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-KO6OEY3G.js';
+export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-KO6OEY3G.js';
+import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, fieldOf, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce, isPlainObject, CALC_OPS, evaluateCalc, ICON_NODES, toNumber } from './chunk-RNOUXUBO.js';
+export { Alert, Avatar, Badge, Breadcrumb, Button, CALC_OPS, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-RNOUXUBO.js';
+import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-5WW4MBRO.js';
+export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-5WW4MBRO.js';
+import React9, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/asset-url.ts
@@ -115,6 +113,22 @@ function resolveAssetsIn(propName, value, resolve, component) {
     return out ?? record;
   }
 }
+function SpecErrorCard({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      className: "wp-caption",
+      style: {
+        color: "var(--wp-text-danger)",
+        border: "1px dashed var(--wp-border-danger)",
+        borderRadius: "var(--wp-radius-md)",
+        padding: "var(--wp-space-3)"
+      },
+      children
+    }
+  );
+}
 var NodeErrorBoundary = class extends React9.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -132,25 +146,12 @@ var NodeErrorBoundary = class extends React9.Component {
   }
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "alert",
-          className: "wp-caption",
-          style: {
-            color: "var(--wp-text-danger)",
-            border: "1px dashed var(--wp-border-danger)",
-            borderRadius: "var(--wp-radius-md)",
-            padding: "var(--wp-space-3)"
-          },
-          children: [
-            "[",
-            this.props.name,
-            "] \uB80C\uB354 \uC624\uB958: ",
-            this.state.error.message
-          ]
-        }
-      );
+      return /* @__PURE__ */ jsxs(SpecErrorCard, { children: [
+        "[",
+        this.props.name,
+        "] \uB80C\uB354 \uC624\uB958: ",
+        this.state.error.message
+      ] });
     }
     return this.props.children;
   }
@@ -165,17 +166,20 @@ function Can({ entity, action = "read", scope, fallback = null, children }) {
 }
 function imageRenderer(cell, key, width = cell.width ?? 72) {
   const height = cell.height ?? 52;
-  return (row) => /* @__PURE__ */ jsx(
-    ImageCellView,
-    {
-      url: typeof row[key] === "string" ? row[key] : "",
-      alt: cell.altKey ? String(row[cell.altKey] ?? "") : "",
-      width,
-      height,
-      fit: cell.fit ?? "cover",
-      fallbackIcon: cell.fallbackIcon ?? "image"
-    }
-  );
+  return (row) => {
+    const url = fieldOf(row, key);
+    return /* @__PURE__ */ jsx(
+      ImageCellView,
+      {
+        url: typeof url === "string" ? url : "",
+        alt: cell.altKey ? String(fieldOf(row, cell.altKey) ?? "") : "",
+        width,
+        height,
+        fit: cell.fit ?? "cover",
+        fallbackIcon: cell.fallbackIcon ?? "image"
+      }
+    );
+  };
 }
 function ImageCellView({
   url,
@@ -229,7 +233,7 @@ function ImageCellView({
     /* @__PURE__ */ jsx(ImageViewer, { src: url, alt, open, onClose: () => setOpen(false) })
   ] });
 }
-function toNumber(value) {
+function toNumber2(value) {
   if (typeof value === "number") return Number.isFinite(value) ? value : null;
   if (typeof value === "string") {
     const plain = value.replace(/,/g, "").trim();
@@ -240,7 +244,7 @@ function toNumber(value) {
 function fillTemplate(template, row) {
   return template.replace(
     /\{([\w.-]+)\}/g,
-    (_match, key) => encodeURIComponent(String(row[key] ?? ""))
+    (_match, key) => encodeURIComponent(String(fieldOf(row, key) ?? ""))
   );
 }
 var pad2 = (n) => String(n).padStart(2, "0");
@@ -250,7 +254,9 @@ function formatDateCellValue(date) {
   return `${ymdOf(date)} ${hmOf(date)}`;
 }
 function formatDate(raw, format) {
-  const date = new Date(raw);
+  const dateOnly = parseYmd(raw);
+  if (!dateOnly && YMD_RE.test(raw)) return raw;
+  const date = dateOnly ? new Date(dateOnly.getFullYear(), dateOnly.getMonth(), dateOnly.getDate()) : new Date(raw);
   if (Number.isNaN(date.getTime())) return raw;
   if (format === "datetime") return formatDateCellValue(date);
   if (format === "time") return hmOf(date);
@@ -261,19 +267,19 @@ function cellRenderer(cell, key, dispatch) {
   switch (cell.type) {
     case "badge":
       return (row) => {
-        const value = String(row[key] ?? "");
+        const value = String(fieldOf(row, key) ?? "");
         if (!value) return null;
         return /* @__PURE__ */ jsx(Badge, { tone: cell.toneMap?.[value] ?? "neutral", children: cell.labelMap?.[value] ?? value });
       };
     case "tag":
       return (row) => {
-        const value = String(row[key] ?? "");
+        const value = String(fieldOf(row, key) ?? "");
         if (!value) return null;
         return /* @__PURE__ */ jsx(Tag, { color: cell.colorMap?.[value], filled: cell.filled, children: value });
       };
     case "link":
       return (row) => {
-        const label = String(row[cell.labelKey ?? key] ?? "");
+        const label = String(fieldOf(row, cell.labelKey ?? key) ?? "");
         if (!label) return null;
         const to = fillTemplate(cell.to ?? "", row);
         return (
@@ -299,14 +305,15 @@ function cellRenderer(cell, key, dispatch) {
       };
     case "progress":
       return (row) => {
-        const value = toNumber(row[key]);
-        if (value === null) return String(row[key] ?? "");
-        const max = (cell.maxKey ? toNumber(row[cell.maxKey]) : null) ?? cell.max ?? 100;
+        const raw = fieldOf(row, key);
+        const value = toNumber2(raw);
+        if (value === null) return String(raw ?? "");
+        const max = (cell.maxKey ? toNumber2(fieldOf(row, cell.maxKey)) : null) ?? cell.max ?? 100;
         return /* @__PURE__ */ jsx(ProgressBar, { value, max: max || 100, tone: cell.tone, showValue: cell.showValue, size: "sm" });
       };
     case "icon":
       return (row) => {
-        const value = String(row[key] ?? "");
+        const value = String(fieldOf(row, key) ?? "");
         const name = cell.iconMap?.[value] ?? cell.icon;
         if (!name) return value;
         return (
@@ -319,8 +326,9 @@ function cellRenderer(cell, key, dispatch) {
       };
     case "number":
       return (row) => {
-        const value = toNumber(row[key]);
-        if (value === null) return String(row[key] ?? "");
+        const raw = fieldOf(row, key);
+        const value = toNumber2(raw);
+        if (value === null) return String(raw ?? "");
         const digits = Number.isFinite(cell.digits) ? Math.max(0, Math.min(6, Number(cell.digits))) : 0;
         const text = new Intl.NumberFormat("ko-KR", {
           minimumFractionDigits: digits,
@@ -330,7 +338,7 @@ function cellRenderer(cell, key, dispatch) {
       };
     case "date":
       return (row) => {
-        const raw = String(row[key] ?? "");
+        const raw = String(fieldOf(row, key) ?? "");
         return raw ? formatDate(raw, cell.format) : "";
       };
     case "image":
@@ -352,7 +360,10 @@ function toPage(body) {
 var defaultFetcher = async (endpoint, params, signal) => {
   const response = await fetch(searchUrl(endpoint, params), {
     headers: { accept: "application/json" },
-    credentials: "include",
+    // same-origin — endpoint는 런타임 JSON(스펙)에서 오므로, 어댑터 없이 쓰는 앱에서
+    // 스펙이 외부 origin을 가리켜도 세션 쿠키가 제3자에게 나가면 안 된다.
+    // 쿠키를 실어야 하는 교차 출처 조회는 어댑터(fetch) 주입으로 자기 정책을 편다.
+    credentials: "same-origin",
     signal
   });
   const body = await response.json().catch(() => null);
@@ -374,6 +385,31 @@ function SduiSearchDataProvider({
 }) {
   return /* @__PURE__ */ jsx(SearchDataContext.Provider, { value: fetcher, children });
 }
+function createSearchInvalidator() {
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    invalidate(prefix = "", exact = false) {
+      for (const entry of [...listeners]) {
+        const hit = prefix === "" ? true : exact ? entry.endpoint === prefix : entry.endpoint.startsWith(prefix);
+        if (hit) entry.reload();
+      }
+    },
+    subscribe(endpoint, reload) {
+      const entry = { endpoint, reload };
+      listeners.add(entry);
+      return () => {
+        listeners.delete(entry);
+      };
+    }
+  };
+}
+var SearchInvalidationContext = createContext(null);
+function SduiSearchInvalidationProvider({
+  invalidator,
+  children
+}) {
+  return /* @__PURE__ */ jsx(SearchInvalidationContext.Provider, { value: invalidator, children });
+}
 function useSearchFetcher() {
   const injected = useContext(SearchDataContext);
   const adapter = useSduiAdapter();
@@ -386,10 +422,15 @@ function useSearchFetcher() {
 var EMPTY_PAGE = { data: [], total: 0 };
 function useRemoteSearchPage(endpoint, params) {
   const fetcher = useSearchFetcher();
+  const invalidator = useContext(SearchInvalidationContext);
   const [page, setPage] = useState(EMPTY_PAGE);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const [reloadKey, setReloadKey] = useState(0);
+  useEffect(() => {
+    if (!invalidator) return void 0;
+    return invalidator.subscribe(endpoint, () => setReloadKey((value) => value + 1));
+  }, [invalidator, endpoint]);
   const query = params.toString();
   const fetcherRef = useRef(fetcher);
   fetcherRef.current = fetcher;
@@ -494,7 +535,10 @@ function ResultTable({
                   if (column.align === "right") cls.push("wp-table__num");
                   if (column.mono) cls.push("wp-table__mono");
                   if (column.strong) cls.push("wp-table__strong");
-                  return /* @__PURE__ */ jsx("td", { className: cls.join(" ") || void 0, children: column.render ? column.render(row, index) : row[column.key] }, column.key);
+                  return /* @__PURE__ */ jsx("td", { className: cls.join(" ") || void 0, children: column.render ? column.render(row, index) : (
+                    // 평면 키 우선, 없으면 점 경로 — 셀 렌더러(cells.tsx)와 같은 조회 규칙이다
+                    fieldOf(row, column.key)
+                  ) }, column.key);
                 })
               },
               row.id ?? index
@@ -612,7 +656,7 @@ function SearchResults({
   }, [leftFilters, rightFilters, searchParams]);
   const hasAllRows = item.data.length >= item.total;
   const processed = useMemo(() => {
-    const cell = (row, key) => row[key];
+    const cell = (row, key) => fieldOf(row, key);
     let rows = item.data;
     if (hasAllRows) {
       if (appliedSearch) {
@@ -894,13 +938,8 @@ function SearchResults({
   ] });
 }
 function numericValue(value) {
-  if (typeof value === "number") return Number.isFinite(value) ? value : null;
   if (value instanceof Date) return value.getTime();
-  if (typeof value === "string") {
-    const plain = value.replace(/,/g, "").trim();
-    if (plain !== "" && /^-?\d+(\.\d+)?$/.test(plain)) return Number(plain);
-  }
-  return null;
+  return toNumber2(value);
 }
 function formatCell(value) {
   if (value == null) return "";
@@ -1005,7 +1044,7 @@ function mapColumns(columns, dispatch) {
 }
 function matchesCondition(condition, row) {
   if (!condition || typeof condition.key !== "string") return true;
-  const value = row[condition.key];
+  const value = fieldOf(row, condition.key);
   if (condition.equals !== void 0) return String(value ?? "") === String(condition.equals);
   if (Array.isArray(condition.in)) return condition.in.some((v) => String(v) === String(value ?? ""));
   if (condition.notEmpty === false) return true;
@@ -1017,7 +1056,7 @@ function mapCardRows(rows, dispatch) {
     return {
       icon: row.icon ? /* @__PURE__ */ jsx(Icon, { name: row.icon, size: 14 }) : void 0,
       label: row.label,
-      value: render ?? ((item) => String(item[row.valueKey] ?? "")),
+      value: render ?? ((item) => String(fieldOf(item, row.valueKey) ?? "")),
       show: row.showWhen ? (item) => matchesCondition(row.showWhen, item) : void 0
     };
   });
@@ -1034,10 +1073,10 @@ function mapGridCard(gridCard, dispatch) {
       gridCard.imageKey,
       "100%"
     ) : void 0,
-    title: (row) => String(row[gridCard.titleKey] ?? ""),
-    subtitle: gridCard.subtitleKey ? (row) => String(row[gridCard.subtitleKey] ?? "") : void 0,
+    title: (row) => String(fieldOf(row, gridCard.titleKey) ?? ""),
+    subtitle: gridCard.subtitleKey ? (row) => String(fieldOf(row, gridCard.subtitleKey) ?? "") : void 0,
     badge: gridCard.badge ? (row) => {
-      const value = String(row[gridCard.badge.key] ?? "");
+      const value = String(fieldOf(row, gridCard.badge.key) ?? "");
       if (!value) return null;
       return {
         text: gridCard.badge.labelMap?.[value] ?? value,
@@ -1047,7 +1086,7 @@ function mapGridCard(gridCard, dispatch) {
     rows: mapCardRows(gridCard.rows, dispatch),
     leftRows: mapCardRows(gridCard.leftRows, dispatch),
     rightRows: mapCardRows(gridCard.rightRows, dispatch),
-    note: gridCard.noteKey ? (row) => String(row[gridCard.noteKey] ?? "") || null : void 0,
+    note: gridCard.noteKey ? (row) => String(fieldOf(row, gridCard.noteKey) ?? "") || null : void 0,
     actions: gridCard.actions?.length ? (row) => (
       // 카드 전체가 클릭 대상(rowClick)일 수 있으므로 버튼 클릭은 여기서 전파를 끊는다
       /* @__PURE__ */ jsx("span", { className: "wp-row", onClick: (e) => e.stopPropagation(), children: gridCard.actions.map((action) => /* @__PURE__ */ jsx(
@@ -1148,15 +1187,22 @@ function RemoteSearchResultsImpl({
   rowClick,
   headerActions,
   virtual,
-  pageSize = 10
+  pageSize,
+  searchParams: controlledParams,
+  onParamsChange
 }) {
   const dispatch = useSduiDispatch();
-  const [params, setParams] = useState(() => {
+  const defaultPageSize = normalizePageSizes(pageSizes)?.[0] ?? 10;
+  const [localParams, setLocalParams] = useState(() => {
     const initial = new URLSearchParams();
-    initial.set("limit", String(pageSize));
+    initial.set("limit", String(pageSize ?? defaultPageSize));
     return initial;
   });
-  const defaultPageSize = normalizePageSizes(pageSizes)?.[0] ?? 10;
+  const params = controlledParams ?? localParams;
+  const handleParamsChange = (next) => {
+    if (controlledParams === void 0) setLocalParams(next);
+    onParamsChange?.(next);
+  };
   const query = useMemo(() => {
     const next = new URLSearchParams(params);
     if (!next.has("page")) next.set("page", "1");
@@ -1197,7 +1243,7 @@ function RemoteSearchResultsImpl({
       isLoading,
       onRowClick: rowClick ? (row) => toList(rowClick).forEach((a) => dispatch(a, row)) : void 0,
       searchParams: params,
-      onParamsChange: setParams
+      onParamsChange: handleParamsChange
     }
   );
 }
@@ -1209,6 +1255,16 @@ function useSduiRuntime() {
   if (!runtime) throw new Error("useSduiRuntime\uC740 SduiRenderer \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.");
   return runtime;
 }
+function prefillParams(search, hash) {
+  const params = new URLSearchParams(search);
+  const q = hash.indexOf("?");
+  if (q !== -1) {
+    new URLSearchParams(hash.slice(q + 1)).forEach((value, key) => {
+      if (!params.has(key)) params.append(key, value);
+    });
+  }
+  return params;
+}
 function SduiForm({
   id,
   initial,
@@ -1240,7 +1296,7 @@ function SduiForm({
       if (runtime.state[`${id}.${field}`] === void 0) entries[`${id}.${field}`] = value;
     }
     if (initialFromUrl && typeof window !== "undefined") {
-      const params = new URLSearchParams(window.location.search);
+      const params = prefillParams(window.location.search, window.location.hash);
       for (const [field, param] of Object.entries(initialFromUrl)) {
         const raw = params.get(param);
         if (raw !== null && runtime.state[`${id}.${field}`] === void 0) {
@@ -1551,8 +1607,6 @@ var SORTABLE_CSS = `
 .wp-sortable__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
   overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 `;
-
-// src/registry.tsx
 var defaultRegistry = {
   // 기본 컴포넌트
   Alert,
@@ -1619,399 +1673,39 @@ var defaultRegistry = {
 function createRegistry(extensions) {
   return { ...defaultRegistry, ...extensions };
 }
-
-// src/calc.ts
-function isPlainObject(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
-}
-function toNumber2(v) {
-  if (typeof v === "number") return v;
-  if (typeof v === "string") {
-    const n = Number(v.replace(/,/g, ""));
-    return Number.isFinite(n) ? n : 0;
-  }
-  return 0;
-}
-function isNumericText(v) {
-  if (typeof v === "number") return true;
-  if (typeof v !== "string" || v === "") return false;
-  return Number.isFinite(Number(v.replace(/,/g, "")));
-}
-function orderingCompare(a, b) {
-  if (typeof a === "string" && typeof b === "string" && !isNumericText(a) && !isNumericText(b)) {
-    return a < b ? -1 : a > b ? 1 : 0;
-  }
-  const x = toNumber2(a);
-  const y = toNumber2(b);
-  return x < y ? -1 : x > y ? 1 : 0;
-}
-function looseEquals(a, b) {
-  return String(a ?? "") === String(b ?? "");
-}
-function isBlank(v) {
-  return v === null || v === void 0 || v === "";
-}
-function isEmptyValue(v) {
-  if (isBlank(v)) return true;
-  if (Array.isArray(v)) return v.length === 0;
-  if (isPlainObject(v)) return Object.keys(v).length === 0;
-  return false;
-}
-function fieldOf(row, field) {
-  if (!field) return row;
-  if (!isPlainObject(row)) return void 0;
-  if (Object.hasOwn(row, field)) return row[field];
-  if (!field.includes(".")) return void 0;
-  let current = row;
-  for (const segment of field.split(".")) {
-    if (!isPlainObject(current) || !Object.hasOwn(current, segment)) return void 0;
-    current = current[segment];
-  }
-  return current;
-}
-var FIELD_OPS = /* @__PURE__ */ new Set([
-  "eq",
-  "ne",
-  "gt",
-  "gte",
-  "lt",
-  "lte",
-  "in",
-  "notIn",
-  "contains",
-  "startsWith",
-  "endsWith",
-  "isNull",
-  "isEmpty",
-  "intersects"
-]);
-function isFieldOpObject(v) {
-  return isPlainObject(v) && Object.keys(v).some((key) => FIELD_OPS.has(key));
-}
-function matchesFieldOps(actual, ops, resolve) {
-  return Object.entries(ops).every(([op, rawExpected]) => {
-    if (!FIELD_OPS.has(op)) return true;
-    const expected = resolve(rawExpected);
-    switch (op) {
-      case "eq":
-        return looseEquals(actual, expected);
-      case "ne":
-        return !looseEquals(actual, expected);
-      case "gt":
-        return orderingCompare(actual, expected) > 0;
-      case "gte":
-        return orderingCompare(actual, expected) >= 0;
-      case "lt":
-        return orderingCompare(actual, expected) < 0;
-      case "lte":
-        return orderingCompare(actual, expected) <= 0;
-      case "in":
-        return Array.isArray(expected) && expected.some((item) => looseEquals(actual, item));
-      case "notIn":
-        return !Array.isArray(expected) || !expected.some((item) => looseEquals(actual, item));
-      case "contains":
-        return String(actual ?? "").includes(String(expected ?? ""));
-      case "startsWith":
-        return String(actual ?? "").startsWith(String(expected ?? ""));
-      case "endsWith":
-        return String(actual ?? "").endsWith(String(expected ?? ""));
-      case "isNull":
-        return isBlank(actual) === Boolean(expected);
-      case "intersects": {
-        const mine = Array.isArray(actual) ? actual : [];
-        const theirs = Array.isArray(expected) ? expected : [];
-        if (mine.length === 0 || theirs.length === 0) return false;
-        const set = new Set(theirs.map((item) => String(item ?? "")));
-        return mine.some((item) => set.has(String(item ?? "")));
-      }
-      case "isEmpty":
-        return isEmptyValue(actual) === Boolean(expected);
-      default:
-        return true;
-    }
-  });
-}
-function matchesWhere(row, where, resolve) {
-  if (!isPlainObject(where)) return true;
-  return Object.entries(where).every(([key, condition]) => {
-    if (key === "AND") {
-      return Array.isArray(condition) && condition.every((sub) => matchesWhere(row, sub, resolve));
-    }
-    if (key === "OR") {
-      return Array.isArray(condition) && condition.some((sub) => matchesWhere(row, sub, resolve));
-    }
-    if (key === "NOT") {
-      return !matchesWhere(row, condition, resolve);
-    }
-    const actual = fieldOf(row, key);
-    if (isFieldOpObject(condition)) return matchesFieldOps(actual, condition, resolve);
-    return looseEquals(actual, resolve(condition));
-  });
-}
-var CALC_OPS = /* @__PURE__ */ new Set([
-  // 산술 (기존)
-  "sum",
-  "sub",
-  "mul",
-  "div",
-  "percent",
-  "count",
-  // 문자 (기존)
-  "concat",
-  "encode",
-  // 비교·논리 (기존)
-  "eq",
-  "gt",
-  "gte",
-  "lt",
-  "lte",
-  "not",
-  // 논리 (신규) — 예전에는 스펙이 eq(concat(eq(a),eq(b)),"falsefalse")로 우회했다
-  "and",
-  "or",
-  // 값 고르기 (신규)
-  "if",
-  "match",
-  "coalesce",
-  // 목록·객체 (신규)
-  "get",
-  "pluck",
-  "filter",
-  "some",
-  "every",
-  "includes",
-  "distinct",
-  "except",
-  "groupBy",
-  "groupCount",
-  "entries",
-  "fromEntries",
-  "length",
-  "join",
-  "split",
-  "sortBy",
-  "map"
-]);
-function isFieldRef(value) {
-  return isPlainObject(value) && "$field" in value;
-}
-function substituteFields(template, row) {
-  if (isFieldRef(template)) {
-    return template.$field === true ? row : fieldOf(row, String(template.$field)) ?? null;
-  }
-  if (Array.isArray(template)) return template.map((item) => substituteFields(item, row));
-  if (isPlainObject(template)) {
-    const nested = isPlainObject(template.$calc) ? template.$calc : null;
-    if (nested && nested.op === "map") {
-      const inner = {};
-      for (const [key, value] of Object.entries(nested)) {
-        inner[key] = key === "select" ? value : substituteFields(value, row);
-      }
-      return { ...template, $calc: inner };
-    }
-    const out = {};
-    for (const [key, value] of Object.entries(template)) out[key] = substituteFields(value, row);
-    return out;
-  }
-  return template;
-}
-function evaluateCalc(calc, resolved, resolve) {
-  const op = typeof calc.op === "string" ? calc.op : "";
-  const field = typeof calc.field === "string" ? calc.field : void 0;
-  const first = resolved[0];
-  const list = Array.isArray(first) ? first : void 0;
-  const listOrEmpty = () => {
-    if (list) return list;
-    if (first !== void 0 && first !== null) {
-      warnOnce(
-        `calc:${op}:list`,
-        `[sdui] $calc(${op}): \uCCAB \uC778\uC790\uAC00 \uBC30\uC5F4\uC774 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uBE48 \uBAA9\uB85D\uC73C\uB85C \uCC98\uB9AC\uD569\uB2C8\uB2E4`
-      );
-    }
-    return [];
-  };
-  const nums = (v) => {
-    if (Array.isArray(v))
-      return v.map((row) => field && isPlainObject(row) ? toNumber2(row[field]) : toNumber2(row));
-    return [toNumber2(v)];
-  };
-  switch (op) {
-    /* ── 산술 ── */
-    case "sum":
-      return resolved.flatMap(nums).reduce((a, b) => a + b, 0);
-    case "count":
-      return resolved.reduce(
-        (a, v) => a + (Array.isArray(v) ? v.length : v == null ? 0 : 1),
-        0
-      );
-    case "sub": {
-      const items = resolved.map((v) => toNumber2(v));
-      return items.length === 0 ? 0 : items.reduce((a, b) => a - b);
-    }
-    case "mul":
-      return resolved.map((v) => toNumber2(v)).reduce((a, b) => a * b, 1);
-    case "div": {
-      const [a, b] = resolved.map((v) => toNumber2(v));
-      return b === 0 ? 0 : a / b;
-    }
-    case "percent": {
-      const [a, b] = resolved.map((v) => toNumber2(v));
-      return b === 0 ? 0 : Math.round(a / b * 1e3) / 10;
-    }
-    /* ── 문자 ── */
-    case "concat":
-      return resolved.map((v) => v == null ? "" : String(v)).join("");
-    case "encode":
-      return encodeURIComponent(resolved.map((v) => v == null ? "" : String(v)).join(""));
-    /* ── 비교·논리 ── */
-    case "eq":
-      return looseEquals(resolved[0], resolved[1]);
-    case "gt":
-      return orderingCompare(resolved[0], resolved[1]) > 0;
-    case "gte":
-      return orderingCompare(resolved[0], resolved[1]) >= 0;
-    case "lt":
-      return orderingCompare(resolved[0], resolved[1]) < 0;
-    case "lte":
-      return orderingCompare(resolved[0], resolved[1]) <= 0;
-    case "not":
-      return !resolved[0];
-    case "and":
-      return resolved.every(Boolean);
-    case "or":
-      return resolved.some(Boolean);
-    /* ── 값 고르기 ── */
-    case "if":
-      return resolved[0] ? resolve(calc.then ?? null) : resolve(calc.else ?? null);
-    case "match": {
-      const key = String(resolved[0] ?? "");
-      const cases = isPlainObject(calc.cases) ? calc.cases : {};
-      if (Object.hasOwn(cases, key)) return resolve(cases[key]);
-      return resolve(calc.default ?? null);
-    }
-    case "coalesce":
-      return resolved.find((v) => !isBlank(v)) ?? null;
-    /* ── 목록·객체 ── */
-    case "get": {
-      const [container, rawKey] = resolved;
-      if (Array.isArray(container)) {
-        if (typeof rawKey !== "number" && (typeof rawKey !== "string" || rawKey.trim() === "")) {
-          return null;
-        }
-        const index = Number(rawKey);
-        if (!Number.isInteger(index) || index < 0 || index >= container.length) return null;
-        return container[index] ?? null;
-      }
-      if (isPlainObject(container)) {
-        const key = rawKey == null ? "" : String(rawKey);
-        return Object.hasOwn(container, key) ? container[key] ?? null : null;
-      }
-      return null;
-    }
-    case "pluck":
-      return listOrEmpty().map((row) => fieldOf(row, field)).filter((v) => v !== null && v !== void 0);
-    case "filter":
-      return listOrEmpty().filter((row) => matchesWhere(row, calc.where, resolve));
-    case "some":
-      return listOrEmpty().some((row) => matchesWhere(row, calc.where, resolve));
-    case "every":
-      return listOrEmpty().every((row) => matchesWhere(row, calc.where, resolve));
-    case "includes": {
-      const needle = resolved[1];
-      if (typeof first === "string") return first.includes(String(needle ?? ""));
-      return listOrEmpty().some((row) => looseEquals(fieldOf(row, field), needle));
-    }
-    case "distinct": {
-      const seen = /* @__PURE__ */ new Set();
-      return listOrEmpty().filter((row) => {
-        const key = String(fieldOf(row, field) ?? "");
-        if (seen.has(key)) return false;
-        seen.add(key);
-        return true;
-      });
-    }
-    case "except": {
-      const remove = new Set(
-        (Array.isArray(resolved[1]) ? resolved[1] : []).map(
-          (row) => String(fieldOf(row, field) ?? "")
-        )
-      );
-      return listOrEmpty().filter(
-        (row) => !remove.has(String(fieldOf(row, field) ?? ""))
-      );
-    }
-    case "groupBy":
-    case "groupCount": {
-      const groups = /* @__PURE__ */ new Map();
-      for (const row of listOrEmpty()) {
-        const key = String(fieldOf(row, field) ?? "");
-        const bucket = groups.get(key);
-        if (bucket) bucket.push(row);
-        else groups.set(key, [row]);
-      }
-      const out = [...groups.entries()].map(
-        ([key, items]) => op === "groupCount" ? { key, count: items.length } : { key, items }
-      );
-      return out;
-    }
-    case "entries": {
-      if (!isPlainObject(first)) return [];
-      return Object.entries(first).map(([key, value]) => ({
-        key,
-        value
-      }));
-    }
-    case "fromEntries": {
-      const out = /* @__PURE__ */ Object.create(null);
-      for (const row of listOrEmpty()) {
-        if (!isPlainObject(row)) continue;
-        const key = row.key;
-        if (key === null || key === void 0 || key === "") continue;
-        out[String(key)] = row.value ?? null;
-      }
-      return { ...out };
-    }
-    case "length":
-      if (Array.isArray(first)) return first.length;
-      if (typeof first === "string") return first.length;
-      return 0;
-    case "join": {
-      const sep = typeof calc.sep === "string" ? calc.sep : ",";
-      return listOrEmpty().map((row) => {
-        const value = fieldOf(row, field);
-        return value == null ? "" : String(value);
-      }).join(sep);
-    }
-    case "split": {
-      const sep = typeof calc.sep === "string" ? calc.sep : ",";
-      let parts = String(first ?? "").split(sep);
-      if (calc.trim === true) parts = parts.map((part) => part.trim());
-      if (calc.take === void 0) return parts;
-      const index = toNumber2(calc.take);
-      const at = index < 0 ? parts.length + index : index;
-      return parts[at] ?? null;
-    }
-    case "map": {
-      const template = calc.select;
-      if (template === void 0) return listOrEmpty();
-      return listOrEmpty().map((row) => resolve(substituteFields(template, row)));
-    }
-    case "sortBy": {
-      const desc = Boolean(calc.desc);
-      return [...listOrEmpty()].sort((a, b) => {
-        const order = orderingCompare(fieldOf(a, field), fieldOf(b, field));
-        return desc ? -order : order;
-      });
-    }
-    default:
-      return null;
+function withProps(Component, defaults) {
+  function WithProps(props) {
+    const merged = { ...defaults, ...props };
+    return /* @__PURE__ */ jsx(Component, { ...merged });
   }
+  const label = Component;
+  WithProps.displayName = `withProps(${label.displayName ?? label.name ?? "Component"})`;
+  return WithProps;
 }
 
 // src/request-action.ts
 function deferChainEntry(container, key) {
   return typeof container.action === "string" && (key === "onSuccess" || key === "onError");
 }
+function failureDetailOf(error) {
+  const message = error instanceof Error ? error.message : "\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4";
+  const carrier = error;
+  const detail = { message };
+  if (typeof carrier?.status === "number") detail.status = carrier.status;
+  if (carrier?.body !== void 0) detail.body = carrier.body;
+  return detail;
+}
+function runSuccessChain(kind, id, run) {
+  try {
+    run();
+  } catch (chainError) {
+    const detail = chainError instanceof Error ? chainError.message : String(chainError);
+    warnOnce(
+      `${kind}:chain:${id}`,
+      `[sdui] ${kind}(${id}) \uC131\uACF5 \uD6C4 onSuccess \uCCB4\uC778 \uC2E4\uD589 \uC911 \uC624\uB958: ${detail}`
+    );
+  }
+}
 async function runRequestAction(action, deps) {
   const pendingKey = typeof action.pendingKey === "string" && action.pendingKey !== "" ? action.pendingKey : null;
   let pendingOn = false;
@@ -2027,27 +1721,25 @@ async function runRequestAction(action, deps) {
       method: action.method ?? "POST",
       ...action.body === void 0 ? {} : { body: action.body }
     });
-    if (typeof action.invalidate === "string" && action.invalidate !== "") {
-      deps.dispatch({ action: "invalidate", prefix: action.invalidate });
-    }
-    (action.onSuccess ?? []).forEach((a) => deps.dispatch(a, response));
+    runSuccessChain("request", action.endpoint, () => {
+      if (typeof action.invalidate === "string" && action.invalidate !== "") {
+        deps.dispatch({ action: "invalidate", prefix: action.invalidate });
+      }
+      (action.onSuccess ?? []).forEach((a) => deps.dispatch(a, response));
+    });
   } catch (error) {
-    const message = error instanceof Error ? error.message : "\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4";
+    const failure = failureDetailOf(error);
     if (typeof action.errorKey === "string" && action.errorKey !== "") {
-      const detail = error;
-      const value = { message };
-      if (typeof detail?.status === "number") value.status = detail.status;
-      if (detail?.body !== void 0) value.body = detail.body;
       deps.dispatch({
         action: "setState",
         key: action.errorKey,
-        value
+        value: failure
       });
     }
     if (action.onError?.length) {
-      action.onError.forEach((a) => deps.dispatch(a, message));
+      action.onError.forEach((a) => deps.dispatch(a, failure.message));
     } else {
-      deps.toast({ tone: "danger", title: "\uC694\uCCAD \uC2E4\uD328", message });
+      deps.toast({ tone: "danger", title: "\uC694\uCCAD \uC2E4\uD328", message: failure.message });
     }
   } finally {
     if (pendingKey && pendingOn) deps.dispatch({ action: "setState", key: pendingKey, value: false });
@@ -2056,9 +1748,7 @@ async function runRequestAction(action, deps) {
 
 // src/state-path.ts
 var FORBIDDEN_KEYS = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
-function isPlainObject2(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
+var isPlainObject2 = (value) => isPlainObject(value);
 function normalizeSegment(raw) {
   if (typeof raw === "number") {
     return Number.isInteger(raw) && raw >= 0 ? raw : null;
@@ -2170,9 +1860,6 @@ var DENIED_PROPS = /* @__PURE__ */ new Set([
   "constructor",
   "prototype"
 ]);
-function isPlainObject3(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
-}
 function checkUrlValue(key, value, path, issues) {
   if (typeof value !== "string" || !URL_PROPS.has(key)) return;
   if (!isDangerousUrlValue(value)) return;
@@ -2180,7 +1867,7 @@ function checkUrlValue(key, value, path, issues) {
 }
 function validateSpec(page, knownComponents, slotNamesOf) {
   const issues = [];
-  if (!isPlainObject3(page)) return [{ path: "$", message: "\uC2A4\uD399\uC774 \uAC1D\uCCB4\uAC00 \uC544\uB2D9\uB2C8\uB2E4" }];
+  if (!isPlainObject(page)) return [{ path: "$", message: "\uC2A4\uD399\uC774 \uAC1D\uCCB4\uAC00 \uC544\uB2D9\uB2C8\uB2E4" }];
   if (page.version !== 1) issues.push({ path: "$.version", message: "version\uC740 1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4" });
   validatePageData(page.data, issues);
   if (!Array.isArray(page.body)) {
@@ -2194,7 +1881,7 @@ function validateSpec(page, knownComponents, slotNamesOf) {
 }
 function validatePageData(data, issues) {
   if (data === void 0) return;
-  if (!isPlainObject3(data)) {
+  if (!isPlainObject(data)) {
     issues.push({ path: "$.data", message: "data\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     return;
   }
@@ -2204,7 +1891,7 @@ function validatePageData(data, issues) {
       issues.push({ path, message: "\uC0C1\uD0DC \uD0A4\uB294 \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC544\uC57C \uD558\uACE0 $\uB85C \uC2DC\uC791\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" });
       continue;
     }
-    if (!isPlainObject3(raw)) {
+    if (!isPlainObject(raw)) {
       issues.push({ path, message: "\uC870\uD68C\uB294 { endpoint, select?, when?, fallback? } \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
       continue;
     }
@@ -2216,7 +1903,7 @@ function validatePageData(data, issues) {
       } else if (!raw.endpoint.startsWith("/")) {
         issues.push({ path: `${path}.endpoint`, message: "endpoint\uB294 /\uB85C \uC2DC\uC791\uD558\uB294 \uACBD\uB85C\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
       }
-    } else if (!isPlainObject3(raw.endpoint)) {
+    } else if (!isPlainObject(raw.endpoint)) {
       issues.push({ path: `${path}.endpoint`, message: "endpoint\uB294 \uBB38\uC790\uC5F4\uC774\uAC70\uB098 \uAC12 \uCC38\uC870\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       walkValue(raw.endpoint, `${path}.endpoint`, issues, false);
@@ -2239,7 +1926,7 @@ function validatePageData(data, issues) {
 }
 function walkChild(child, path, issues, known, slotNamesOf) {
   if (typeof child === "string") return;
-  if (!isPlainObject3(child)) {
+  if (!isPlainObject(child)) {
     issues.push({ path, message: "children \uD56D\uBAA9\uC740 \uBB38\uC790\uC5F4 \uB610\uB294 \uB178\uB4DC \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     return;
   }
@@ -2251,7 +1938,7 @@ function walkChild(child, path, issues, known, slotNamesOf) {
   if (known && !RENDERER_BUILTINS.has(node.component) && !known.has(node.component)) {
     issues.push({ path, message: `\uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uCEF4\uD3EC\uB10C\uD2B8: ${node.component}` });
   }
-  if (node.props !== void 0 && !isPlainObject3(node.props)) {
+  if (node.props !== void 0 && !isPlainObject(node.props)) {
     issues.push({ path: `${path}.props`, message: "props\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
   }
   for (const [name, value] of Object.entries(node.props ?? {})) {
@@ -2265,9 +1952,9 @@ function walkChild(child, path, issues, known, slotNamesOf) {
     checkUrlValue(name, value, `${path}.props.${name}`, issues);
     walkValue(value, `${path}.props.${name}`, issues, name.startsWith("on") || name === "rowClick");
   }
-  if (node.component === "Form" && isPlainObject3(node.props) && node.props.rules !== void 0) {
+  if (node.component === "Form" && isPlainObject(node.props) && node.props.rules !== void 0) {
     const rules = node.props.rules;
-    if (!isPlainObject3(rules)) {
+    if (!isPlainObject(rules)) {
       issues.push({ path: `${path}.props.rules`, message: "rules\uB294 { \uD544\uB4DC: \uADDC\uCE59\uBC30\uC5F4 } \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       for (const [field, list] of Object.entries(rules)) {
@@ -2278,15 +1965,15 @@ function walkChild(child, path, issues, known, slotNamesOf) {
     }
   }
   if (node.component === "Fragment") {
-    const id = isPlainObject3(node.props) ? node.props.id : void 0;
-    if ((typeof id !== "string" || id === "") && !isPlainObject3(id)) {
+    const id = isPlainObject(node.props) ? node.props.id : void 0;
+    if ((typeof id !== "string" || id === "") && !isPlainObject(id)) {
       issues.push({
         path: `${path}.props.id`,
         message: "Fragment.id\uB294 \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC740 \uBB38\uC790\uC5F4(\uB610\uB294 \uAC12 \uCC38\uC870)\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4"
       });
     }
-    const args = isPlainObject3(node.props) ? node.props.args : void 0;
-    if (args !== void 0 && !isPlainObject3(args)) {
+    const args = isPlainObject(node.props) ? node.props.args : void 0;
+    if (args !== void 0 && !isPlainObject(args)) {
       issues.push({
         path: `${path}.props.args`,
         message: "Fragment.args\uB294 { \uC774\uB984: \uAC12 } \uD3C9\uBA74 \uC624\uBE0C\uC81D\uD2B8\uC5EC\uC57C \uD569\uB2C8\uB2E4"
@@ -2300,7 +1987,7 @@ function walkChild(child, path, issues, known, slotNamesOf) {
     }
   }
   if (node.slots !== void 0) {
-    if (!isPlainObject3(node.slots)) {
+    if (!isPlainObject(node.slots)) {
       issues.push({ path: `${path}.slots`, message: "slots\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" });
     } else {
       const slotNames = slotNamesOf?.(node.component) ?? null;
@@ -2336,7 +2023,7 @@ function walkValue(value, path, issues, actionEligible) {
     value.forEach((v, i) => walkValue(v, `${path}[${i}]`, issues, actionEligible));
     return;
   }
-  if (!isPlainObject3(value)) return;
+  if (!isPlainObject(value)) return;
   if (typeof value.action === "string" && (actionEligible || ACTION_NAMES.has(value.action))) {
     if (actionEligible && !ACTION_NAMES.has(value.action)) {
       issues.push({ path, message: `\uC54C \uC218 \uC5C6\uB294 \uC561\uC158: ${value.action}` });
@@ -2353,6 +2040,17 @@ function walkValue(value, path, issues, actionEligible) {
         }
       }
     }
+    if (typeof value.endpoint === "string" && isDangerousUrlValue(value.endpoint)) {
+      issues.push({ path: `${path}.endpoint`, message: `\uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 endpoint: ${value.endpoint}` });
+    }
+    if (value.action === "navigate" && typeof value.to === "string" && isDangerousUrlValue(value.to)) {
+      issues.push({ path: `${path}.to`, message: `\uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 navigate \uB300\uC0C1: ${value.to}` });
+    }
+    for (const [k, v] of Object.entries(value)) {
+      if (k === "action" || k === "onSuccess" || k === "onError") continue;
+      checkUrlValue(k, v, `${path}.${k}`, issues);
+      walkValue(v, `${path}.${k}`, issues, false);
+    }
     return;
   }
   if ("$state" in value && typeof value.$state !== "string") {
@@ -2363,7 +2061,7 @@ function walkValue(value, path, issues, actionEligible) {
   }
   if ("$calc" in value) {
     const calc = value.$calc;
-    if (!isPlainObject3(calc) || typeof calc.op !== "string" || !CALC_OPS.has(calc.op)) {
+    if (!isPlainObject(calc) || typeof calc.op !== "string" || !CALC_OPS.has(calc.op)) {
       issues.push({ path, message: "$calc.op\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4" });
     } else if (!Array.isArray(calc.args)) {
       issues.push({ path: `${path}.$calc.args`, message: "args\uB294 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4" });
@@ -2392,12 +2090,9 @@ function walkValue(value, path, issues, actionEligible) {
 }
 
 // src/page-data.ts
-function isPlainObject4(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 function planPageData(data, resolve) {
   if (data === void 0) return [];
-  if (!isPlainObject4(data)) {
+  if (!isPlainObject(data)) {
     warnOnce("page-data:root", "[sdui] page.data\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4");
     return [];
   }
@@ -2407,7 +2102,7 @@ function planPageData(data, resolve) {
       warnOnce(`page-data:${key}`, `[sdui] page.data\uC758 \uC0C1\uD0DC \uD0A4 "${key}"\uB294 \uC4F8 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uAC74\uB108\uB701\uB2C8\uB2E4`);
       continue;
     }
-    if (!isPlainObject4(raw)) {
+    if (!isPlainObject(raw)) {
       warnOnce(`page-data:${key}`, `[sdui] page.data.${key}\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uAC74\uB108\uB701\uB2C8\uB2E4`);
       continue;
     }
@@ -2433,6 +2128,9 @@ function planSignature(plans) {
 function runnablePlans(plans) {
   return plans.filter((plan) => plan.enabled && plan.endpoint !== "");
 }
+function staleLoadingKeys(plans, isLoading) {
+  return plans.filter((plan) => (!plan.enabled || plan.endpoint === "") && isLoading(plan.key)).map((plan) => plan.key);
+}
 function invalidateHits(plans, prefix, exact) {
   return plans.filter(
     (plan) => prefix === "" ? true : exact ? plan.endpoint === prefix : plan.endpoint.startsWith(prefix)
@@ -2442,7 +2140,7 @@ function pickPath(source, path) {
   if (path === void 0 || path === "") return source;
   let value = source;
   for (const segment of path.split(".")) {
-    if (!isPlainObject4(value)) return void 0;
+    if (!isPlainObject(value) || !Object.hasOwn(value, segment)) return void 0;
     value = value[segment];
   }
   return value;
@@ -2483,37 +2181,34 @@ function nearestArgsFrame(scope) {
   }
   return void 0;
 }
-function isPlainObject5(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
-}
 function isStateRef(v) {
-  return isPlainObject5(v) && typeof v.$state === "string";
+  return isPlainObject(v) && typeof v.$state === "string";
 }
 function isItemRef(v) {
-  return isPlainObject5(v) && "$item" in v;
+  return isPlainObject(v) && "$item" in v;
 }
 function isIndexRef(v) {
-  return isPlainObject5(v) && "$index" in v;
+  return isPlainObject(v) && "$index" in v;
 }
 function isEventRef(v) {
-  return isPlainObject5(v) && "$event" in v;
+  return isPlainObject(v) && "$event" in v;
 }
 function readEventPath(source, path) {
   let current = source;
   for (const segment of path.split(".")) {
-    if (!isPlainObject5(current) || !Object.hasOwn(current, segment)) return null;
+    if (!isPlainObject(current) || !Object.hasOwn(current, segment)) return null;
     current = current[segment];
   }
   return current ?? null;
 }
 function isCalcRef(v) {
-  return isPlainObject5(v) && isPlainObject5(v.$calc);
+  return isPlainObject(v) && isPlainObject(v.$calc);
 }
 function isArgRef(v) {
-  return isPlainObject5(v) && typeof v.$arg === "string";
+  return isPlainObject(v) && typeof v.$arg === "string";
 }
 function isAction(v) {
-  return isPlainObject5(v) && typeof v.action === "string";
+  return isPlainObject(v) && typeof v.action === "string";
 }
 function isActionList(v) {
   return Array.isArray(v) && v.length > 0 && v.every(isAction);
@@ -2533,11 +2228,11 @@ function expandActionEntries(raw, scope) {
   }
   if (isAction(raw)) return [{ action: raw, scope }];
   if (raw === void 0 || raw === null) return [];
-  warnOnce2(`action-entry:${typeof raw}`, "[sdui] \uC561\uC158 \uC790\uB9AC\uC5D0 \uC561\uC158\uC774 \uC544\uB2CC \uAC12\uC774 \uC788\uC2B5\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4");
+  warnOnce(`action-entry:${typeof raw}`, "[sdui] \uC561\uC158 \uC790\uB9AC\uC5D0 \uC561\uC158\uC774 \uC544\uB2CC \uAC12\uC774 \uC788\uC2B5\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4");
   return [];
 }
 function eventValue(arg) {
-  if (isPlainObject5(arg) && "target" in arg && typeof arg.preventDefault === "function") {
+  if (isPlainObject(arg) && "target" in arg && typeof arg.preventDefault === "function") {
     const target = arg.target;
     if (target.type === "checkbox") return target.checked;
     if (target.type === "number" || target.type === "range") {
@@ -2557,12 +2252,6 @@ function toIndex(v) {
 function inRange(index, length) {
   return index !== null && index >= 0 && index < length;
 }
-var warned = /* @__PURE__ */ new Set();
-function warnOnce2(key, message) {
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.error(message);
-}
 function validateForm(values, config, customValidators) {
   const errors = {};
   if (!config) return errors;
@@ -2586,9 +2275,9 @@ function ruleError(rule, value, values, label, customValidators) {
     case "required":
       return empty || value === false ? rule.message ?? `${label}\uC744(\uB97C) \uC785\uB825\uD558\uC138\uC694` : null;
     case "min":
-      return !empty && toNumber2(value) < rule.value ? rule.message ?? `${label}\uC740(\uB294) ${rule.value} \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4` : null;
+      return !empty && toNumber(value) < rule.value ? rule.message ?? `${label}\uC740(\uB294) ${rule.value} \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4` : null;
     case "max":
-      return !empty && toNumber2(value) > rule.value ? rule.message ?? `${label}\uC740(\uB294) ${rule.value} \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4` : null;
+      return !empty && toNumber(value) > rule.value ? rule.message ?? `${label}\uC740(\uB294) ${rule.value} \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4` : null;
     case "minLength":
       return !empty && String(value).length < rule.value ? rule.message ?? `${label}\uC740(\uB294) ${rule.value}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4` : null;
     case "maxLength":
@@ -2615,22 +2304,6 @@ function ruleError(rule, value, values, label, customValidators) {
   }
 }
 var EMPTY_SCOPE = [];
-function SpecErrorCard({ children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "alert",
-      className: "wp-caption",
-      style: {
-        color: "var(--wp-text-danger)",
-        border: "1px dashed var(--wp-border-danger)",
-        borderRadius: "var(--wp-radius-md)",
-        padding: "var(--wp-space-3)"
-      },
-      children
-    }
-  );
-}
 var DENIED_PROPS2 = /* @__PURE__ */ new Set([
   "dangerouslySetInnerHTML",
   "ref",
@@ -2642,13 +2315,13 @@ var DENIED_PROPS2 = /* @__PURE__ */ new Set([
 function childrenOf(node) {
   if (node.children === void 0) return void 0;
   if (Array.isArray(node.children)) return node.children;
-  warnOnce2(`children:${node.component}`, `[sdui] <${node.component}>.children\uC740 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`);
+  warnOnce(`children:${node.component}`, `[sdui] <${node.component}>.children\uC740 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`);
   return typeof node.children === "string" ? [node.children] : void 0;
 }
 function renderChild(child, index, scope, engine) {
   if (typeof child === "string") return child;
-  if (!isPlainObject5(child)) {
-    warnOnce2(`child:${String(child)}`, `[sdui] \uC798\uBABB\uB41C \uB178\uB4DC(\uBB38\uC790\uC5F4 \uB610\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4): ${String(child)}`);
+  if (!isPlainObject(child)) {
+    warnOnce(`child:${String(child)}`, `[sdui] \uC798\uBABB\uB41C \uB178\uB4DC(\uBB38\uC790\uC5F4 \uB610\uB294 \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4): ${String(child)}`);
     return /* @__PURE__ */ jsx(SpecErrorCard, { children: "[sdui] \uC798\uBABB\uB41C \uB178\uB4DC \u2014 \uBB38\uC790\uC5F4 \uB610\uB294 \uB178\uB4DC \uAC1D\uCCB4\uC5EC\uC57C \uD569\uB2C8\uB2E4" }, index);
   }
   const node = child;
@@ -2662,11 +2335,11 @@ function SduiNodeRenderer({
   engine
 }) {
   const { registry, resolveValue, dispatch, resolveAsset } = engine;
-  const slots = isPlainObject5(node.slots) ? node.slots : void 0;
+  const slots = isPlainObject(node.slots) ? node.slots : void 0;
   const childList = childrenOf(node);
   if (node.component === "ForEach") {
     const source = resolveValue(
-      isPlainObject5(node.props) ? node.props.source ?? null : null,
+      isPlainObject(node.props) ? node.props.source ?? null : null,
       scope
     );
     const rows = Array.isArray(source) ? source : [];
@@ -2676,7 +2349,7 @@ function SduiNodeRenderer({
     }
     return /* @__PURE__ */ jsx(Fragment, { children: rows.map((item, rowIndex) => {
       const rowScope = [...scope, { item, index: rowIndex }];
-      const rowKey = isPlainObject5(item) && typeof item.id === "string" ? item.id : rowIndex;
+      const rowKey = isPlainObject(item) && typeof item.id === "string" ? item.id : rowIndex;
       return /* @__PURE__ */ jsx(React9.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
     }) });
   }
@@ -2685,7 +2358,7 @@ function SduiNodeRenderer({
   }
   const Component = typeof node.component === "string" && Object.hasOwn(registry, node.component) ? registry[node.component] : void 0;
   if (!Component) {
-    warnOnce2(
+    warnOnce(
       `component:${String(node.component)}`,
       `[sdui] \uB4F1\uB85D\uB418\uC9C0 \uC54A\uC740 \uCEF4\uD3EC\uB10C\uD2B8: ${String(node.component)} \u2014 \uC774 \uB178\uB4DC\uC640 \uC790\uC2DD\uC740 \uB80C\uB354\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4`
     );
@@ -2695,9 +2368,9 @@ function SduiNodeRenderer({
     ] });
   }
   const props = {};
-  for (const [name, raw] of Object.entries(isPlainObject5(node.props) ? node.props : {})) {
+  for (const [name, raw] of Object.entries(isPlainObject(node.props) ? node.props : {})) {
     if (DENIED_PROPS2.has(name)) {
-      warnOnce2(`prop:${name}`, `[sdui] \uC2A4\uD399\uC5D0\uC11C \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD504\uB86D: ${name} \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+      warnOnce(`prop:${name}`, `[sdui] \uC2A4\uD399\uC5D0\uC11C \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 \uD504\uB86D: ${name} \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
       continue;
     }
     if (name.startsWith("on") && (isAction(raw) || isArgRef(raw) || isActionEntryList(raw))) {
@@ -2715,7 +2388,7 @@ function SduiNodeRenderer({
         else if (name === "checked") resolved = false;
       }
       if (URL_PROPS.has(name) && typeof resolved === "string" && isDangerousUrlValue(resolved)) {
-        warnOnce2(`url:${name}:${resolved}`, `[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 ${name} \uAC12: ${resolved} \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+        warnOnce(`url:${name}:${resolved}`, `[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 ${name} \uAC12: ${resolved} \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
         continue;
       }
       if (resolveAsset) {
@@ -2730,7 +2403,7 @@ function SduiNodeRenderer({
   if (childLayout) {
     for (const name of CHILD_LAYOUT_PROPS) delete props[name];
     if (childLayout.style) {
-      props.style = isPlainObject5(props.style) ? { ...childLayout.style, ...props.style } : childLayout.style;
+      props.style = isPlainObject(props.style) ? { ...childLayout.style, ...props.style } : childLayout.style;
     }
     if (childLayout.className) {
       props.className = typeof props.className === "string" && props.className ? `${childLayout.className} ${props.className}` : childLayout.className;
@@ -2738,7 +2411,7 @@ function SduiNodeRenderer({
   }
   for (const [name, slotChildren] of Object.entries(slots ?? {})) {
     if (!Array.isArray(slotChildren)) {
-      warnOnce2(
+      warnOnce(
         `slot:${node.component}.${name}`,
         `[sdui] <${node.component}>.slots.${name}\uC740 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`
       );
@@ -2754,33 +2427,33 @@ var FRAGMENT_MAX_DEPTH = 4;
 function SduiFragment({ node, scope, engine }) {
   const adapter = useSduiAdapter();
   const chain = React9.useContext(SduiFragmentChainContext);
-  const raw = isPlainObject5(node.props) ? node.props.id : void 0;
+  const raw = isPlainObject(node.props) ? node.props.id : void 0;
   const id = engine.resolveValue(raw, scope);
   if (typeof id !== "string" || id === "") {
-    warnOnce2("fragment:id", "[sdui] <Fragment>\uC5D0 \uBB38\uC790\uC5F4 id\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4");
+    warnOnce("fragment:id", "[sdui] <Fragment>\uC5D0 \uBB38\uC790\uC5F4 id\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4");
     return null;
   }
   if (chain.includes(id)) {
-    warnOnce2(
+    warnOnce(
       `fragment:cycle:${id}`,
       `[sdui] Fragment \uC21C\uD658 \uCC38\uC870: ${[...chain, id].join(" \u2192 ")} \u2014 \uC7AC\uC9C4\uC785\uC744 \uAC70\uBD80\uD569\uB2C8\uB2E4`
     );
     return null;
   }
   if (chain.length >= FRAGMENT_MAX_DEPTH) {
-    warnOnce2(
+    warnOnce(
       `fragment:depth:${id}`,
       `[sdui] Fragment \uC911\uCCA9\uC774 ${FRAGMENT_MAX_DEPTH}\uB2E8\uC744 \uB118\uC2B5\uB2C8\uB2E4(${[...chain, id].join(" \u2192 ")}) \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4`
     );
     return null;
   }
-  const rawArgs = isPlainObject5(node.props) ? node.props.args : void 0;
-  if (rawArgs !== void 0 && !isPlainObject5(rawArgs)) {
-    warnOnce2(`fragment:args:${id}`, `[sdui] <Fragment ${id}>\uC758 args\uB294 \uD3C9\uBA74 \uC624\uBE0C\uC81D\uD2B8\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+  const rawArgs = isPlainObject(node.props) ? node.props.args : void 0;
+  if (rawArgs !== void 0 && !isPlainObject(rawArgs)) {
+    warnOnce(`fragment:args:${id}`, `[sdui] <Fragment ${id}>\uC758 args\uB294 \uD3C9\uBA74 \uC624\uBE0C\uC81D\uD2B8\uC5EC\uC57C \uD569\uB2C8\uB2E4 \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
   }
   const useSpec = adapter?.useSpec;
   if (!useSpec) {
-    warnOnce2(
+    warnOnce(
       "fragment:no-useSpec",
       "[sdui] Fragment\uB97C \uC4F0\uB824\uBA74 \uC5B4\uB311\uD130\uC5D0 useSpec(id)\uC774 \uD544\uC694\uD569\uB2C8\uB2E4 \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4"
     );
@@ -2790,7 +2463,7 @@ function SduiFragment({ node, scope, engine }) {
     SduiFragmentBody,
     {
       id,
-      args: isPlainObject5(rawArgs) ? rawArgs : void 0,
+      args: isPlainObject(rawArgs) ? rawArgs : void 0,
       useSpec,
       chain,
       scope,
@@ -2811,19 +2484,19 @@ function SduiFragmentBody({
   const nextChain = React9.useMemo(() => [...chain, id], [chain, id]);
   const bodyScope = React9.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
   React9.useEffect(() => {
-    if (!DEV || !isPlainObject5(spec) || !Array.isArray(spec.body)) return;
+    if (!DEV || !isPlainObject(spec) || !Array.isArray(spec.body)) return;
     validateSpec(spec, new Set(Object.keys(engine.registry))).forEach(
       (issue) => console.warn(`[sdui:spec:${id}] ${issue.path} \u2014 ${issue.message}`)
     );
   }, [spec, engine.registry, id]);
   if (spec === void 0) return null;
-  if (spec === null || !isPlainObject5(spec) || !Array.isArray(spec.body)) {
-    warnOnce2(`fragment:missing:${id}`, `[sdui] Fragment \uC2A4\uD399\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${id} \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4`);
+  if (spec === null || !isPlainObject(spec) || !Array.isArray(spec.body)) {
+    warnOnce(`fragment:missing:${id}`, `[sdui] Fragment \uC2A4\uD399\uC744 \uD574\uC11D\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${id} \u2014 \uB80C\uB354\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4`);
     return null;
   }
   const page = spec;
   if (page.data || page.urlState || page.subscribe) {
-    warnOnce2(
+    warnOnce(
       `fragment:page-features:${id}`,
       `[sdui] Fragment \uC2A4\uD399 ${id}\uC758 data/urlState/subscribe\uB294 \uBB34\uC2DC\uB429\uB2C8\uB2E4 \u2014 \uC870\uAC01\uC740 body\uB9CC \uB80C\uB354\uD569\uB2C8\uB2E4`
     );
@@ -2848,6 +2521,8 @@ function SduiRenderer({
   const host = useMemo(() => resolveAdapter(adapter), [adapter]);
   const hostRef = useRef(host);
   hostRef.current = host;
+  const invalidatePageDataRef = useRef(() => {
+  });
   const [state, setState] = useState(() => ({ ...initialState ?? {} }));
   const urlSeeded = useRef(false);
   const urlSeedPending = useRef(null);
@@ -2930,21 +2605,25 @@ function SduiRenderer({
     }
   }, [state, page.urlState, syncUrlState]);
   const subscribeChannels = page.subscribe?.join(",") ?? "";
+  const hasSubscribe = typeof host.subscribe === "function";
   useEffect(() => {
-    if (!subscribeChannels || !host.subscribe) return;
+    if (!subscribeChannels || !hasSubscribe) return;
+    const subscribe = hostRef.current.subscribe;
+    if (!subscribe) return;
     let timer = null;
-    const unsubscribe = host.subscribe(subscribeChannels.split(","), () => {
+    const unsubscribe = subscribe(subscribeChannels.split(","), () => {
       if (timer) clearTimeout(timer);
       timer = setTimeout(() => {
-        host.invalidate?.("", false);
-        host.refresh?.();
+        hostRef.current.invalidate?.("", false);
+        hostRef.current.refresh?.();
+        invalidatePageDataRef.current("", false);
       }, 300);
     });
     return () => {
       if (timer) clearTimeout(timer);
       unsubscribe();
     };
-  }, [subscribeChannels, host]);
+  }, [subscribeChannels, hasSubscribe]);
   const closeToast = useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
@@ -2958,14 +2637,14 @@ function SduiRenderer({
   );
   const lookupState = useCallback((key) => {
     const current = stateRef.current;
-    if (key in current) return current[key];
+    if (Object.hasOwn(current, key)) return current[key];
     const segments = key.split(".");
     for (let cut = segments.length - 1; cut >= 1; cut--) {
       const head = segments.slice(0, cut).join(".");
-      if (head in current) {
+      if (Object.hasOwn(current, head)) {
         let value = current[head];
         for (const segment of segments.slice(cut)) {
-          if (!isPlainObject5(value)) return void 0;
+          if (!isPlainObject(value) || !Object.hasOwn(value, segment)) return void 0;
           value = value[segment];
         }
         return value;
@@ -2983,7 +2662,7 @@ function SduiRenderer({
         const frame = nearestItemFrame(scope);
         if (!frame) return null;
         if (value.$item === true) return frame.item;
-        return isPlainObject5(frame.item) ? frame.item[value.$item] ?? null : null;
+        return isPlainObject(frame.item) && Object.hasOwn(frame.item, value.$item) ? frame.item[value.$item] ?? null : null;
       }
       if (isIndexRef(value)) {
         return nearestItemFrame(scope)?.index ?? null;
@@ -3005,14 +2684,14 @@ function SduiRenderer({
         const calc = value.$calc;
         const op = typeof calc.op === "string" ? calc.op : "";
         if (!Array.isArray(calc.args)) {
-          warnOnce2(`calc:${op}`, `[sdui] $calc(${op || "?"}): args\uB294 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 \u2014 \uAC12 \uC5C6\uC74C\uC73C\uB85C \uCC98\uB9AC\uD569\uB2C8\uB2E4`);
+          warnOnce(`calc:${op}`, `[sdui] $calc(${op || "?"}): args\uB294 \uBC30\uC5F4\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 \u2014 \uAC12 \uC5C6\uC74C\uC73C\uB85C \uCC98\uB9AC\uD569\uB2C8\uB2E4`);
           return null;
         }
         const resolved = calc.args.map((arg) => resolveValue(arg, scope));
         return evaluateCalc(calc, resolved, (late) => resolveValue(late, scope));
       }
       if (Array.isArray(value)) return value.map((v) => resolveValue(v, scope));
-      if (isPlainObject5(value)) {
+      if (isPlainObject(value)) {
         const out = {};
         for (const [k, v] of Object.entries(value)) {
           out[k] = deferChainEntry(value, k) ? v : resolveValue(v, scope);
@@ -3034,11 +2713,25 @@ function SduiRenderer({
   const [dataEpochs, setDataEpochs] = useState({});
   const dataEpochsRef = useRef(dataEpochs);
   dataEpochsRef.current = dataEpochs;
+  invalidatePageDataRef.current = (prefix, exact) => {
+    const hit = invalidateHits(runnablePlans(dataPlanRef.current), prefix, exact);
+    if (hit.length === 0) return;
+    setDataEpochs((prev) => {
+      const next = { ...prev };
+      for (const key of hit) next[key] = (next[key] ?? 0) + 1;
+      return next;
+    });
+  };
   const fetchedRef = useRef(/* @__PURE__ */ new Map());
   const dataEpochKey = useMemo(() => JSON.stringify(dataEpochs), [dataEpochs]);
   useEffect(() => {
     const epochs = dataEpochsRef.current;
-    const runnable = runnablePlans(dataPlanRef.current).filter((plan) => {
+    const plans = dataPlanRef.current;
+    const stale = staleLoadingKeys(plans, (key) => stateRef.current[`${key}.$loading`] === true);
+    if (stale.length > 0) {
+      setEntries(Object.fromEntries(stale.map((key) => [`${key}.$loading`, false])));
+    }
+    const runnable = runnablePlans(plans).filter((plan) => {
       const stamp = planStamp(plan, epochs);
       if (fetchedRef.current.get(plan.key) === stamp) return false;
       fetchedRef.current.set(plan.key, stamp);
@@ -3067,7 +2760,7 @@ function SduiRenderer({
           if (cancelled) return;
           const picked = pickPath(response, plan.select);
           if (picked === void 0 && plan.select !== void 0 && response !== null) {
-            warnOnce2(
+            warnOnce(
               `data-select:${plan.key}`,
               `[sdui] page.data.${plan.key}: \uC751\uB2F5\uC5D0 "${plan.select}" \uACBD\uB85C\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uAC12 \uC5C6\uC74C\uC73C\uB85C \uB461\uB2C8\uB2E4 (${plan.endpoint})`
             );
@@ -3081,7 +2774,7 @@ function SduiRenderer({
         } catch (error) {
           if (cancelled || controller.signal.aborted) return;
           const message = error instanceof Error ? error.message : "\uC870\uD68C\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4";
-          warnOnce2(`data:${plan.key}:${plan.endpoint}`, `[sdui] page.data.${plan.key} \uC870\uD68C \uC2E4\uD328 (${plan.endpoint}): ${message}`);
+          warnOnce(`data:${plan.key}:${plan.endpoint}`, `[sdui] page.data.${plan.key} \uC870\uD68C \uC2E4\uD328 (${plan.endpoint}): ${message}`);
           settled.add(plan.key);
           setEntries({
             [plan.key]: plan.fallback ?? void 0,
@@ -3116,7 +2809,7 @@ function SduiRenderer({
       switch (action.action) {
         case "navigate":
           if (!isSafeNavigationTarget(action.to)) {
-            warnOnce2(`navigate:${String(action.to)}`, `[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 navigate \uB300\uC0C1: ${String(action.to)}`);
+            warnOnce(`navigate:${String(action.to)}`, `[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 navigate \uB300\uC0C1: ${String(action.to)}`);
             break;
           }
           hostRef.current.navigate(action.to);
@@ -3133,7 +2826,7 @@ function SduiRenderer({
             nextValue
           );
           if (!written.ok) {
-            warnOnce2(
+            warnOnce(
               `setState:${action.key}:${written.reason}`,
               `[sdui] setState(${action.key}) \uACBD\uB85C \uC4F0\uAE30\uB97C \uAC74\uB108\uB701\uB2C8\uB2E4 \u2014 ${written.reason}`
             );
@@ -3162,7 +2855,7 @@ function SduiRenderer({
           if (!Array.isArray(current)) break;
           const index = toIndex(action.index);
           if (!inRange(index, current.length)) {
-            warnOnce2(`arrayRemove:${action.key}`, `[sdui] arrayRemove(${action.key}): \uC798\uBABB\uB41C index \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+            warnOnce(`arrayRemove:${action.key}`, `[sdui] arrayRemove(${action.key}): \uC798\uBABB\uB41C index \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
             break;
           }
           setEntries({ [action.key]: current.filter((_, i) => i !== index) });
@@ -3171,7 +2864,7 @@ function SduiRenderer({
         case "arrayMove": {
           const current = stateRef.current[action.key];
           if (!Array.isArray(current)) {
-            warnOnce2(
+            warnOnce(
               `arrayMove:key:${action.key}`,
               `[sdui] arrayMove(${action.key}): \uC0C1\uD0DC\uAC00 \uBC30\uC5F4\uC774 \uC544\uB2D9\uB2C8\uB2E4 \u2014 \uC911\uCCA9 \uACBD\uB85C\uC774\uAC70\uB098 default\uB85C\uB9CC \uADF8\uB824\uC9C4 \uBC30\uC5F4\uC785\uB2C8\uB2E4`
             );
@@ -3180,7 +2873,7 @@ function SduiRenderer({
           const from = toIndex(action.from);
           const rawTo = toIndex(action.to);
           if (!inRange(from, current.length) || rawTo === null) {
-            warnOnce2(`arrayMove:${action.key}`, `[sdui] arrayMove(${action.key}): \uC798\uBABB\uB41C from/to \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+            warnOnce(`arrayMove:${action.key}`, `[sdui] arrayMove(${action.key}): \uC798\uBABB\uB41C from/to \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
             break;
           }
           const to = Math.max(0, Math.min(current.length - 1, rawTo));
@@ -3196,11 +2889,11 @@ function SduiRenderer({
           if (!Array.isArray(current)) break;
           const index = toIndex(action.index);
           if (!inRange(index, current.length) || typeof action.field !== "string") {
-            warnOnce2(`arrayUpdate:${action.key}`, `[sdui] arrayUpdate(${action.key}): \uC798\uBABB\uB41C index/field \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
+            warnOnce(`arrayUpdate:${action.key}`, `[sdui] arrayUpdate(${action.key}): \uC798\uBABB\uB41C index/field \u2014 \uBB34\uC2DC\uD569\uB2C8\uB2E4`);
             break;
           }
           const row = current[index];
-          if (!isPlainObject5(row)) break;
+          if (!isPlainObject(row)) break;
           const nextValue = (action.fromEvent ? eventValue(arg) : action.value) ?? null;
           const next = [...current];
           next[index] = { ...row, [action.field]: nextValue };
@@ -3210,9 +2903,11 @@ function SduiRenderer({
         case "submitForm": {
           const formId = action.form;
           if (stateRef.current[`${formId}.$submitting`] === true) break;
+          const pendingKey = typeof action.pendingKey === "string" && action.pendingKey !== "" ? action.pendingKey : null;
           void (async () => {
             setEntries({ [`${formId}.$submitting`]: true });
             let phase = "validate";
+            let pendingOn = false;
             try {
               const prefix = `${formId}.`;
               const values = {};
@@ -3228,23 +2923,36 @@ function SduiRenderer({
               }
               setEntries({ [`${formId}.$errors`]: {}, [`${formId}.$submitting`]: true });
               phase = "submit";
+              if (pendingKey) {
+                pendingOn = true;
+                setEntries({ [pendingKey]: true });
+              }
               const response = await hostRef.current.fetch(action.endpoint, {
                 method: action.method ?? "POST",
                 body: values
               });
               setEntries({ [`${formId}.$submitting`]: false, [`${formId}.$resetDirty`]: true });
-              (action.onSuccess ?? []).forEach((a) => dispatchRef.current(a, response, scope));
+              runSuccessChain("submitForm", formId, () => {
+                (action.onSuccess ?? []).forEach((a) => dispatchRef.current(a, response, scope));
+              });
             } catch (error) {
               setEntries({ [`${formId}.$submitting`]: false });
-              const message = error instanceof Error ? error.message : "\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4";
+              const failure = failureDetailOf(error);
               if (phase === "validate") {
-                warnOnce2(`validate:${formId}`, `[sdui] ${formId} \uAC80\uC99D \uADDC\uCE59 \uC624\uB958: ${message}`);
-                pushToast({ tone: "danger", title: "\uAC80\uC99D \uADDC\uCE59 \uC624\uB958", message });
-              } else if (action.onError?.length) {
-                action.onError.forEach((a) => dispatchRef.current(a, message, scope));
+                warnOnce(`validate:${formId}`, `[sdui] ${formId} \uAC80\uC99D \uADDC\uCE59 \uC624\uB958: ${failure.message}`);
+                pushToast({ tone: "danger", title: "\uAC80\uC99D \uADDC\uCE59 \uC624\uB958", message: failure.message });
               } else {
-                pushToast({ tone: "danger", title: "\uC800\uC7A5 \uC2E4\uD328", message });
+                if (typeof action.errorKey === "string" && action.errorKey !== "") {
+                  setEntries({ [action.errorKey]: failure });
+                }
+                if (action.onError?.length) {
+                  action.onError.forEach((a) => dispatchRef.current(a, failure.message, scope));
+                } else {
+                  pushToast({ tone: "danger", title: "\uC800\uC7A5 \uC2E4\uD328", message: failure.message });
+                }
               }
+            } finally {
+              if (pendingKey && pendingOn) setEntries({ [pendingKey]: false });
             }
           })();
           break;
@@ -3261,18 +2969,12 @@ function SduiRenderer({
         case "invalidate": {
           hostRef.current.invalidate?.(action.prefix, action.exact ?? false);
           const prefix = typeof action.prefix === "string" ? action.prefix : "";
-          const hit = invalidateHits(runnablePlans(dataPlanRef.current), prefix, action.exact ?? false);
-          if (hit.length > 0) {
-            setDataEpochs((prev) => {
-              const next = { ...prev };
-              for (const key of hit) next[key] = (next[key] ?? 0) + 1;
-              return next;
-            });
-          }
+          invalidatePageDataRef.current(prefix, action.exact ?? false);
           break;
         }
         case "refresh":
           hostRef.current.refresh?.();
+          invalidatePageDataRef.current("", false);
           break;
         case "download": {
           void (async () => {
@@ -3343,4 +3045,61 @@ function SduiRenderer({
   );
 }
 
-export { CALC_OPS, Can, NodeErrorBoundary, RemoteSearchResults, ResultTable, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, SortHandle, SortableList, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec };
+// src/spec-resolve.ts
+function isValidSpecId(id) {
+  return id.length > 0 && id.split("/").every(validSegment);
+}
+function validSegment(segment) {
+  if (segment.startsWith("{") && segment.endsWith("}")) {
+    return /^\{[A-Za-z0-9_]+\}$/.test(segment);
+  }
+  return /^[A-Za-z0-9_-]+$/.test(segment);
+}
+function patternSpecCandidates(id) {
+  const segments = id.split("/");
+  if (segments.length < 2) return [];
+  const candidates = [];
+  const last = segments.length - 1;
+  candidates.push({
+    specId: [...segments.slice(0, last), "{id}"].join("/"),
+    params: { id: segments[last] }
+  });
+  if (segments.length >= 3) {
+    const inner = segments.length - 2;
+    candidates.push({
+      specId: segments.map((s, i) => i === inner ? "{id}" : s).join("/"),
+      params: { id: segments[inner] }
+    });
+    candidates.push({
+      specId: segments.map((s, i) => i === inner ? "{id}" : i === last ? "{sub}" : s).join("/"),
+      params: { id: segments[inner], sub: segments[last] }
+    });
+  }
+  if (segments.length >= 4) {
+    const outer = segments.length - 3;
+    candidates.push({
+      specId: segments.map((s, i) => i === outer ? "{id}" : i === last ? "{sub}" : s).join("/"),
+      params: { id: segments[outer], sub: segments[last] }
+    });
+  }
+  const seen = /* @__PURE__ */ new Set([id]);
+  return candidates.filter((candidate) => {
+    if (seen.has(candidate.specId)) return false;
+    seen.add(candidate.specId);
+    return true;
+  });
+}
+async function resolvePatternSpec(id, load) {
+  const exact = await load(id);
+  if (exact != null) return { spec: exact, specId: id, params: {} };
+  for (const candidate of patternSpecCandidates(id)) {
+    const spec = await load(candidate.specId);
+    if (spec != null) return { spec, specId: candidate.specId, params: candidate.params };
+  }
+  return null;
+}
+
+// src/icon-names.ts
+var ICON_NAMES = Object.keys(ICON_NODES);
+
+export { Can, ICON_NAMES, NodeErrorBoundary, RemoteSearchResults, ResultTable, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchInvalidationProvider, SduiSearchResults, SearchResults, SortHandle, SortableList, cellRenderer, createRegistry, createSearchInvalidator, defaultRegistry, imageRenderer, isValidSpecId, mapActions, mapCardRows, mapColumns, mapGridCard, mapViews, matchesCondition, normalizePageSizes, patternSpecCandidates, resolvePatternSpec, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec, withProps };