@nextclaw/ui 0.11.14 → 0.11.16

package/dist/assets/{label-AurG3ZpO.js → label-DPGDZvhm.js}

@@ -1 +1 @@
-import{r as s,j as o}from"./vendor-MCpnpiKt.js";import{c as t}from"./index-BvCYcN48.js";const l=s.forwardRef(({className:e,...a},r)=>o.jsx("label",{ref:r,className:t("text-sm font-medium leading-none text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...a}));l.displayName="Label";export{l as L};
+import{r as s,j as o}from"./vendor-MCpnpiKt.js";import{c as t}from"./index-DqzLj8Sw.js";const l=s.forwardRef(({className:e,...a},r)=>o.jsx("label",{ref:r,className:t("text-sm font-medium leading-none text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...a}));l.displayName="Label";export{l as L};

package/dist/assets/{page-layout-Q2hHkfJy.js → page-layout-DMA_ZiHj.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-MCpnpiKt.js";import{c as l}from"./index-BvCYcN48.js";function x({children:t,fullHeight:s=!1,className:a}){return e.jsx("div",{className:l("animate-fade-in",s?"h-[calc(100vh-80px)] w-full flex flex-col":"pb-16",a),children:t})}function c({title:t,description:s,actions:a,className:r}){return e.jsxs("div",{className:l("flex items-center justify-between mb-6 shrink-0",r),children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900",children:t}),s&&e.jsx("p",{className:"text-sm text-gray-500 mt-1",children:s})]}),a&&e.jsx("div",{className:"flex items-center gap-2 shrink-0",children:a})]})}export{x as P,c as a};
+import{j as e}from"./vendor-MCpnpiKt.js";import{c as l}from"./index-DqzLj8Sw.js";function x({children:t,fullHeight:s=!1,className:a}){return e.jsx("div",{className:l("animate-fade-in",s?"h-[calc(100vh-80px)] w-full flex flex-col":"pb-16",a),children:t})}function c({title:t,description:s,actions:a,className:r}){return e.jsxs("div",{className:l("flex items-center justify-between mb-6 shrink-0",r),children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900",children:t}),s&&e.jsx("p",{className:"text-sm text-gray-500 mt-1",children:s})]}),a&&e.jsx("div",{className:"flex items-center gap-2 shrink-0",children:a})]})}export{x as P,c as a};

package/dist/assets/{popover-BKInm43u.js → popover-BBLXwfva.js}

@@ -1 +1 @@
-import{r as l,aJ as L,j as c,aK as z,aL as G,aM as A,aN as O,aO as P,aP as _,aQ as w,aR as b,aS as H,aT as K,aU as U,aV as V,aW as W,aX as Z,aY as J,aZ as Q,a_ as X,a$ as Y}from"./vendor-MCpnpiKt.js";import{c as q}from"./index-BvCYcN48.js";var m="Popover",[E]=K(m,[w]),g=w(),[B,d]=E(m),j=e=>{const{__scopePopover:a,children:t,open:n,defaultOpen:o,onOpenChange:r,modal:s=!1}=e,i=g(a),p=l.useRef(null),[u,h]=l.useState(!1),[C,f]=L({prop:n,defaultProp:o??!1,onChange:r,caller:m});return c.jsx(z,{...i,children:c.jsx(B,{scope:a,contentId:G(),triggerRef:p,open:C,onOpenChange:f,onOpenToggle:l.useCallback(()=>f(x=>!x),[f]),hasCustomAnchor:u,onCustomAnchorAdd:l.useCallback(()=>h(!0),[]),onCustomAnchorRemove:l.useCallback(()=>h(!1),[]),modal:s,children:t})})};j.displayName=m;var N="PopoverAnchor",y=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(N,t),r=g(t),{onCustomAnchorAdd:s,onCustomAnchorRemove:i}=o;return l.useEffect(()=>(s(),()=>i()),[s,i]),c.jsx(_,{...r,...n,ref:a})});y.displayName=N;var F="PopoverTrigger",S=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(F,t),r=g(t),s=A(a,o.triggerRef),i=c.jsx(O.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":I(o.open),...n,ref:s,onClick:P(e.onClick,o.onOpenToggle)});return o.hasCustomAnchor?i:c.jsx(_,{asChild:!0,...r,children:i})});S.displayName=F;var R="PopoverPortal",[ee,oe]=E(R,{forceMount:void 0}),M=e=>{const{__scopePopover:a,forceMount:t,children:n,container:o}=e,r=d(R,a);return c.jsx(ee,{scope:a,forceMount:t,children:c.jsx(b,{present:t||r.open,children:c.jsx(H,{asChild:!0,container:o,children:n})})})};M.displayName=R;var v="PopoverContent",T=l.forwardRef((e,a)=>{const t=oe(v,e.__scopePopover),{forceMount:n=t.forceMount,...o}=e,r=d(v,e.__scopePopover);return c.jsx(b,{present:n||r.open,children:r.modal?c.jsx(re,{...o,ref:a}):c.jsx(ae,{...o,ref:a})})});T.displayName=v;var te=W("PopoverContent.RemoveScroll"),re=l.forwardRef((e,a)=>{const t=d(v,e.__scopePopover),n=l.useRef(null),o=A(a,n),r=l.useRef(!1);return l.useEffect(()=>{const s=n.current;if(s)return U(s)},[]),c.jsx(V,{as:te,allowPinchZoom:!0,children:c.jsx(D,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:P(e.onCloseAutoFocus,s=>{var i;s.preventDefault(),r.current||(i=t.triggerRef.current)==null||i.focus()}),onPointerDownOutside:P(e.onPointerDownOutside,s=>{const i=s.detail.originalEvent,p=i.button===0&&i.ctrlKey===!0,u=i.button===2||p;r.current=u},{checkForDefaultPrevented:!1}),onFocusOutside:P(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1})})})}),ae=l.forwardRef((e,a)=>{const t=d(v,e.__scopePopover),n=l.useRef(!1),o=l.useRef(!1);return c.jsx(D,{...e,ref:a,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{var s,i;(s=e.onCloseAutoFocus)==null||s.call(e,r),r.defaultPrevented||(n.current||(i=t.triggerRef.current)==null||i.focus(),r.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:r=>{var p,u;(p=e.onInteractOutside)==null||p.call(e,r),r.defaultPrevented||(n.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const s=r.target;((u=t.triggerRef.current)==null?void 0:u.contains(s))&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),D=l.forwardRef((e,a)=>{const{__scopePopover:t,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:r,disableOutsidePointerEvents:s,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:u,onInteractOutside:h,...C}=e,f=d(v,t),x=g(t);return Z(),c.jsx(J,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:r,children:c.jsx(Q,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:h,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:u,onDismiss:()=>f.onOpenChange(!1),children:c.jsx(X,{"data-state":I(f.open),role:"dialog",id:f.contentId,...x,...C,ref:a,style:{...C.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),k="PopoverClose",ne=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(k,t);return c.jsx(O.button,{type:"button",...n,ref:a,onClick:P(e.onClick,()=>o.onOpenChange(!1))})});ne.displayName=k;var se="PopoverArrow",ce=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=g(t);return c.jsx(Y,{...o,...n,ref:a})});ce.displayName=se;function I(e){return e?"open":"closed"}var ie=j,ve=y,le=S,pe=M,$=T;const Pe=ie,ge=le,ue=l.forwardRef(({className:e,sideOffset:a=8,align:t="start",...n},o)=>c.jsx(pe,{children:c.jsx($,{ref:o,sideOffset:a,align:t,className:q("z-[var(--z-popover,50)] w-72 overflow-hidden rounded-2xl border border-gray-200/50 bg-white p-4 shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));ue.displayName=$.displayName;export{ve as A,$ as C,pe as P,ie as R,le as T,Pe as a,ge as b,ue as c};
+import{r as l,aJ as L,j as c,aK as z,aL as G,aM as A,aN as O,aO as P,aP as _,aQ as w,aR as b,aS as H,aT as K,aU as U,aV as V,aW as W,aX as Z,aY as J,aZ as Q,a_ as X,a$ as Y}from"./vendor-MCpnpiKt.js";import{c as q}from"./index-DqzLj8Sw.js";var m="Popover",[E]=K(m,[w]),g=w(),[B,d]=E(m),j=e=>{const{__scopePopover:a,children:t,open:n,defaultOpen:o,onOpenChange:r,modal:s=!1}=e,i=g(a),p=l.useRef(null),[u,h]=l.useState(!1),[C,f]=L({prop:n,defaultProp:o??!1,onChange:r,caller:m});return c.jsx(z,{...i,children:c.jsx(B,{scope:a,contentId:G(),triggerRef:p,open:C,onOpenChange:f,onOpenToggle:l.useCallback(()=>f(x=>!x),[f]),hasCustomAnchor:u,onCustomAnchorAdd:l.useCallback(()=>h(!0),[]),onCustomAnchorRemove:l.useCallback(()=>h(!1),[]),modal:s,children:t})})};j.displayName=m;var N="PopoverAnchor",y=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(N,t),r=g(t),{onCustomAnchorAdd:s,onCustomAnchorRemove:i}=o;return l.useEffect(()=>(s(),()=>i()),[s,i]),c.jsx(_,{...r,...n,ref:a})});y.displayName=N;var F="PopoverTrigger",S=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(F,t),r=g(t),s=A(a,o.triggerRef),i=c.jsx(O.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":I(o.open),...n,ref:s,onClick:P(e.onClick,o.onOpenToggle)});return o.hasCustomAnchor?i:c.jsx(_,{asChild:!0,...r,children:i})});S.displayName=F;var R="PopoverPortal",[ee,oe]=E(R,{forceMount:void 0}),M=e=>{const{__scopePopover:a,forceMount:t,children:n,container:o}=e,r=d(R,a);return c.jsx(ee,{scope:a,forceMount:t,children:c.jsx(b,{present:t||r.open,children:c.jsx(H,{asChild:!0,container:o,children:n})})})};M.displayName=R;var v="PopoverContent",T=l.forwardRef((e,a)=>{const t=oe(v,e.__scopePopover),{forceMount:n=t.forceMount,...o}=e,r=d(v,e.__scopePopover);return c.jsx(b,{present:n||r.open,children:r.modal?c.jsx(re,{...o,ref:a}):c.jsx(ae,{...o,ref:a})})});T.displayName=v;var te=W("PopoverContent.RemoveScroll"),re=l.forwardRef((e,a)=>{const t=d(v,e.__scopePopover),n=l.useRef(null),o=A(a,n),r=l.useRef(!1);return l.useEffect(()=>{const s=n.current;if(s)return U(s)},[]),c.jsx(V,{as:te,allowPinchZoom:!0,children:c.jsx(D,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:P(e.onCloseAutoFocus,s=>{var i;s.preventDefault(),r.current||(i=t.triggerRef.current)==null||i.focus()}),onPointerDownOutside:P(e.onPointerDownOutside,s=>{const i=s.detail.originalEvent,p=i.button===0&&i.ctrlKey===!0,u=i.button===2||p;r.current=u},{checkForDefaultPrevented:!1}),onFocusOutside:P(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1})})})}),ae=l.forwardRef((e,a)=>{const t=d(v,e.__scopePopover),n=l.useRef(!1),o=l.useRef(!1);return c.jsx(D,{...e,ref:a,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{var s,i;(s=e.onCloseAutoFocus)==null||s.call(e,r),r.defaultPrevented||(n.current||(i=t.triggerRef.current)==null||i.focus(),r.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:r=>{var p,u;(p=e.onInteractOutside)==null||p.call(e,r),r.defaultPrevented||(n.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const s=r.target;((u=t.triggerRef.current)==null?void 0:u.contains(s))&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),D=l.forwardRef((e,a)=>{const{__scopePopover:t,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:r,disableOutsidePointerEvents:s,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:u,onInteractOutside:h,...C}=e,f=d(v,t),x=g(t);return Z(),c.jsx(J,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:r,children:c.jsx(Q,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:h,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:u,onDismiss:()=>f.onOpenChange(!1),children:c.jsx(X,{"data-state":I(f.open),role:"dialog",id:f.contentId,...x,...C,ref:a,style:{...C.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),k="PopoverClose",ne=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(k,t);return c.jsx(O.button,{type:"button",...n,ref:a,onClick:P(e.onClick,()=>o.onOpenChange(!1))})});ne.displayName=k;var se="PopoverArrow",ce=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=g(t);return c.jsx(Y,{...o,...n,ref:a})});ce.displayName=se;function I(e){return e?"open":"closed"}var ie=j,ve=y,le=S,pe=M,$=T;const Pe=ie,ge=le,ue=l.forwardRef(({className:e,sideOffset:a=8,align:t="start",...n},o)=>c.jsx(pe,{children:c.jsx($,{ref:o,sideOffset:a,align:t,className:q("z-[var(--z-popover,50)] w-72 overflow-hidden rounded-2xl border border-gray-200/50 bg-white p-4 shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));ue.displayName=$.displayName;export{ve as A,$ as C,pe as P,ie as R,le as T,Pe as a,ge as b,ue as c};

