@nextclaw/ui 0.11.8 → 0.11.10

package/dist/assets/{label-DtssWSI4.js → label-3TKt0PoZ.js}

@@ -1 +1 @@
-import{r as s,j as o}from"./vendor-BEQcLDx6.js";import{c as t}from"./index-BlrweCCh.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-BEQcLDx6.js";import{c as t}from"./index-LhlkB00c.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-DnRqSldv.js → page-layout-CopkIM3Q.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-BEQcLDx6.js";import{c as l}from"./index-BlrweCCh.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-BEQcLDx6.js";import{c as l}from"./index-LhlkB00c.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-Un2VFGcS.js → popover-CUx8uRJw.js}

@@ -1 +1 @@
-import{r as l,aI as $,j as c,aJ as z,aK as G,aL as A,aM as O,aN as P,aO as _,aP as w,aQ as b,aR as H,aS as K,aT as U,aU as V,aV as W,aW as Z,aX as J,aY as Q,aZ as X,a_ as Y}from"./vendor-BEQcLDx6.js";import{c as q}from"./index-BlrweCCh.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]=$({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":k(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":k(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)"}})})})}),I="PopoverClose",ne=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(I,t);return c.jsx(O.button,{type:"button",...n,ref:a,onClick:P(e.onClick,()=>o.onOpenChange(!1))})});ne.displayName=I;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 k(e){return e?"open":"closed"}var ie=j,ve=y,le=S,pe=M,L=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(L,{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=L.displayName;export{ve as A,L as C,pe as P,ie as R,le as T,Pe as a,ge as b,ue as c};
+import{r as l,aI as $,j as c,aJ as z,aK as G,aL as A,aM as O,aN as P,aO as _,aP as w,aQ as b,aR as H,aS as K,aT as U,aU as V,aV as W,aW as Z,aX as J,aY as Q,aZ as X,a_ as Y}from"./vendor-BEQcLDx6.js";import{c as q}from"./index-LhlkB00c.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]=$({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":k(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":k(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)"}})})})}),I="PopoverClose",ne=l.forwardRef((e,a)=>{const{__scopePopover:t,...n}=e,o=d(I,t);return c.jsx(O.button,{type:"button",...n,ref:a,onClick:P(e.onClick,()=>o.onOpenChange(!1))})});ne.displayName=I;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 k(e){return e?"open":"closed"}var ie=j,ve=y,le=S,pe=M,L=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(L,{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=L.displayName;export{ve as A,L 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-BL29kTzz.js

@@ -0,0 +1 @@
+import{r as c,j as e,e as M}from"./vendor-BEQcLDx6.js";import{a2 as O,a3 as R,a4 as I,a5 as B,a6 as _,C as u,$ as h,a0 as x,t as s,a1 as m,E as p,B as j,I as l}from"./index-LhlkB00c.js";import{L as o}from"./label-3TKt0PoZ.js";import{S as G}from"./switch-A3-ClT1P.js";import{P as V,a as W}from"./page-layout-CopkIM3Q.js";const $=8;function A(r){return r.trim().length>=$}function L(r,n){return r!==n?(M.error(s("authPasswordMismatch")),!1):!0}function q(){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 Y(){return e.jsxs(V,{className:"space-y-6",children:[e.jsx(W,{title:s("authSecurityTitle"),description:s("authSecurityDescription")}),e.jsx(q,{})]})}export{Y as SecurityConfig};

package/dist/assets/{skeleton-DTFzTqqO.js → skeleton-Bs4zvcql.js}

@@ -1 +1 @@
-import{j as t}from"./vendor-BEQcLDx6.js";import{c as o}from"./index-BlrweCCh.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-BEQcLDx6.js";import{c as o}from"./index-LhlkB00c.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-DOJX6vii.js → status-dot-D6vJMwD7.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-BEQcLDx6.js";import{c as a}from"./index-BlrweCCh.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-BEQcLDx6.js";import{c as a}from"./index-LhlkB00c.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-utBdpBRv.js → switch-A3-ClT1P.js}

@@ -1 +1 @@
-import{r as e,j as i}from"./vendor-BEQcLDx6.js";import{c as t}from"./index-BlrweCCh.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-BEQcLDx6.js";import{c as t}from"./index-LhlkB00c.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-ExyfvfgG.js → tabs-custom-BVSd5urq.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-BEQcLDx6.js";import{aj as m,c as a}from"./index-BlrweCCh.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-BEQcLDx6.js";import{am as m,c as a}from"./index-LhlkB00c.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-DjNtKs4n.js → useConfirmDialog-ChPriea6.js}

@@ -1 +1 @@
-import{j as a,r as t}from"./vendor-BEQcLDx6.js";import{ad as C,ae as h,af as p,ag as g,ah as x,ai as D,B as d,t as r}from"./index-BlrweCCh.js";const j=({open:l,onOpenChange:i,title:c,description:o,confirmLabel:s=r("confirm"),cancelLabel:e=r("cancel"),variant:n="default",onConfirm:f,onCancel:u})=>{const m=()=>{f(),i(!1)},v=()=>{u(),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(g,{children:c}),o?a.jsx(x,{children:o}):null]}),a.jsxs(D,{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:f=>{n(f),i(u=>({...u,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(j,{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-BEQcLDx6.js";import{ag as C,ah as h,ai as p,aj as g,ak as x,al as j,B as d,t as r}from"./index-LhlkB00c.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(g,{children:c}),o?a.jsx(x,{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-BlrweCCh.js"></script>
+  <script type="module" crossorigin src="/assets/index-LhlkB00c.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/vendor-BEQcLDx6.js">
   <link rel="stylesheet" crossorigin href="/assets/index-Bro-iRcb.css">
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.11.8",
+  "version": "0.11.10",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/ncp": "0.4.0",
-    "@nextclaw/agent-chat": "0.1.3",
-    "@nextclaw/agent-chat-ui": "0.2.11",
+    "@nextclaw/ncp-react": "0.4.3",
     "@nextclaw/ncp-http-agent-client": "0.3.4",
-    "@nextclaw/ncp-react": "0.4.1"
+    "@nextclaw/agent-chat-ui": "0.2.13",
+    "@nextclaw/agent-chat": "0.1.3",
+    "@nextclaw/ncp": "0.4.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

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

@@ -0,0 +1,89 @@
+import { QueryClient } from '@tanstack/react-query';
+import { describe, expect, it } from 'vitest';
+import {
+  applyNcpSessionRealtimeEvent,
+  deleteNcpSessionSummaryList,
+  upsertNcpSessionSummaryList
+} from '@/api/ncp-session-query-cache';
+import type { NcpSessionsListView } from '@/api/types';
+
+function createSessionsList(): NcpSessionsListView {
+  return {
+    sessions: [
+      {
+        sessionId: 'session-1',
+        messageCount: 1,
+        updatedAt: '2026-03-29T10:00:00.000Z',
+        status: 'idle',
+        metadata: {}
+      },
+      {
+        sessionId: 'session-2',
+        messageCount: 2,
+        updatedAt: '2026-03-29T09:00:00.000Z',
+        status: 'idle',
+        metadata: {}
+      }
+    ],
+    total: 2
+  };
+}
+
+describe('ncp-session-query-cache', () => {
+  it('upserts summaries and keeps the list sorted by updatedAt descending', () => {
+    const updated = upsertNcpSessionSummaryList(createSessionsList(), {
+      sessionId: 'session-2',
+      messageCount: 3,
+      updatedAt: '2026-03-29T11:00:00.000Z',
+      status: 'running',
+      metadata: { label: 'Latest' }
+    });
+
+    expect(updated?.sessions.map((session) => session.sessionId)).toEqual(['session-2', 'session-1']);
+    expect(updated?.sessions[0]).toMatchObject({
+      sessionId: 'session-2',
+      messageCount: 3,
+      status: 'running'
+    });
+  });
+
+  it('deletes summaries without mutating unrelated entries', () => {
+    const updated = deleteNcpSessionSummaryList(createSessionsList(), 'session-1');
+
+    expect(updated?.sessions.map((session) => session.sessionId)).toEqual(['session-2']);
+    expect(updated?.total).toBe(1);
+  });
+
+  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.summary.upsert',
+      payload: {
+        summary: {
+          sessionId: 'session-3',
+          messageCount: 1,
+          updatedAt: '2026-03-29T12:00:00.000Z',
+          status: 'running',
+          metadata: {}
+        }
+      }
+    });
+
+    expect(
+      queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200])?.sessions.map((session) => session.sessionId)
+    ).toEqual(['session-3', 'session-1', 'session-2']);
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.delete',
+      payload: {
+        sessionKey: 'session-1'
+      }
+    });
+
+    expect(
+      queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200])?.sessions.map((session) => session.sessionId)
+    ).toEqual(['session-3', 'session-2']);
+  });
+});

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

@@ -0,0 +1,85 @@
+import type { QueryClient } from '@tanstack/react-query';
+import type { NcpSessionSummaryView, NcpSessionsListView, WsEvent } from '@/api/types';
+
+function sortSessionSummaries(summaries: readonly NcpSessionSummaryView[]): NcpSessionSummaryView[] {
+  return [...summaries].sort((left, right) => right.updatedAt.localeCompare(left.updatedAt));
+}
+
+export function upsertNcpSessionSummaryList(
+  current: NcpSessionsListView | undefined,
+  summary: NcpSessionSummaryView
+): NcpSessionsListView | undefined {
+  if (!current) {
+    return current;
+  }
+
+  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, summary];
+  const sortedSessions = sortSessionSummaries(nextSessions);
+
+  return {
+    ...current,
+    sessions: sortedSessions,
+    total: sortedSessions.length
+  };
+}
+
+export function deleteNcpSessionSummaryList(
+  current: NcpSessionsListView | undefined,
+  sessionKey: string
+): NcpSessionsListView | undefined {
+  if (!current) {
+    return current;
+  }
+
+  const normalizedSessionKey = sessionKey.trim();
+  if (!normalizedSessionKey) {
+    return current;
+  }
+
+  const nextSessions = current.sessions.filter((session) => session.sessionId !== normalizedSessionKey);
+  if (nextSessions.length === current.sessions.length) {
+    return current;
+  }
+
+  return {
+    ...current,
+    sessions: nextSessions,
+    total: nextSessions.length
+  };
+}
+
+export function upsertNcpSessionSummaryInQueryClient(
+  queryClient: QueryClient | undefined,
+  summary: NcpSessionSummaryView
+): void {
+  queryClient?.setQueriesData<NcpSessionsListView>(
+    { queryKey: ['ncp-sessions'] },
+    (current) => upsertNcpSessionSummaryList(current, summary)
+  );
+}
+
+export function deleteNcpSessionSummaryInQueryClient(
+  queryClient: QueryClient | undefined,
+  sessionKey: string
+): void {
+  queryClient?.setQueriesData<NcpSessionsListView>(
+    { queryKey: ['ncp-sessions'] },
+    (current) => deleteNcpSessionSummaryList(current, sessionKey)
+  );
+}
+
+export function applyNcpSessionRealtimeEvent(
+  queryClient: QueryClient | undefined,
+  event: Extract<WsEvent, { type: 'session.summary.upsert' | 'session.summary.delete' }>
+): void {
+  if (event.type === 'session.summary.upsert') {
+    upsertNcpSessionSummaryInQueryClient(queryClient, event.payload.summary);
+    return;
+  }
+
+  deleteNcpSessionSummaryInQueryClient(queryClient, event.payload.sessionKey);
+}

package/src/api/types.ts

@@ -569,6 +569,8 @@ export type ConfigActionExecuteResult = {
 export type WsEvent =
   | { type: 'config.updated'; payload: { path: string } }
   | { type: 'session.updated'; payload: { sessionKey: string } }
+  | { type: 'session.summary.upsert'; payload: { summary: NcpSessionSummaryView } }
+  | { type: 'session.summary.delete'; payload: { sessionKey: string } }
   | { type: 'config.reload.started'; payload?: Record<string, unknown> }
   | { type: 'config.reload.finished'; payload?: Record<string, unknown> }
   | { type: 'error'; payload: { message: string; code?: string } }

package/src/components/chat/ChatConversationPanel.test.tsx

@@ -48,7 +48,7 @@ describe('ChatConversationPanel', () => {
         canDeleteSession: false,
         isDeletePending: false,
         isHistoryLoading: false,
-        uiMessages: [],
+        messages: [],
         isSending: false,
         isAwaitingAssistantOutput: false
       }

package/src/components/chat/ChatConversationPanel.tsx

@@ -1,13 +1,16 @@
-import { useRef } from 'react';
-import { useStickyBottomScroll } from '@nextclaw/agent-chat-ui';
-import { Button } from '@/components/ui/button';
-import { ChatInputBarContainer, ChatMessageListContainer } from '@/components/chat/nextclaw';
-import { ChatWelcome } from '@/components/chat/ChatWelcome';
-import { usePresenter } from '@/components/chat/presenter/chat-presenter-context';
-import { useChatThreadStore } from '@/components/chat/stores/chat-thread.store';
-import { t } from '@/lib/i18n';
-import { cn } from '@/lib/utils';
-import { Trash2 } from 'lucide-react';
+import { useRef } from "react";
+import { useStickyBottomScroll } from "@nextclaw/agent-chat-ui";
+import { Button } from "@/components/ui/button";
+import {
+  ChatInputBarContainer,
+  ChatMessageListContainer,
+} from "@/components/chat/nextclaw";
+import { ChatWelcome } from "@/components/chat/ChatWelcome";
+import { usePresenter } from "@/components/chat/presenter/chat-presenter-context";
+import { useChatThreadStore } from "@/components/chat/stores/chat-thread.store";
+import { t } from "@/lib/i18n";
+import { cn } from "@/lib/utils";
+import { Trash2 } from "lucide-react";
 
 function ChatConversationSkeleton() {
   return (
@@ -42,15 +45,24 @@ export function ChatConversationPanel() {
   const snapshot = useChatThreadStore((state) => state.snapshot);
   const fallbackThreadRef = useRef<HTMLDivElement | null>(null);
   const threadRef = snapshot.threadRef ?? fallbackThreadRef;
-  const shouldShowSessionHeader = Boolean(snapshot.selectedSessionKey || snapshot.sessionTypeLabel);
-  const sessionHeaderTitle = snapshot.sessionDisplayName || snapshot.selectedSessionKey || t('chatSidebarNewTask');
+  const shouldShowSessionHeader = Boolean(
+    snapshot.selectedSessionKey || snapshot.sessionTypeLabel,
+  );
+  const sessionHeaderTitle =
+    snapshot.sessionDisplayName ||
+    snapshot.selectedSessionKey ||
+    t("chatSidebarNewTask");
 
-  const showWelcome = !snapshot.selectedSessionKey && snapshot.uiMessages.length === 0 && !snapshot.isSending;
+  const showWelcome =
+    !snapshot.selectedSessionKey &&
+    snapshot.messages.length === 0 &&
+    !snapshot.isSending;
   const hasConfiguredModel = snapshot.modelOptions.length > 0;
-  const shouldShowProviderHint = snapshot.isProviderStateResolved && !hasConfiguredModel;
+  const shouldShowProviderHint =
+    snapshot.isProviderStateResolved && !hasConfiguredModel;
   const hideEmptyHint =
     snapshot.isHistoryLoading &&
-    snapshot.uiMessages.length === 0 &&
+    snapshot.messages.length === 0 &&
     !snapshot.isSending &&
     !snapshot.isAwaitingAssistantOutput;
 
@@ -58,8 +70,8 @@ export function ChatConversationPanel() {
     scrollRef: threadRef,
     resetKey: snapshot.selectedSessionKey,
     isLoading: snapshot.isHistoryLoading,
-    hasContent: snapshot.uiMessages.length > 0,
-    contentVersion: snapshot.uiMessages
+    hasContent: snapshot.messages.length > 0,
+    contentVersion: snapshot.messages[snapshot.messages.length - 1] ?? null,
   });
 
   if (!snapshot.isProviderStateResolved) {
@@ -68,10 +80,14 @@ export function ChatConversationPanel() {
 
   return (
     <section className="flex-1 min-h-0 flex flex-col overflow-hidden bg-gradient-to-b from-gray-50/60 to-white">
-      <div className={cn(
-        "px-5 border-b border-gray-200/60 bg-white/80 backdrop-blur-sm flex items-center justify-between shrink-0 overflow-hidden transition-all duration-200",
-        shouldShowSessionHeader ? "py-3 opacity-100" : "h-0 py-0 opacity-0 border-b-0"
-      )}>
+      <div
+        className={cn(
+          "px-5 border-b border-gray-200/60 bg-white/80 backdrop-blur-sm flex items-center justify-between shrink-0 overflow-hidden transition-all duration-200",
+          shouldShowSessionHeader
+            ? "py-3 opacity-100"
+            : "h-0 py-0 opacity-0 border-b-0",
+        )}
+      >
         <div className="min-w-0 flex-1 flex items-center gap-2">
           <span className="text-sm font-medium text-gray-700 truncate">
             {sessionHeaderTitle}
@@ -97,22 +113,27 @@ export function ChatConversationPanel() {
 
       {shouldShowProviderHint && (
         <div className="px-5 py-2.5 border-b border-amber-200/70 bg-amber-50/70 flex items-center justify-between gap-3 shrink-0">
-          <span className="text-xs text-amber-800">{t('chatModelNoOptions')}</span>
+          <span className="text-xs text-amber-800">
+            {t("chatModelNoOptions")}
+          </span>
           <button
             type="button"
             onClick={presenter.chatThreadManager.goToProviders}
             className="text-xs font-semibold text-amber-900 underline-offset-2 hover:underline"
           >
-            {t('chatGoConfigureProvider')}
+            {t("chatGoConfigureProvider")}
           </button>
         </div>
       )}
 
-      {snapshot.sessionTypeUnavailable && snapshot.sessionTypeUnavailableMessage?.trim() && (
-        <div className="px-5 py-2.5 border-b border-amber-200/70 bg-amber-50/70 shrink-0">
-          <span className="text-xs text-amber-800">{snapshot.sessionTypeUnavailableMessage}</span>
-        </div>
-      )}
+      {snapshot.sessionTypeUnavailable &&
+        snapshot.sessionTypeUnavailableMessage?.trim() && (
+          <div className="px-5 py-2.5 border-b border-amber-200/70 bg-amber-50/70 shrink-0">
+            <span className="text-xs text-amber-800">
+              {snapshot.sessionTypeUnavailableMessage}
+            </span>
+          </div>
+        )}
 
       <div
         ref={threadRef}
@@ -120,14 +141,23 @@ export function ChatConversationPanel() {
         className="flex-1 min-h-0 overflow-y-auto custom-scrollbar"
       >
         {showWelcome ? (
-          <ChatWelcome onCreateSession={presenter.chatThreadManager.createSession} />
+          <ChatWelcome
+            onCreateSession={presenter.chatThreadManager.createSession}
+          />
         ) : hideEmptyHint ? (
           <div className="h-full" />
-        ) : snapshot.uiMessages.length === 0 ? (
-          <div className="px-5 py-5 text-sm text-gray-500">{t('chatNoMessages')}</div>
+        ) : snapshot.messages.length === 0 ? (
+          <div className="px-5 py-5 text-sm text-gray-500">
+            {t("chatNoMessages")}
+          </div>
         ) : (
           <div className="mx-auto w-full max-w-[min(1120px,100%)] px-6 py-5">
-            <ChatMessageListContainer uiMessages={snapshot.uiMessages} isSending={snapshot.isSending && snapshot.isAwaitingAssistantOutput} />
+            <ChatMessageListContainer
+              messages={snapshot.messages}
+              isSending={
+                snapshot.isSending && snapshot.isAwaitingAssistantOutput
+              }
+            />
           </div>
         )}
       </div>