package/dist/assets/{security-config-BbPGNJAB.js → security-config-FYNEE2eR.js}

@@ -1 +1 @@
-import{r as c,j as e,e as M}from"./vendor-MCpnpiKt.js";import{a3 as O,a4 as R,a5 as I,a6 as B,a7 as _,C as u,a0 as h,a1 as x,t as s,a2 as m,E as p,B as j,I as l}from"./index-BvCYcN48.js";import{L as o}from"./label-AurG3ZpO.js";import{S as G}from"./switch-BxMSKsQS.js";import{P as V,a as W}from"./page-layout-Q2hHkfJy.js";const q=8;function A(r){return r.trim().length>=q}function L(r,n){return r!==n?(M.error(s("authPasswordMismatch")),!1):!0}function z(){const r=O(),n=R(),S=I(),g=B(),y=_(),[f,U]=c.useState(""),[i,N]=c.useState(""),[w,b]=c.useState(""),[d,v]=c.useState(""),[P,C]=c.useState(""),t=r.data,E=f.trim().length>0&&A(i)&&i===w&&!n.isPending,D=A(d)&&d===P&&!g.isPending,T=async()=>{if(L(i,w))try{await n.mutateAsync({username:f.trim(),password:i}),N(""),b("")}catch{}},F=async()=>{if(L(d,P))try{await g.mutateAsync({password:d}),v(""),C("")}catch{}},H=async a=>{try{await S.mutateAsync({enabled:a})}catch{}},k=async()=>{try{await y.mutateAsync()}catch{}};return r.isLoading&&!t?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsx(p,{className:"text-sm text-gray-500",children:s("loading")})]}):r.isError||!t?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-gray-500",children:s("authStatusLoadFailed")}),e.jsx(j,{variant:"outline",onClick:()=>{r.refetch()},children:s("authRetryStatus")})]})]}):t.configured?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-6",children:[e.jsxs("div",{className:"rounded-xl border border-gray-200 p-4",children:[e.jsxs("div",{className:"flex flex-col gap-4 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authStatusLabel")}),e.jsx("p",{className:"text-sm text-gray-600",children:s("authStatusConfiguredUser").replace("{username}",t.username??"")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authUsernameFixedHelp")})]}),e.jsx("span",{className:"inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-700",children:t.enabled?s("enabled"):s("disabled")})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-4 border-t border-gray-200 pt-4 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authEnableLabel")}),e.jsx("p",{className:"text-xs text-gray-500",children:t.enabled?s("authEnableOnHelp"):s("authEnableOffHelp")})]}),e.jsx(G,{checked:t.enabled,disabled:S.isPending,onCheckedChange:a=>{H(a)}})]})]}),e.jsxs("div",{className:"rounded-xl border border-gray-200 p-4 space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authPasswordSectionTitle")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authPasswordSectionDescription")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-password-next",children:s("authPassword")}),e.jsx(l,{id:"auth-password-next",type:"password",value:d,onChange:a=>v(a.target.value),placeholder:s("authPasswordPlaceholder")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-password-confirm",children:s("authConfirmPassword")}),e.jsx(l,{id:"auth-password-confirm",type:"password",value:P,onChange:a=>C(a.target.value),placeholder:s("authConfirmPasswordPlaceholder")})]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(j,{type:"button",disabled:!D,onClick:()=>void F(),children:g.isPending?s("authPasswordUpdating"):s("authPasswordAction")}),t.enabled&&t.authenticated?e.jsx(j,{type:"button",variant:"outline",disabled:y.isPending,onClick:()=>void k(),children:y.isPending?s("authLoggingOut"):s("authLogoutAction")}):null]}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authSessionMemoryNotice")})]})]})]}):e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-5",children:[e.jsxs("div",{className:"rounded-xl border border-dashed border-gray-200 bg-gray-50/70 p-4",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authSetupTitle")}),e.jsx("p",{className:"mt-1 text-sm text-gray-500",children:s("authSetupDescription")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-username",children:s("authUsername")}),e.jsx(l,{id:"auth-setup-username",value:f,onChange:a=>U(a.target.value),placeholder:s("authUsernamePlaceholder")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-password",children:s("authPassword")}),e.jsx(l,{id:"auth-setup-password",type:"password",value:i,onChange:a=>N(a.target.value),placeholder:s("authPasswordPlaceholder")})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-confirm",children:s("authConfirmPassword")}),e.jsx(l,{id:"auth-setup-confirm",type:"password",value:w,onChange:a=>b(a.target.value),placeholder:s("authConfirmPasswordPlaceholder")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authPasswordMinLengthHint")})]}),e.jsx(j,{type:"button",disabled:!E,onClick:()=>void T(),children:n.isPending?s("authSettingUp"):s("authSetupAction")})]})]})}function Z(){return e.jsxs(V,{className:"space-y-6",children:[e.jsx(W,{title:s("authSecurityTitle"),description:s("authSecurityDescription")}),e.jsx(z,{})]})}export{Z as SecurityConfig};
+import{r as c,j as e,e as M}from"./vendor-MCpnpiKt.js";import{a3 as O,a4 as R,a5 as I,a6 as B,a7 as _,C as u,a0 as h,a1 as x,t as s,a2 as m,E as p,B as j,I as l}from"./index-DqzLj8Sw.js";import{L as o}from"./label-DPGDZvhm.js";import{S as G}from"./switch-rE_Ew8fl.js";import{P as V,a as W}from"./page-layout-DMA_ZiHj.js";const q=8;function A(r){return r.trim().length>=q}function L(r,n){return r!==n?(M.error(s("authPasswordMismatch")),!1):!0}function z(){const r=O(),n=R(),S=I(),g=B(),y=_(),[f,U]=c.useState(""),[i,N]=c.useState(""),[w,b]=c.useState(""),[d,v]=c.useState(""),[P,C]=c.useState(""),t=r.data,E=f.trim().length>0&&A(i)&&i===w&&!n.isPending,D=A(d)&&d===P&&!g.isPending,T=async()=>{if(L(i,w))try{await n.mutateAsync({username:f.trim(),password:i}),N(""),b("")}catch{}},F=async()=>{if(L(d,P))try{await g.mutateAsync({password:d}),v(""),C("")}catch{}},H=async a=>{try{await S.mutateAsync({enabled:a})}catch{}},k=async()=>{try{await y.mutateAsync()}catch{}};return r.isLoading&&!t?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsx(p,{className:"text-sm text-gray-500",children:s("loading")})]}):r.isError||!t?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-4",children:[e.jsx("p",{className:"text-sm text-gray-500",children:s("authStatusLoadFailed")}),e.jsx(j,{variant:"outline",onClick:()=>{r.refetch()},children:s("authRetryStatus")})]})]}):t.configured?e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-6",children:[e.jsxs("div",{className:"rounded-xl border border-gray-200 p-4",children:[e.jsxs("div",{className:"flex flex-col gap-4 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authStatusLabel")}),e.jsx("p",{className:"text-sm text-gray-600",children:s("authStatusConfiguredUser").replace("{username}",t.username??"")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authUsernameFixedHelp")})]}),e.jsx("span",{className:"inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-700",children:t.enabled?s("enabled"):s("disabled")})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-4 border-t border-gray-200 pt-4 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authEnableLabel")}),e.jsx("p",{className:"text-xs text-gray-500",children:t.enabled?s("authEnableOnHelp"):s("authEnableOffHelp")})]}),e.jsx(G,{checked:t.enabled,disabled:S.isPending,onCheckedChange:a=>{H(a)}})]})]}),e.jsxs("div",{className:"rounded-xl border border-gray-200 p-4 space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authPasswordSectionTitle")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authPasswordSectionDescription")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-password-next",children:s("authPassword")}),e.jsx(l,{id:"auth-password-next",type:"password",value:d,onChange:a=>v(a.target.value),placeholder:s("authPasswordPlaceholder")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-password-confirm",children:s("authConfirmPassword")}),e.jsx(l,{id:"auth-password-confirm",type:"password",value:P,onChange:a=>C(a.target.value),placeholder:s("authConfirmPasswordPlaceholder")})]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(j,{type:"button",disabled:!D,onClick:()=>void F(),children:g.isPending?s("authPasswordUpdating"):s("authPasswordAction")}),t.enabled&&t.authenticated?e.jsx(j,{type:"button",variant:"outline",disabled:y.isPending,onClick:()=>void k(),children:y.isPending?s("authLoggingOut"):s("authLogoutAction")}):null]}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authSessionMemoryNotice")})]})]})]}):e.jsxs(u,{children:[e.jsxs(h,{children:[e.jsx(x,{children:s("authSecurityTitle")}),e.jsx(m,{children:s("authSecurityDescription")})]}),e.jsxs(p,{className:"space-y-5",children:[e.jsxs("div",{className:"rounded-xl border border-dashed border-gray-200 bg-gray-50/70 p-4",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900",children:s("authSetupTitle")}),e.jsx("p",{className:"mt-1 text-sm text-gray-500",children:s("authSetupDescription")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-username",children:s("authUsername")}),e.jsx(l,{id:"auth-setup-username",value:f,onChange:a=>U(a.target.value),placeholder:s("authUsernamePlaceholder")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-password",children:s("authPassword")}),e.jsx(l,{id:"auth-setup-password",type:"password",value:i,onChange:a=>N(a.target.value),placeholder:s("authPasswordPlaceholder")})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(o,{htmlFor:"auth-setup-confirm",children:s("authConfirmPassword")}),e.jsx(l,{id:"auth-setup-confirm",type:"password",value:w,onChange:a=>b(a.target.value),placeholder:s("authConfirmPasswordPlaceholder")}),e.jsx("p",{className:"text-xs text-gray-500",children:s("authPasswordMinLengthHint")})]}),e.jsx(j,{type:"button",disabled:!E,onClick:()=>void T(),children:n.isPending?s("authSettingUp"):s("authSetupAction")})]})]})}function Z(){return e.jsxs(V,{className:"space-y-6",children:[e.jsx(W,{title:s("authSecurityTitle"),description:s("authSecurityDescription")}),e.jsx(z,{})]})}export{Z as SecurityConfig};

package/dist/assets/{skeleton-CuKw6-Ww.js → skeleton-DLM_39_P.js}

@@ -1 +1 @@
-import{j as t}from"./vendor-MCpnpiKt.js";import{c as o}from"./index-BvCYcN48.js";function m({className:e,...s}){return t.jsx("div",{className:o("animate-pulse rounded-md bg-slate-200",e),...s})}export{m as S};
+import{j as t}from"./vendor-MCpnpiKt.js";import{c as o}from"./index-DqzLj8Sw.js";function m({className:e,...s}){return t.jsx("div",{className:o("animate-pulse rounded-md bg-slate-200",e),...s})}export{m as S};

package/dist/assets/{status-dot-DLk8UxLB.js → status-dot-BOzEprxw.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-MCpnpiKt.js";import{c as a}from"./index-BvCYcN48.js";const n={active:{dot:"bg-emerald-500",text:"text-emerald-600",bg:"bg-emerald-50"},ready:{dot:"bg-emerald-500",text:"text-emerald-600",bg:"bg-emerald-50"},inactive:{dot:"bg-gray-300",text:"text-gray-400",bg:"bg-gray-100/80"},setup:{dot:"bg-gray-300",text:"text-gray-400",bg:"bg-gray-100/80"},warning:{dot:"bg-amber-400",text:"text-amber-600",bg:"bg-amber-50"}};function m({status:r,label:s,className:g}){const t=n[r];return e.jsxs("div",{className:a("inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-2 py-0.5",t.bg,g),children:[e.jsx("span",{className:a("h-1.5 w-1.5 rounded-full",t.dot)}),e.jsx("span",{className:a("text-[11px] font-medium",t.text),children:s})]})}export{m as S};
+import{j as e}from"./vendor-MCpnpiKt.js";import{c as a}from"./index-DqzLj8Sw.js";const n={active:{dot:"bg-emerald-500",text:"text-emerald-600",bg:"bg-emerald-50"},ready:{dot:"bg-emerald-500",text:"text-emerald-600",bg:"bg-emerald-50"},inactive:{dot:"bg-gray-300",text:"text-gray-400",bg:"bg-gray-100/80"},setup:{dot:"bg-gray-300",text:"text-gray-400",bg:"bg-gray-100/80"},warning:{dot:"bg-amber-400",text:"text-amber-600",bg:"bg-amber-50"}};function m({status:r,label:s,className:g}){const t=n[r];return e.jsxs("div",{className:a("inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-2 py-0.5",t.bg,g),children:[e.jsx("span",{className:a("h-1.5 w-1.5 rounded-full",t.dot)}),e.jsx("span",{className:a("text-[11px] font-medium",t.text),children:s})]})}export{m as S};

package/dist/assets/{switch-BxMSKsQS.js → switch-rE_Ew8fl.js}

@@ -1 +1 @@
-import{r as e,j as i}from"./vendor-MCpnpiKt.js";import{c as t}from"./index-BvCYcN48.js";const l=e.forwardRef(({className:o,checked:r=!1,onCheckedChange:s,...a},n)=>i.jsx("button",{type:"button",role:"switch","aria-checked":r,ref:n,className:t("peer inline-flex h-[22px] w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50",r?"bg-primary":"bg-gray-200/80 hover:bg-gray-300/80",o),onClick:()=>s==null?void 0:s(!r),...a,children:i.jsx("span",{className:t("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-transform duration-fast",r?"translate-x-5":"translate-x-0")})}));l.displayName="Switch";export{l as S};
+import{r as e,j as i}from"./vendor-MCpnpiKt.js";import{c as t}from"./index-DqzLj8Sw.js";const l=e.forwardRef(({className:o,checked:r=!1,onCheckedChange:s,...a},n)=>i.jsx("button",{type:"button",role:"switch","aria-checked":r,ref:n,className:t("peer inline-flex h-[22px] w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50",r?"bg-primary":"bg-gray-200/80 hover:bg-gray-300/80",o),onClick:()=>s==null?void 0:s(!r),...a,children:i.jsx("span",{className:t("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-transform duration-fast",r?"translate-x-5":"translate-x-0")})}));l.displayName="Switch";export{l as S};

package/dist/assets/{tabs-custom-B6gK-RY6.js → tabs-custom-BkfMUTHE.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-MCpnpiKt.js";import{an as m,c as a}from"./index-BvCYcN48.js";function c({tabs:s,activeTab:i,onChange:o,className:n}){return e.jsx("div",{className:a("flex items-center gap-6 border-b border-gray-200/60 mb-6",n),children:s.map(t=>{const r=i===t.id;return e.jsxs("button",{onClick:()=>o(t.id),className:a("relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5",r?"text-gray-900":"text-gray-600 hover:text-gray-900"),children:[t.label,t.count!==void 0&&e.jsx("span",{className:a("text-[11px] font-medium","text-gray-500"),children:m(t.count)}),r&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full"})]},t.id)})})}export{c as T};
+import{j as e}from"./vendor-MCpnpiKt.js";import{an as m,c as a}from"./index-DqzLj8Sw.js";function c({tabs:s,activeTab:i,onChange:o,className:n}){return e.jsx("div",{className:a("flex items-center gap-6 border-b border-gray-200/60 mb-6",n),children:s.map(t=>{const r=i===t.id;return e.jsxs("button",{onClick:()=>o(t.id),className:a("relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5",r?"text-gray-900":"text-gray-600 hover:text-gray-900"),children:[t.label,t.count!==void 0&&e.jsx("span",{className:a("text-[11px] font-medium","text-gray-500"),children:m(t.count)}),r&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full"})]},t.id)})})}export{c as T};

package/dist/assets/{useConfirmDialog-Dth62a0a.js → useConfirmDialog-0owrqZcT.js}

@@ -1 +1 @@
-import{j as a,r as t}from"./vendor-MCpnpiKt.js";import{ah as C,ai as h,aj as p,ak as x,al as g,am as j,B as d,t as r}from"./index-BvCYcN48.js";const D=({open:l,onOpenChange:i,title:c,description:o,confirmLabel:s=r("confirm"),cancelLabel:e=r("cancel"),variant:n="default",onConfirm:u,onCancel:f})=>{const m=()=>{u(),i(!1)},v=()=>{f(),i(!1)};return a.jsx(C,{open:l,onOpenChange:i,children:a.jsxs(h,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(p,{children:[a.jsx(x,{children:c}),o?a.jsx(g,{children:o}):null]}),a.jsxs(j,{className:"gap-2 sm:gap-0",children:[a.jsx(d,{type:"button",variant:"outline",onClick:v,children:e}),a.jsx(d,{type:"button",variant:n==="destructive"?"destructive":"default",onClick:m,children:s})]})]})})},L={open:!1,title:"",description:"",confirmLabel:r("confirm"),cancelLabel:r("cancel"),variant:"default",resolve:null};function y(){const[l,i]=t.useState(L),c=t.useCallback(e=>new Promise(n=>{i({open:!0,title:e.title,description:e.description??"",confirmLabel:e.confirmLabel??r("confirm"),cancelLabel:e.cancelLabel??r("cancel"),variant:e.variant??"default",resolve:u=>{n(u),i(f=>({...f,open:!1,resolve:null}))}})}),[]),o=t.useCallback(e=>{i(n=>(!e&&n.resolve&&n.resolve(!1),{...n,open:e,resolve:e?n.resolve:null}))},[]),s=t.useCallback(()=>a.jsx(D,{open:l.open,onOpenChange:o,title:l.title,description:l.description||void 0,confirmLabel:l.confirmLabel,cancelLabel:l.cancelLabel,variant:l.variant,onConfirm:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!0)},onCancel:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!1)}}),[l,o]);return{confirm:c,ConfirmDialog:s}}export{y as u};
+import{j as a,r as t}from"./vendor-MCpnpiKt.js";import{ah as C,ai as h,aj as p,ak as x,al as g,am as j,B as d,t as r}from"./index-DqzLj8Sw.js";const D=({open:l,onOpenChange:i,title:c,description:o,confirmLabel:s=r("confirm"),cancelLabel:e=r("cancel"),variant:n="default",onConfirm:u,onCancel:f})=>{const m=()=>{u(),i(!1)},v=()=>{f(),i(!1)};return a.jsx(C,{open:l,onOpenChange:i,children:a.jsxs(h,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(p,{children:[a.jsx(x,{children:c}),o?a.jsx(g,{children:o}):null]}),a.jsxs(j,{className:"gap-2 sm:gap-0",children:[a.jsx(d,{type:"button",variant:"outline",onClick:v,children:e}),a.jsx(d,{type:"button",variant:n==="destructive"?"destructive":"default",onClick:m,children:s})]})]})})},L={open:!1,title:"",description:"",confirmLabel:r("confirm"),cancelLabel:r("cancel"),variant:"default",resolve:null};function y(){const[l,i]=t.useState(L),c=t.useCallback(e=>new Promise(n=>{i({open:!0,title:e.title,description:e.description??"",confirmLabel:e.confirmLabel??r("confirm"),cancelLabel:e.cancelLabel??r("cancel"),variant:e.variant??"default",resolve:u=>{n(u),i(f=>({...f,open:!1,resolve:null}))}})}),[]),o=t.useCallback(e=>{i(n=>(!e&&n.resolve&&n.resolve(!1),{...n,open:e,resolve:e?n.resolve:null}))},[]),s=t.useCallback(()=>a.jsx(D,{open:l.open,onOpenChange:o,title:l.title,description:l.description||void 0,confirmLabel:l.confirmLabel,cancelLabel:l.cancelLabel,variant:l.variant,onConfirm:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!0)},onCancel:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!1)}}),[l,o]);return{confirm:c,ConfirmDialog:s}}export{y as u};

package/dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-BvCYcN48.js"></script>
+  <script type="module" crossorigin src="/assets/index-DqzLj8Sw.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/vendor-MCpnpiKt.js">
   <link rel="stylesheet" crossorigin href="/assets/index-CfVmBgkf.css">
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.11.14",
+  "version": "0.11.16",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -29,10 +29,10 @@
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
     "@nextclaw/agent-chat": "0.1.4",
-    "@nextclaw/agent-chat-ui": "0.2.14",
-    "@nextclaw/ncp": "0.4.1",
-    "@nextclaw/ncp-react": "0.4.5",
-    "@nextclaw/ncp-http-agent-client": "0.3.5"
+    "@nextclaw/ncp": "0.4.2",
+    "@nextclaw/ncp-http-agent-client": "0.3.6",
+    "@nextclaw/ncp-react": "0.4.7",
+    "@nextclaw/agent-chat-ui": "0.2.14"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/api/ncp-session-query-cache.test.ts

@@ -3,6 +3,7 @@ import { describe, expect, it } from 'vitest';
 import {
   applyNcpSessionRealtimeEvent,
   deleteNcpSessionSummaryList,
+  updateNcpSessionRunStatusList,
   upsertNcpSessionSummaryList
 } from '@/api/ncp-session-query-cache';
 import type { NcpSessionsListView } from '@/api/types';
@@ -47,6 +48,45 @@ describe('ncp-session-query-cache', () => {
     });
   });
 
+  it('ignores stale summaries that would move a session back to an older running state', () => {
+    const updated = upsertNcpSessionSummaryList(createSessionsList(), {
+      sessionId: 'session-1',
+      messageCount: 9,
+      updatedAt: '2026-03-29T09:00:00.000Z',
+      status: 'running',
+      metadata: { label: 'Stale running' }
+    });
+
+    expect(updated?.sessions[0]).toMatchObject({
+      sessionId: 'session-1',
+      messageCount: 1,
+      status: 'idle'
+    });
+  });
+
+  it('prefers idle over running when summaries arrive with the same timestamp', () => {
+    const current = createSessionsList();
+    current.sessions[0] = {
+      ...current.sessions[0],
+      updatedAt: '2026-03-29T10:00:00.000Z',
+      status: 'idle'
+    };
+
+    const updated = upsertNcpSessionSummaryList(current, {
+      sessionId: 'session-1',
+      messageCount: 5,
+      updatedAt: '2026-03-29T10:00:00.000Z',
+      status: 'running',
+      metadata: {}
+    });
+
+    expect(updated?.sessions[0]).toMatchObject({
+      sessionId: 'session-1',
+      messageCount: 1,
+      status: 'idle'
+    });
+  });
+
   it('deletes summaries without mutating unrelated entries', () => {
     const updated = deleteNcpSessionSummaryList(createSessionsList(), 'session-1');
 
@@ -54,10 +94,34 @@ describe('ncp-session-query-cache', () => {
     expect(updated?.total).toBe(1);
   });
 
+  it('updates run status without changing message count or sort order', () => {
+    const updated = updateNcpSessionRunStatusList(createSessionsList(), {
+      sessionKey: 'session-2',
+      status: 'running'
+    });
+
+    expect(updated?.sessions.map((session) => session.sessionId)).toEqual(['session-1', 'session-2']);
+    expect(updated?.sessions[1]).toMatchObject({
+      sessionId: 'session-2',
+      messageCount: 2,
+      status: 'running'
+    });
+  });
+
   it('applies realtime upsert/delete events to every ncp-sessions query cache entry', () => {
     const queryClient = new QueryClient();
     queryClient.setQueryData(['ncp-sessions', 200], createSessionsList());
 
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.run-status',
+      payload: {
+        sessionKey: 'session-1',
+        status: 'running'
+      }
+    });
+
+    expect(queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200])?.sessions[0]?.status).toBe('running');
+
     applyNcpSessionRealtimeEvent(queryClient, {
       type: 'session.summary.upsert',
       payload: {

package/src/api/ncp-session-query-cache.ts

@@ -5,6 +5,25 @@ function sortSessionSummaries(summaries: readonly NcpSessionSummaryView[]): NcpS
   return [...summaries].sort((left, right) => right.updatedAt.localeCompare(left.updatedAt));
 }
 
+function shouldReplaceSessionSummary(
+  current: NcpSessionSummaryView,
+  next: NcpSessionSummaryView
+): boolean {
+  const timeOrder = next.updatedAt.localeCompare(current.updatedAt);
+  if (timeOrder > 0) {
+    return true;
+  }
+  if (timeOrder < 0) {
+    return false;
+  }
+
+  if (current.status === next.status) {
+    return true;
+  }
+
+  return next.status === 'idle';
+}
+
 export function upsertNcpSessionSummaryList(
   current: NcpSessionsListView | undefined,
   summary: NcpSessionSummaryView
@@ -16,7 +35,9 @@ export function upsertNcpSessionSummaryList(
   const existingIndex = current.sessions.findIndex((session) => session.sessionId === summary.sessionId);
   const nextSessions =
     existingIndex >= 0
-      ? current.sessions.map((session, index) => (index === existingIndex ? summary : session))
+      ? current.sessions.map((session, index) =>
+          index === existingIndex && shouldReplaceSessionSummary(session, summary) ? summary : session
+        )
       : [...current.sessions, summary];
   const sortedSessions = sortSessionSummaries(nextSessions);
 
@@ -62,6 +83,51 @@ export function upsertNcpSessionSummaryInQueryClient(
   );
 }
 
+export function updateNcpSessionRunStatusList(
+  current: NcpSessionsListView | undefined,
+  payload: { sessionKey: string; status: 'running' | 'idle' }
+): NcpSessionsListView | undefined {
+  if (!current) {
+    return current;
+  }
+
+  const normalizedSessionKey = payload.sessionKey.trim();
+  if (!normalizedSessionKey) {
+    return current;
+  }
+
+  let changed = false;
+  const nextSessions = current.sessions.map((session) => {
+    if (session.sessionId !== normalizedSessionKey || session.status === payload.status) {
+      return session;
+    }
+    changed = true;
+    return {
+      ...session,
+      status: payload.status
+    };
+  });
+
+  if (!changed) {
+    return current;
+  }
+
+  return {
+    ...current,
+    sessions: nextSessions
+  };
+}
+
+export function updateNcpSessionRunStatusInQueryClient(
+  queryClient: QueryClient | undefined,
+  payload: { sessionKey: string; status: 'running' | 'idle' }
+): void {
+  queryClient?.setQueriesData<NcpSessionsListView>(
+    { queryKey: ['ncp-sessions'] },
+    (current) => updateNcpSessionRunStatusList(current, payload)
+  );
+}
+
 export function deleteNcpSessionSummaryInQueryClient(
   queryClient: QueryClient | undefined,
   sessionKey: string
@@ -74,8 +140,12 @@ export function deleteNcpSessionSummaryInQueryClient(
 
 export function applyNcpSessionRealtimeEvent(
   queryClient: QueryClient | undefined,
-  event: Extract<WsEvent, { type: 'session.summary.upsert' | 'session.summary.delete' }>
+  event: Extract<WsEvent, { type: 'session.run-status' | 'session.summary.upsert' | 'session.summary.delete' }>
 ): void {
+  if (event.type === 'session.run-status') {
+    updateNcpSessionRunStatusInQueryClient(queryClient, event.payload);
+    return;
+  }
   if (event.type === 'session.summary.upsert') {
     upsertNcpSessionSummaryInQueryClient(queryClient, event.payload.summary);
     return;

package/src/api/types.ts

@@ -569,6 +569,7 @@ export type ConfigActionExecuteResult = {
 export type WsEvent =
   | { type: 'config.updated'; payload: { path: string } }
   | { type: 'session.updated'; payload: { sessionKey: string } }
+  | { type: 'session.run-status'; payload: { sessionKey: string; status: 'running' | 'idle' } }
   | { type: 'session.summary.upsert'; payload: { summary: NcpSessionSummaryView } }
   | { type: 'session.summary.delete'; payload: { sessionKey: string } }
   | { type: 'config.reload.started'; payload?: Record<string, unknown> }

package/src/components/chat/adapters/chat-message.adapter.test.ts

@@ -141,6 +141,46 @@ it("maps tool lifecycle statuses into visible card state feedback", () => {
   });
 });
 
+it("renders spawn tool cards from structured subagent status updates", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-subagent",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.RESULT,
+            toolCallId: "spawn-call-1",
+            toolName: "spawn",
+            args: '{"label":"Verifier","task":"Verify 1+1=2"}',
+            result: {
+              kind: "nextclaw.subagent_run",
+              runId: "subagent-1",
+              label: "Verifier",
+              task: "Verify 1+1=2",
+              status: "completed",
+              result: "Verified 1+1=2.",
+            },
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "spawn",
+      summary: "label: Verifier · task: Verify 1+1=2",
+      output: "Verified 1+1=2.",
+      statusTone: "success",
+      statusLabel: "Completed",
+      titleLabel: "Tool Result",
+    },
+  });
+});
+
 it("maps non-standard roles back to the generic message role", () => {
   const adapted = adapt([
     {

package/src/components/chat/adapters/chat-message.adapter.ts

@@ -3,6 +3,7 @@ import {
   summarizeToolArgs,
   type ToolCard,
 } from "@/lib/chat-message";
+import { buildSubagentToolCard } from "@/components/chat/adapters/chat-message.subagent-tool-card";
 import type {
   ChatMessageRole,
   ChatMessageViewModel,
@@ -386,6 +387,16 @@ export function adaptChatMessage(
           if (assetFileView) {
             return assetFileView;
           }
+          const subagentToolCard = buildSubagentToolCard({
+            invocation,
+            texts: params.texts,
+          });
+          if (subagentToolCard) {
+            return {
+              type: "tool-card" as const,
+              card: buildToolCard(subagentToolCard, params.texts),
+            };
+          }
           const statusView = resolveToolCardStatus({
             status: invocation.status,
             error: invocation.error,

package/src/components/chat/adapters/chat-message.subagent-tool-card.ts

@@ -0,0 +1,125 @@
+import {
+  stringifyUnknown,
+  summarizeToolArgs,
+  type ToolCard,
+} from "@/lib/chat-message";
+import type { ChatToolPartViewModel } from "@nextclaw/agent-chat-ui";
+
+type ToolCardViewSource = ToolCard & {
+  statusTone: ChatToolPartViewModel["statusTone"];
+  statusLabel: string;
+};
+
+type SpawnToolInvocation = {
+  toolName: string;
+  toolCallId?: string;
+  args?: unknown;
+  result?: unknown;
+};
+
+type SubagentToolCardTexts = {
+  toolStatusRunningLabel: string;
+  toolStatusCompletedLabel: string;
+  toolStatusFailedLabel: string;
+};
+
+type SubagentRunResult = {
+  runId?: string;
+  label?: string;
+  task?: string;
+  status?: string;
+  result?: unknown;
+  message?: string;
+};
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function readOptionalString(value: unknown): string | null {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+
+function readSubagentRunResult(value: unknown): SubagentRunResult | null {
+  if (!isRecord(value)) {
+    return null;
+  }
+  if (value.kind === "nextclaw.subagent_run") {
+    return value;
+  }
+  if (typeof value.runId === "string" && typeof value.status === "string") {
+    return value;
+  }
+  return null;
+}
+
+export function buildSubagentToolCard(params: {
+  invocation: SpawnToolInvocation;
+  texts: SubagentToolCardTexts;
+}): ToolCardViewSource | null {
+  if (params.invocation.toolName !== "spawn") {
+    return null;
+  }
+
+  const subagentRun = readSubagentRunResult(params.invocation.result);
+  if (!subagentRun) {
+    return null;
+  }
+
+  const detailParts = [
+    readOptionalString(subagentRun.label)
+      ? `label: ${subagentRun.label?.trim()}`
+      : null,
+    readOptionalString(subagentRun.task)
+      ? `task: ${subagentRun.task?.trim()}`
+      : null,
+  ].filter((value): value is string => Boolean(value));
+  const normalizedStatus = readOptionalString(subagentRun.status)?.toLowerCase();
+  const output =
+    (typeof subagentRun.result !== "undefined"
+      ? stringifyUnknown(subagentRun.result).trim()
+      : "") ||
+    readOptionalString(subagentRun.message) ||
+    undefined;
+
+  if (normalizedStatus === "failed") {
+    return {
+      kind: "result",
+      name: params.invocation.toolName,
+      detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+      text: output,
+      callId: params.invocation.toolCallId || undefined,
+      hasResult: Boolean(output),
+      statusTone: "error",
+      statusLabel: params.texts.toolStatusFailedLabel,
+    };
+  }
+
+  if (normalizedStatus === "completed") {
+    return {
+      kind: "result",
+      name: params.invocation.toolName,
+      detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+      text: output,
+      callId: params.invocation.toolCallId || undefined,
+      hasResult: Boolean(output),
+      statusTone: "success",
+      statusLabel: params.texts.toolStatusCompletedLabel,
+    };
+  }
+
+  return {
+    kind: "result",
+    name: params.invocation.toolName,
+    detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+    text: output,
+    callId: params.invocation.toolCallId || undefined,
+    hasResult: Boolean(output),
+    statusTone: "running",
+    statusLabel: params.texts.toolStatusRunningLabel,
+  };
+}

package/src/components/chat/ncp/NcpChatPage.tsx

@@ -23,7 +23,6 @@ import { resolveSessionTypeLabel } from '@/components/chat/useChatSessionTypeSta
 import { useConfirmDialog } from '@/hooks/useConfirmDialog';
 import { normalizeRequestedSkills } from '@/lib/chat-runtime-utils';
 import { appClient } from '@/transport';
-import { resolveNcpChatRealtimeReloadAction } from '@/components/chat/ncp/ncp-chat-realtime-reload';
 
 function buildNcpSendMetadata(payload: {
   model?: string;
@@ -71,7 +70,7 @@ export function NcpChatPage({ view }: ChatPageProps) {
   const { sessionId: routeSessionIdParam } = useParams<{ sessionId?: string }>();
   const threadRef = useRef<HTMLDivElement | null>(null);
   const selectedSessionKeyRef = useRef<string | null>(selectedSessionKey);
-  const pendingRealtimeReloadRef = useRef(false);
+  const sessionStreamAttachInFlightRef = useRef(false);
   const routeSessionKey = useMemo(
     () => parseSessionKeyFromRoute(routeSessionIdParam),
     [routeSessionIdParam]
@@ -158,48 +157,33 @@ export function NcpChatPage({ view }: ChatPageProps) {
   const lastSendError = agent.hydrateError?.message ?? agent.snapshot.error?.message ?? null;
 
   useEffect(() => {
-    const flushRealtimeReload = () => {
-      const action = resolveNcpChatRealtimeReloadAction({
-        isHydrating: agent.isHydrating,
-        isRunning: agent.isRunning,
-        isSending: agent.isSending,
-      });
-      if (action === 'defer') {
-        pendingRealtimeReloadRef.current = true;
+    const attachRealtimeSessionStream = () => {
+      if (sessionStreamAttachInFlightRef.current) {
         return;
       }
-      if (action === 'skip') {
-        pendingRealtimeReloadRef.current = false;
+      if (agent.isHydrating || agent.isRunning || agent.isSending) {
         return;
       }
-      pendingRealtimeReloadRef.current = false;
-      void agent.reloadSeed();
+
+      sessionStreamAttachInFlightRef.current = true;
+      void ncpClient
+        .stream({ sessionId: activeSessionId })
+        .catch(() => undefined)
+        .finally(() => {
+          sessionStreamAttachInFlightRef.current = false;
+        });
     };
 
     return appClient.subscribe((event) => {
-      if (event.type === 'session.summary.upsert') {
-        if (event.payload.summary.sessionId !== activeSessionId) {
-          return;
-        }
-        flushRealtimeReload();
-        return;
-      }
-      if (event.type === 'session.updated' && event.payload.sessionKey === activeSessionId) {
-        flushRealtimeReload();
+      if (
+        event.type === 'session.run-status' &&
+        event.payload.sessionKey === activeSessionId &&
+        event.payload.status === 'running'
+      ) {
+        attachRealtimeSessionStream();
       }
     });
-  }, [activeSessionId, agent.isHydrating, agent.isRunning, agent.isSending, agent.reloadSeed]);
-
-  useEffect(() => {
-    if (!pendingRealtimeReloadRef.current) {
-      return;
-    }
-    if (agent.isHydrating || agent.isRunning || agent.isSending) {
-      return;
-    }
-    pendingRealtimeReloadRef.current = false;
-    void agent.reloadSeed();
-  }, [agent.isHydrating, agent.isRunning, agent.isSending, agent.reloadSeed]);
+  }, [activeSessionId, agent.isHydrating, agent.isRunning, agent.isSending, ncpClient]);
 
   useEffect(() => {
     presenter.chatStreamActionsManager.bind({

package/src/components/config/README.md

@@ -1,2 +1,2 @@
 ## 目录预算豁免
-- 原因：配置中心目录按配置面板维度组织，每个面板都需要独立入口、局部测试与装配文件；当前结构受 UI 信息架构约束，需要保留超过 `20` 个直接代码文件的扁平集合。
+- 原因：配置中心目录按配置面板维度组织，每个面板都需要独立入口、局部测试与装配文件；当前结构受 UI 信息架构约束，需要保留达到或超过 `12` 个直接代码文件的扁平集合。

package/src/hooks/use-realtime-query-bridge.ts

@@ -62,7 +62,11 @@ function handleRealtimeEvent(
     handleConfigUpdatedEvent(queryClient, configPath);
     return;
   }
-  if (event.type === 'session.summary.upsert' || event.type === 'session.summary.delete') {
+  if (
+    event.type === 'session.run-status' ||
+    event.type === 'session.summary.upsert' ||
+    event.type === 'session.summary.delete'
+  ) {
     applyNcpSessionRealtimeEvent(queryClient, event);
     return;
   }