@nextclaw/ui 0.12.6 → 0.12.8

package/dist/assets/{use-infinite-scroll-loader-DBJX5hj0.js → use-infinite-scroll-loader-dwnaa_qi.js}

@@ -1 +1 @@
-import{_ as e,i as t,m as n,p as r}from"./i18n-C3jb83S6.js";import{a as i,u as a}from"./client-CSk58DcF.js";import{n as o,r as s,t as c}from"./infiniteQueryBehavior-BmHX_ayZ.js";import{a as l,i as u,n as d,r as f,t as p}from"./select-DLYqySQK.js";import{t as m}from"./createLucideIcon-83gaZMtv.js";import{t as h}from"./skeleton-CYQJazv6.js";var g=class extends a{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:s()})}getOptimisticResult(e){return e.behavior=s(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:a,isError:s,isRefetchError:l}=r,u=n.fetchMeta?.fetchMore?.direction,d=s&&u===`forward`,f=i&&u===`forward`,p=s&&u===`backward`,m=i&&u===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:c(t,n.data),hasPreviousPage:o(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:l&&!d&&!p,isRefetching:a&&!f&&!m}}};function _(e,t){return i(e,g,t)}var v=m(`PackageSearch`,[[`path`,{d:`M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14`,key:`e7tb2h`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`line`,{x1:`12`,x2:`12`,y1:`22`,y2:`12`,key:`a4e8g8`}],[`circle`,{cx:`18.5`,cy:`15.5`,r:`2.5`,key:`b5zd12`}],[`path`,{d:`M20.27 17.27 22 19`,key:`1l4muz`}]]);function y(e){if(!e||e.pages.length===0)return;let t=e.pages.flatMap(e=>e.items);return{...e.pages[e.pages.length-1],items:t,pages:e.pages,loadedItems:t.length,loadedPages:e.pages.length}}var b=r();function x(e){return(0,b.jsx)(`div`,{className:`mb-4`,children:(0,b.jsxs)(`div`,{className:`flex gap-3 items-center`,children:[(0,b.jsxs)(`div`,{className:`flex-1 min-w-0 relative`,children:[(0,b.jsx)(v,{className:`h-4 w-4 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2`}),(0,b.jsx)(`input`,{value:e.searchText,onChange:t=>e.onSearchTextChange(t.target.value),placeholder:e.searchPlaceholder,className:`w-full h-9 border border-gray-200/80 rounded-xl pl-9 pr-3 text-sm focus:outline-none focus:ring-1 focus:ring-primary/40`})]}),e.scope===`all`&&(0,b.jsxs)(p,{value:e.sort,onValueChange:t=>e.onSortChange(t),children:[(0,b.jsx)(u,{className:`h-9 w-[150px] shrink-0 rounded-lg`,children:(0,b.jsx)(l,{})}),(0,b.jsxs)(d,{children:[(0,b.jsx)(f,{value:`relevance`,children:t(`marketplaceSortRelevance`)}),(0,b.jsx)(f,{value:`updated`,children:t(`marketplaceSortUpdated`)})]})]})]})})}function S(e){return(0,b.jsx)(b.Fragment,{children:Array.from({length:e.count},(e,t)=>(0,b.jsx)(`article`,{className:`rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm`,children:(0,b.jsxs)(`div`,{className:`flex items-start gap-3.5 justify-between`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-1 gap-3`,children:[(0,b.jsx)(h,{className:`h-10 w-10 shrink-0 rounded-xl`}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2 pt-0.5`,children:[(0,b.jsx)(h,{className:`h-4 w-32 max-w-[70%]`}),(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-3 w-12`}),(0,b.jsx)(h,{className:`h-3 w-24`})]}),(0,b.jsx)(h,{className:`h-3 w-full`})]})]}),(0,b.jsx)(h,{className:`h-8 w-20 shrink-0 rounded-xl`})]})},`marketplace-skeleton-${t}`))})}function C(e){return!e.hasMore&&!e.loading?null:(0,b.jsxs)(`div`,{className:`py-4`,children:[e.hasMore&&(0,b.jsx)(`div`,{ref:e.sentinelRef,className:`h-1 w-full`,"aria-hidden":`true`}),e.loading&&(0,b.jsx)(`div`,{"data-testid":`marketplace-loading-more`,className:`pt-3 text-center text-xs text-gray-500`,children:t(`loading`)})]})}function w(e){let t=e.trim().toLowerCase().replace(/_/g,`-`),n=[t,t.split(`-`)[0],`en`];return Array.from(new Set(n.filter(Boolean)))}function T(e){return e.trim().toLowerCase().replace(/_/g,`-`)}function E(e,t,n){if(e){let t=Object.entries(e).map(([e,t])=>({locale:T(e),text:typeof t==`string`?t.trim():``})).filter(e=>e.text.length>0);if(t.length>0){let e=new Map(t.map(e=>[e.locale,e.text]));for(let t of n){let n=T(t),r=e.get(n);if(r)return r}for(let e of n){let n=T(e).split(`-`)[0];if(!n)continue;let r=t.find(e=>e.locale===n||e.locale.startsWith(`${n}-`));if(r)return r.text}return t[0]?.text??``}}return t?.trim()??``}function D(e,t){if(!e)return``;for(let n of t)if(T(n).split(`-`)[0]===`zh`&&e.descriptionZh?.trim())return e.descriptionZh.trim();return e.description?.trim()?e.description.trim():e.descriptionZh?.trim()?e.descriptionZh.trim():``}var O=e(n(),1),k=160;function A(e){let t=(0,O.useRef)(null),n=(0,O.useRef)(null),r=(0,O.useRef)(e.onLoadMore),i=(0,O.useRef)(!1);return(0,O.useEffect)(()=>{r.current=e.onLoadMore},[e.onLoadMore]),(0,O.useEffect)(()=>{e.disabled&&(i.current=!1)},[e.disabled]),(0,O.useEffect)(()=>{let a=t.current,o=n.current,s=e.thresholdPx??k;if(e.disabled||!a||!o)return;let c=()=>{i.current||e.disabled||(i.current=!0,Promise.resolve(r.current()).finally(()=>{i.current=!1}))},l=()=>{o.getBoundingClientRect().top-a.getBoundingClientRect().bottom<=s&&c()};if(typeof IntersectionObserver==`function`){let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&c()},{root:a,rootMargin:`0px 0px ${s}px 0px`});return e.observe(o),l(),()=>{e.disconnect()}}return a.addEventListener(`scroll`,l,{passive:!0}),l(),()=>{a.removeEventListener(`scroll`,l)}},[e.disabled,e.thresholdPx,e.watchValue]),{containerRef:t,sentinelRef:n}}export{x as a,y as c,E as i,_ as l,w as n,C as o,D as r,S as s,A as t};
+import{_ as e,i as t,m as n,p as r}from"./i18n-CwHZ-9vt.js";import{a as i,u as a}from"./client-CVqPF5ie.js";import{n as o,r as s,t as c}from"./infiniteQueryBehavior-DHSEQ3OH.js";import{a as l,i as u,n as d,r as f,t as p}from"./select-Caud8QvU.js";import{t as m}from"./createLucideIcon-DVv8taGY.js";import{t as h}from"./skeleton-B-4vRq_Z.js";var g=class extends a{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:s()})}getOptimisticResult(e){return e.behavior=s(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`forward`}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:`backward`}}})}createResult(e,t){let{state:n}=e,r=super.createResult(e,t),{isFetching:i,isRefetching:a,isError:s,isRefetchError:l}=r,u=n.fetchMeta?.fetchMore?.direction,d=s&&u===`forward`,f=i&&u===`forward`,p=s&&u===`backward`,m=i&&u===`backward`;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:c(t,n.data),hasPreviousPage:o(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:l&&!d&&!p,isRefetching:a&&!f&&!m}}};function _(e,t){return i(e,g,t)}var v=m(`PackageSearch`,[[`path`,{d:`M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14`,key:`e7tb2h`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`line`,{x1:`12`,x2:`12`,y1:`22`,y2:`12`,key:`a4e8g8`}],[`circle`,{cx:`18.5`,cy:`15.5`,r:`2.5`,key:`b5zd12`}],[`path`,{d:`M20.27 17.27 22 19`,key:`1l4muz`}]]);function y(e){if(!e||e.pages.length===0)return;let t=e.pages.flatMap(e=>e.items);return{...e.pages[e.pages.length-1],items:t,pages:e.pages,loadedItems:t.length,loadedPages:e.pages.length}}var b=r();function x(e){return(0,b.jsx)(`div`,{className:`mb-4`,children:(0,b.jsxs)(`div`,{className:`flex gap-3 items-center`,children:[(0,b.jsxs)(`div`,{className:`flex-1 min-w-0 relative`,children:[(0,b.jsx)(v,{className:`h-4 w-4 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2`}),(0,b.jsx)(`input`,{value:e.searchText,onChange:t=>e.onSearchTextChange(t.target.value),placeholder:e.searchPlaceholder,className:`w-full h-9 border border-gray-200/80 rounded-xl pl-9 pr-3 text-sm focus:outline-none focus:ring-1 focus:ring-primary/40`})]}),e.scope===`all`&&(0,b.jsxs)(p,{value:e.sort,onValueChange:t=>e.onSortChange(t),children:[(0,b.jsx)(u,{className:`h-9 w-[150px] shrink-0 rounded-lg`,children:(0,b.jsx)(l,{})}),(0,b.jsxs)(d,{children:[(0,b.jsx)(f,{value:`relevance`,children:t(`marketplaceSortRelevance`)}),(0,b.jsx)(f,{value:`updated`,children:t(`marketplaceSortUpdated`)})]})]})]})})}function S(e){return(0,b.jsx)(b.Fragment,{children:Array.from({length:e.count},(e,t)=>(0,b.jsx)(`article`,{className:`rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm`,children:(0,b.jsxs)(`div`,{className:`flex items-start gap-3.5 justify-between`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-1 gap-3`,children:[(0,b.jsx)(h,{className:`h-10 w-10 shrink-0 rounded-xl`}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2 pt-0.5`,children:[(0,b.jsx)(h,{className:`h-4 w-32 max-w-[70%]`}),(0,b.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-3 w-12`}),(0,b.jsx)(h,{className:`h-3 w-24`})]}),(0,b.jsx)(h,{className:`h-3 w-full`})]})]}),(0,b.jsx)(h,{className:`h-8 w-20 shrink-0 rounded-xl`})]})},`marketplace-skeleton-${t}`))})}function C(e){return!e.hasMore&&!e.loading?null:(0,b.jsxs)(`div`,{className:`py-4`,children:[e.hasMore&&(0,b.jsx)(`div`,{ref:e.sentinelRef,className:`h-1 w-full`,"aria-hidden":`true`}),e.loading&&(0,b.jsx)(`div`,{"data-testid":`marketplace-loading-more`,className:`pt-3 text-center text-xs text-gray-500`,children:t(`loading`)})]})}function w(e){let t=e.trim().toLowerCase().replace(/_/g,`-`),n=[t,t.split(`-`)[0],`en`];return Array.from(new Set(n.filter(Boolean)))}function T(e){return e.trim().toLowerCase().replace(/_/g,`-`)}function E(e,t,n){if(e){let t=Object.entries(e).map(([e,t])=>({locale:T(e),text:typeof t==`string`?t.trim():``})).filter(e=>e.text.length>0);if(t.length>0){let e=new Map(t.map(e=>[e.locale,e.text]));for(let t of n){let n=T(t),r=e.get(n);if(r)return r}for(let e of n){let n=T(e).split(`-`)[0];if(!n)continue;let r=t.find(e=>e.locale===n||e.locale.startsWith(`${n}-`));if(r)return r.text}return t[0]?.text??``}}return t?.trim()??``}function D(e,t){if(!e)return``;for(let n of t)if(T(n).split(`-`)[0]===`zh`&&e.descriptionZh?.trim())return e.descriptionZh.trim();return e.description?.trim()?e.description.trim():e.descriptionZh?.trim()?e.descriptionZh.trim():``}var O=e(n(),1),k=160;function A(e){let t=(0,O.useRef)(null),n=(0,O.useRef)(null),r=(0,O.useRef)(e.onLoadMore),i=(0,O.useRef)(!1);return(0,O.useEffect)(()=>{r.current=e.onLoadMore},[e.onLoadMore]),(0,O.useEffect)(()=>{e.disabled&&(i.current=!1)},[e.disabled]),(0,O.useEffect)(()=>{let a=t.current,o=n.current,s=e.thresholdPx??k;if(e.disabled||!a||!o)return;let c=()=>{i.current||e.disabled||(i.current=!0,Promise.resolve(r.current()).finally(()=>{i.current=!1}))},l=()=>{o.getBoundingClientRect().top-a.getBoundingClientRect().bottom<=s&&c()};if(typeof IntersectionObserver==`function`){let e=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&c()},{root:a,rootMargin:`0px 0px ${s}px 0px`});return e.observe(o),l(),()=>{e.disconnect()}}return a.addEventListener(`scroll`,l,{passive:!0}),l(),()=>{a.removeEventListener(`scroll`,l)}},[e.disabled,e.thresholdPx,e.watchValue]),{containerRef:t,sentinelRef:n}}export{x as a,y as c,E as i,_ as l,w as n,C as o,D as r,S as s,A as t};

package/dist/assets/{useConfirmDialog-DL0a-oGC.js → useConfirmDialog-mMeWD_yo.js}

@@ -1 +1 @@
-import{_ as e,i as t,m as n,p as r}from"./i18n-C3jb83S6.js";import{r as i}from"./dist-aTmhMDVh.js";import{at as a,it as o,nt as s,ot as c,rt as l,st as u}from"./index-riX7Sg0_.js";var d=e(n(),1),f=r(),p=({open:e,onOpenChange:n,title:r,description:d,confirmLabel:p=t(`confirm`),cancelLabel:m=t(`cancel`),variant:h=`default`,onConfirm:g,onCancel:_})=>(0,f.jsx)(s,{open:e,onOpenChange:n,children:(0,f.jsxs)(l,{className:`[&>:last-child]:hidden`,onCloseAutoFocus:e=>e.preventDefault(),children:[(0,f.jsxs)(c,{children:[(0,f.jsx)(u,{children:r}),d?(0,f.jsx)(o,{children:d}):null]}),(0,f.jsxs)(a,{className:`gap-2 sm:gap-0`,children:[(0,f.jsx)(i,{type:`button`,variant:`outline`,onClick:()=>{_(),n(!1)},children:m}),(0,f.jsx)(i,{type:`button`,variant:h===`destructive`?`destructive`:`default`,onClick:()=>{g(),n(!1)},children:p})]})]})}),m={open:!1,title:``,description:``,confirmLabel:t(`confirm`),cancelLabel:t(`cancel`),variant:`default`,resolve:null};function h(){let[e,n]=(0,d.useState)(m),r=(0,d.useCallback)(e=>new Promise(r=>{n({open:!0,title:e.title,description:e.description??``,confirmLabel:e.confirmLabel??t(`confirm`),cancelLabel:e.cancelLabel??t(`cancel`),variant:e.variant??`default`,resolve:e=>{r(e),n(e=>({...e,open:!1,resolve:null}))}})}),[]),i=(0,d.useCallback)(e=>{n(t=>(!e&&t.resolve&&t.resolve(!1),{...t,open:e,resolve:e?t.resolve:null}))},[]);return{confirm:r,ConfirmDialog:(0,d.useCallback)(()=>(0,f.jsx)(p,{open:e.open,onOpenChange:i,title:e.title,description:e.description||void 0,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,variant:e.variant,onConfirm:()=>e.resolve?.(!0),onCancel:()=>e.resolve?.(!1)}),[e,i])}}export{h as t};
+import{_ as e,i as t,m as n,p as r}from"./i18n-CwHZ-9vt.js";import{r as i}from"./dist-DmAlInRu.js";import{at as a,it as o,nt as s,ot as c,rt as l,st as u}from"./index-DdksE6U3.js";var d=e(n(),1),f=r(),p=({open:e,onOpenChange:n,title:r,description:d,confirmLabel:p=t(`confirm`),cancelLabel:m=t(`cancel`),variant:h=`default`,onConfirm:g,onCancel:_})=>(0,f.jsx)(s,{open:e,onOpenChange:n,children:(0,f.jsxs)(l,{className:`[&>:last-child]:hidden`,onCloseAutoFocus:e=>e.preventDefault(),children:[(0,f.jsxs)(c,{children:[(0,f.jsx)(u,{children:r}),d?(0,f.jsx)(o,{children:d}):null]}),(0,f.jsxs)(a,{className:`gap-2 sm:gap-0`,children:[(0,f.jsx)(i,{type:`button`,variant:`outline`,onClick:()=>{_(),n(!1)},children:m}),(0,f.jsx)(i,{type:`button`,variant:h===`destructive`?`destructive`:`default`,onClick:()=>{g(),n(!1)},children:p})]})]})}),m={open:!1,title:``,description:``,confirmLabel:t(`confirm`),cancelLabel:t(`cancel`),variant:`default`,resolve:null};function h(){let[e,n]=(0,d.useState)(m),r=(0,d.useCallback)(e=>new Promise(r=>{n({open:!0,title:e.title,description:e.description??``,confirmLabel:e.confirmLabel??t(`confirm`),cancelLabel:e.cancelLabel??t(`cancel`),variant:e.variant??`default`,resolve:e=>{r(e),n(e=>({...e,open:!1,resolve:null}))}})}),[]),i=(0,d.useCallback)(e=>{n(t=>(!e&&t.resolve&&t.resolve(!1),{...t,open:e,resolve:e?t.resolve:null}))},[]);return{confirm:r,ConfirmDialog:(0,d.useCallback)(()=>(0,f.jsx)(p,{open:e.open,onOpenChange:i,title:e.title,description:e.description||void 0,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,variant:e.variant,onConfirm:()=>e.resolve?.(!0),onCancel:()=>e.resolve?.(!1)}),[e,i])}}export{h as t};

package/dist/assets/{useMutation-BdZm-9PL.js → useMutation-BmxxvCNf.js}

@@ -1 +1 @@
-import{_ as e,m as t}from"./i18n-C3jb83S6.js";import{A as n,D as r,O as i,b as a,l as o,p as s,s as c,w as l}from"./client-CSk58DcF.js";var u=class extends n{#e;#t=void 0;#n;#r;constructor(e,t){super(),this.#e=e,this.setOptions(t),this.bindMethods(),this.#i()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(e){let t=this.options;this.options=this.#e.defaultMutationOptions(e),r(this.options,t)||this.#e.getMutationCache().notify({type:`observerOptionsUpdated`,mutation:this.#n,observer:this}),t?.mutationKey&&this.options.mutationKey&&a(t.mutationKey)!==a(this.options.mutationKey)?this.reset():this.#n?.state.status===`pending`&&this.#n.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#n?.removeObserver(this)}onMutationUpdate(e){this.#i(),this.#a(e)}getCurrentResult(){return this.#t}reset(){this.#n?.removeObserver(this),this.#n=void 0,this.#i(),this.#a()}mutate(e,t){return this.#r=t,this.#n?.removeObserver(this),this.#n=this.#e.getMutationCache().build(this.#e,this.options),this.#n.addObserver(this),this.#n.execute(e)}#i(){let e=this.#n?.state??o();this.#t={...e,isPending:e.status===`pending`,isSuccess:e.status===`success`,isError:e.status===`error`,isIdle:e.status===`idle`,mutate:this.mutate,reset:this.reset}}#a(e){s.batch(()=>{if(this.#r&&this.hasListeners()){let t=this.#t.variables,n=this.#t.context,r={client:this.#e,meta:this.options.meta,mutationKey:this.options.mutationKey};if(e?.type===`success`){try{this.#r.onSuccess?.(e.data,t,n,r)}catch(e){Promise.reject(e)}try{this.#r.onSettled?.(e.data,null,t,n,r)}catch(e){Promise.reject(e)}}else if(e?.type===`error`){try{this.#r.onError?.(e.error,t,n,r)}catch(e){Promise.reject(e)}try{this.#r.onSettled?.(void 0,e.error,t,n,r)}catch(e){Promise.reject(e)}}}this.listeners.forEach(e=>{e(this.#t)})})}},d=e(t(),1);function f(e,t){let n=c(t),[r]=d.useState(()=>new u(n,e));d.useEffect(()=>{r.setOptions(e)},[r,e]);let a=d.useSyncExternalStore(d.useCallback(e=>r.subscribe(s.batchCalls(e)),[r]),()=>r.getCurrentResult(),()=>r.getCurrentResult()),o=d.useCallback((e,t)=>{r.mutate(e,t).catch(l)},[r]);if(a.error&&i(r.options.throwOnError,[a.error]))throw a.error;return{...a,mutate:o,mutateAsync:a.mutate}}export{f as t};
+import{_ as e,m as t}from"./i18n-CwHZ-9vt.js";import{A as n,D as r,O as i,b as a,l as o,p as s,s as c,w as l}from"./client-CVqPF5ie.js";var u=class extends n{#e;#t=void 0;#n;#r;constructor(e,t){super(),this.#e=e,this.setOptions(t),this.bindMethods(),this.#i()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(e){let t=this.options;this.options=this.#e.defaultMutationOptions(e),r(this.options,t)||this.#e.getMutationCache().notify({type:`observerOptionsUpdated`,mutation:this.#n,observer:this}),t?.mutationKey&&this.options.mutationKey&&a(t.mutationKey)!==a(this.options.mutationKey)?this.reset():this.#n?.state.status===`pending`&&this.#n.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#n?.removeObserver(this)}onMutationUpdate(e){this.#i(),this.#a(e)}getCurrentResult(){return this.#t}reset(){this.#n?.removeObserver(this),this.#n=void 0,this.#i(),this.#a()}mutate(e,t){return this.#r=t,this.#n?.removeObserver(this),this.#n=this.#e.getMutationCache().build(this.#e,this.options),this.#n.addObserver(this),this.#n.execute(e)}#i(){let e=this.#n?.state??o();this.#t={...e,isPending:e.status===`pending`,isSuccess:e.status===`success`,isError:e.status===`error`,isIdle:e.status===`idle`,mutate:this.mutate,reset:this.reset}}#a(e){s.batch(()=>{if(this.#r&&this.hasListeners()){let t=this.#t.variables,n=this.#t.context,r={client:this.#e,meta:this.options.meta,mutationKey:this.options.mutationKey};if(e?.type===`success`){try{this.#r.onSuccess?.(e.data,t,n,r)}catch(e){Promise.reject(e)}try{this.#r.onSettled?.(e.data,null,t,n,r)}catch(e){Promise.reject(e)}}else if(e?.type===`error`){try{this.#r.onError?.(e.error,t,n,r)}catch(e){Promise.reject(e)}try{this.#r.onSettled?.(void 0,e.error,t,n,r)}catch(e){Promise.reject(e)}}}this.listeners.forEach(e=>{e(this.#t)})})}},d=e(t(),1);function f(e,t){let n=c(t),[r]=d.useState(()=>new u(n,e));d.useEffect(()=>{r.setOptions(e)},[r,e]);let a=d.useSyncExternalStore(d.useCallback(e=>r.subscribe(s.batchCalls(e)),[r]),()=>r.getCurrentResult(),()=>r.getCurrentResult()),o=d.useCallback((e,t)=>{r.mutate(e,t).catch(l)},[r]);if(a.error&&i(r.options.throwOnError,[a.error]))throw a.error;return{...a,mutate:o,mutateAsync:a.mutate}}export{f as t};

package/dist/assets/x-DuMhMATD.js

@@ -0,0 +1 @@
+import{t as e}from"./createLucideIcon-DVv8taGY.js";var t=e(`X`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

package/dist/index.html

@@ -6,26 +6,26 @@
   <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-riX7Sg0_.js"></script>
-  <link rel="modulepreload" crossorigin href="/assets/i18n-C3jb83S6.js">
-  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-CoFVxHXV.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-aTmhMDVh.js">
-  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-83gaZMtv.js">
-  <link rel="modulepreload" crossorigin href="/assets/select-DLYqySQK.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-toEYs-MZ.js">
-  <link rel="modulepreload" crossorigin href="/assets/client-CSk58DcF.js">
-  <link rel="modulepreload" crossorigin href="/assets/infiniteQueryBehavior-BmHX_ayZ.js">
-  <link rel="modulepreload" crossorigin href="/assets/app-query-client-Dr5d-K8d.js">
-  <link rel="modulepreload" crossorigin href="/assets/useMutation-BdZm-9PL.js">
-  <link rel="modulepreload" crossorigin href="/assets/book-open-Da4OEPqB.js">
-  <link rel="modulepreload" crossorigin href="/assets/external-link-QQ0TC6X4.js">
-  <link rel="modulepreload" crossorigin href="/assets/plus-CIXME2pD.js">
-  <link rel="modulepreload" crossorigin href="/assets/search-B_Qr0f6C.js">
-  <link rel="modulepreload" crossorigin href="/assets/x-B8Tho_xC.js">
-  <link rel="modulepreload" crossorigin href="/assets/DocBrowserContext-Bai1WU2H.js">
-  <link rel="modulepreload" crossorigin href="/assets/DocBrowser-Cse_F8Nn.js">
-  <link rel="modulepreload" crossorigin href="/assets/config-D8KzikVB.js">
-  <link rel="stylesheet" crossorigin href="/assets/index-CE4N7ItL.css">
+  <script type="module" crossorigin src="/assets/index-DdksE6U3.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/i18n-CwHZ-9vt.js">
+  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-BvKvh1R8.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-DmAlInRu.js">
+  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-DVv8taGY.js">
+  <link rel="modulepreload" crossorigin href="/assets/select-Caud8QvU.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-Da5Gm_pO.js">
+  <link rel="modulepreload" crossorigin href="/assets/client-CVqPF5ie.js">
+  <link rel="modulepreload" crossorigin href="/assets/infiniteQueryBehavior-DHSEQ3OH.js">
+  <link rel="modulepreload" crossorigin href="/assets/app-query-client-DniXoIN5.js">
+  <link rel="modulepreload" crossorigin href="/assets/useMutation-BmxxvCNf.js">
+  <link rel="modulepreload" crossorigin href="/assets/book-open-DocgeQtR.js">
+  <link rel="modulepreload" crossorigin href="/assets/external-link-DFjw3x1B.js">
+  <link rel="modulepreload" crossorigin href="/assets/plus-DUOVbsyQ.js">
+  <link rel="modulepreload" crossorigin href="/assets/search-MChQRYR1.js">
+  <link rel="modulepreload" crossorigin href="/assets/x-DuMhMATD.js">
+  <link rel="modulepreload" crossorigin href="/assets/DocBrowserContext-Ce28gRXt.js">
+  <link rel="modulepreload" crossorigin href="/assets/DocBrowser-BMxf9CIK.js">
+  <link rel="modulepreload" crossorigin href="/assets/config-Bop2oB18.js">
+  <link rel="stylesheet" crossorigin href="/assets/index-DafCdM4F.css">
 </head>
 
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.9",
-    "@nextclaw/agent-chat-ui": "0.3.3",
-    "@nextclaw/ncp-http-agent-client": "0.3.12",
-    "@nextclaw/ncp-react": "0.4.19",
-    "@nextclaw/ncp": "0.5.0"
+    "@nextclaw/ncp-http-agent-client": "0.3.13",
+    "@nextclaw/ncp-react": "0.4.21",
+    "@nextclaw/ncp": "0.5.1",
+    "@nextclaw/agent-chat-ui": "0.3.5",
+    "@nextclaw/agent-chat": "0.1.10"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/api/runtime-control.ts

@@ -0,0 +1,34 @@
+import { api } from './client';
+import type { RuntimeControlActionResult, RuntimeControlView } from './runtime-control.types';
+
+export async function fetchRuntimeControl(): Promise<RuntimeControlView> {
+  const response = await api.get<RuntimeControlView>('/api/runtime/control');
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function startRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/start-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function restartRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/restart-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function stopRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/stop-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}

package/src/api/runtime-control.types.ts

@@ -0,0 +1,58 @@
+export type RuntimeControlEnvironment =
+  | 'desktop-embedded'
+  | 'managed-local-service'
+  | 'self-hosted-web'
+  | 'shared-web';
+
+export type RuntimeLifecycleState =
+  | 'healthy'
+  | 'starting-service'
+  | 'restarting-service'
+  | 'stopping-service'
+  | 'restarting-app'
+  | 'recovering'
+  | 'unavailable'
+  | 'failed';
+
+export type RuntimeActionImpact = 'none' | 'brief-ui-disconnect' | 'full-app-relaunch';
+
+export type RuntimeActionCapability = {
+  available: boolean;
+  requiresConfirmation: boolean;
+  impact: RuntimeActionImpact;
+  reasonIfUnavailable?: string;
+};
+
+export type RuntimeServiceState =
+  | 'running'
+  | 'stopped'
+  | 'starting'
+  | 'stopping'
+  | 'restarting'
+  | 'unknown';
+
+export type RuntimeControlView = {
+  environment: RuntimeControlEnvironment;
+  lifecycle: RuntimeLifecycleState;
+  serviceState: RuntimeServiceState;
+  canStartService: RuntimeActionCapability;
+  canRestartService: RuntimeActionCapability;
+  canStopService: RuntimeActionCapability;
+  canRestartApp: RuntimeActionCapability;
+  ownerLabel?: string;
+  managementHint?: string;
+  message?: string;
+};
+
+export type RuntimeControlAction =
+  | 'start-service'
+  | 'restart-service'
+  | 'stop-service'
+  | 'restart-app';
+
+export type RuntimeControlActionResult = {
+  accepted: boolean;
+  action: RuntimeControlAction;
+  lifecycle: RuntimeLifecycleState;
+  message: string;
+};

package/src/api/types.ts

@@ -174,6 +174,16 @@ export type {
   RemoteSettingsUpdateRequest,
   RemoteSettingsView
 } from './remote.types';
+export type {
+  RuntimeActionCapability,
+  RuntimeActionImpact,
+  RuntimeControlAction,
+  RuntimeControlEnvironment,
+  RuntimeControlView,
+  RuntimeLifecycleState,
+  RuntimeServiceState,
+  RuntimeControlActionResult
+} from './runtime-control.types';
 
 export type AgentProfileView = {
   id: string;
@@ -240,6 +250,8 @@ export type SessionEntryView = {
   key: string;
   createdAt: string;
   updatedAt: string;
+  lastMessageAt?: string;
+  readAt?: string;
   agentId?: string;
   label?: string;
   channel?: string;
@@ -331,6 +343,7 @@ export type SessionPatchUpdate = {
   preferredThinking?: ThinkingLevel | null;
   sessionType?: string | null;
   projectRoot?: string | null;
+  uiReadAt?: string | null;
   clearHistory?: boolean;
 };
 

package/src/{App.test.tsx → app.test.tsx}

@@ -3,7 +3,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MemoryRouter } from 'react-router-dom';
 import { I18nProvider } from '@/components/providers/I18nProvider';
 import { ThemeProvider } from '@/components/providers/ThemeProvider';
-import AppContent from '@/App';
+import AppContent from '@/app';
 
 const mocks = vi.hoisted(() => ({
   refetch: vi.fn(),

package/src/{App.tsx → app.tsx}

@@ -11,7 +11,7 @@ import { Toaster } from 'sonner';
 import { Routes, Route, Navigate } from 'react-router-dom';
 
 const ModelConfigPage = lazy(async () => ({ default: (await import('@/components/config/ModelConfig')).ModelConfig }));
-const ChatPage = lazy(async () => ({ default: (await import('@/components/chat/ChatPage')).ChatPage }));
+const ChatPage = lazy(async () => ({ default: (await import('@/components/chat/chat-page')).ChatPage }));
 const SearchConfigPage = lazy(async () => ({ default: (await import('@/components/config/SearchConfig')).SearchConfig }));
 const ProvidersListPage = lazy(async () => ({ default: (await import('@/components/config/ProvidersList')).ProvidersList }));
 const ChannelsListPage = lazy(async () => ({ default: (await import('@/components/config/ChannelsList')).ChannelsList }));

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

@@ -24,6 +24,8 @@ const mocks = vi.hoisted(() => ({
       title: "北京天气",
       agentId: "weather",
       updatedAt: "2026-04-10T09:00:00.000Z",
+      lastMessageAt: "2026-04-10T09:00:00.000Z",
+      readAt: "2026-04-10T09:00:00.000Z",
       sessionTypeLabel: "Codex",
       preferredModel: "openai/gpt-5.3-codex",
       projectName: "project-alpha",
@@ -84,17 +86,14 @@ vi.mock("@/components/chat/presenter/chat-presenter-context", () => ({
       setSelectedAgentId: mocks.setSelectedAgentId,
       markSessionRead: (
         sessionKey: string | null | undefined,
-        updatedAt: string | null | undefined,
+        readAt: string | null | undefined,
       ) =>
         sessionKey
           ? useChatSessionListStore.getState().markSessionRead(
               sessionKey,
-              updatedAt,
+              readAt,
             )
           : undefined,
-      hydrateReadWatermarks: (
-        entries: readonly { sessionKey: string; updatedAt: string | null | undefined }[],
-      ) => useChatSessionListStore.getState().hydrateReadWatermarks(entries),
     },
     chatInputManager: {
       setPendingSessionType: mocks.setPendingSessionType,
@@ -192,8 +191,7 @@ describe("ChatConversationPanel", () => {
       },
     });
     useChatSessionListStore.setState({
-      readUpdatedAtBySessionKey: {},
-      hasHydratedReadWatermarks: false,
+      optimisticReadAtBySessionKey: {},
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
       },
@@ -299,6 +297,8 @@ describe("ChatChildSessionPanel", () => {
         title: "北京天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:00:00.000Z",
+        lastMessageAt: "2026-04-10T09:00:00.000Z",
+        readAt: "2026-04-10T09:00:00.000Z",
         sessionTypeLabel: "Codex",
         preferredModel: "openai/gpt-5.3-codex",
         projectName: "project-alpha",
@@ -345,6 +345,8 @@ describe("ChatChildSessionPanel", () => {
         title: "北京天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:00:00.000Z",
+        lastMessageAt: "2026-04-10T09:00:00.000Z",
+        readAt: "2026-04-10T09:00:00.000Z",
         sessionTypeLabel: "Codex",
         preferredModel: "openai/gpt-5.3-codex",
         projectName: "project-alpha",
@@ -356,6 +358,8 @@ describe("ChatChildSessionPanel", () => {
         title: "上海天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:05:00.000Z",
+        lastMessageAt: "2026-04-10T09:05:00.000Z",
+        readAt: "2026-04-10T09:05:00.000Z",
         sessionTypeLabel: "Claude Code",
         preferredModel: "anthropic/claude-sonnet-4",
         projectName: "project-beta",
@@ -408,6 +412,8 @@ describe("ChatChildSessionPanel", () => {
         title: "北京天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:00:00.000Z",
+        lastMessageAt: "2026-04-10T09:00:00.000Z",
+        readAt: "2026-04-10T09:00:00.000Z",
         sessionTypeLabel: "Codex",
         preferredModel: "openai/gpt-5.3-codex",
         projectName: "project-alpha",
@@ -419,6 +425,8 @@ describe("ChatChildSessionPanel", () => {
         title: "上海天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:05:00.000Z",
+        lastMessageAt: "2026-04-10T09:05:00.000Z",
+        readAt: "2026-04-10T09:05:00.000Z",
         runStatus: "running",
         sessionTypeLabel: "Claude Code",
         preferredModel: "anthropic/claude-sonnet-4",
@@ -450,9 +458,7 @@ describe("ChatChildSessionPanel", () => {
       />,
     );
 
-    expect(
-      screen.queryByLabelText("Session has unread updates"),
-    ).toBeNull();
+    expect(screen.queryByLabelText("Session has unread updates")).toBeNull();
 
     mocks.resolvedChildTabs = [
       {
@@ -461,6 +467,8 @@ describe("ChatChildSessionPanel", () => {
         title: "北京天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:00:00.000Z",
+        lastMessageAt: "2026-04-10T09:00:00.000Z",
+        readAt: "2026-04-10T09:00:00.000Z",
         sessionTypeLabel: "Codex",
         preferredModel: "openai/gpt-5.3-codex",
         projectName: "project-alpha",
@@ -472,6 +480,8 @@ describe("ChatChildSessionPanel", () => {
         title: "上海天气",
         agentId: "weather",
         updatedAt: "2026-04-10T09:05:00.000Z",
+        lastMessageAt: "2026-04-10T09:06:00.000Z",
+        readAt: "2026-04-10T09:05:00.000Z",
         sessionTypeLabel: "Claude Code",
         preferredModel: "anthropic/claude-sonnet-4",
         projectName: "project-beta",
@@ -502,9 +512,7 @@ describe("ChatChildSessionPanel", () => {
       />,
     );
 
-    expect(
-      screen.getByLabelText("Session has unread updates"),
-    ).toBeTruthy();
+    expect(screen.getByLabelText("Session has unread updates")).toBeTruthy();
 
     rerender(
       <ChatChildSessionPanel
@@ -529,8 +537,62 @@ describe("ChatChildSessionPanel", () => {
       />,
     );
 
-    expect(
-      screen.queryByLabelText("Session has unread updates"),
-    ).toBeNull();
+    expect(screen.queryByLabelText("Session has unread updates")).toBeNull();
+  });
+
+  it("does not show an unread dot for child tabs without a persisted ui read baseline", () => {
+    mocks.resolvedChildTabs = [
+      {
+        sessionKey: "child-session-1",
+        parentSessionKey: "parent-session-1",
+        title: "北京天气",
+        agentId: "weather",
+        updatedAt: "2026-04-10T09:00:00.000Z",
+        lastMessageAt: "2026-04-10T09:00:00.000Z",
+        readAt: null,
+        sessionTypeLabel: "Codex",
+        preferredModel: "openai/gpt-5.3-codex",
+        projectName: "project-alpha",
+        projectRoot: "/Users/demo/project-alpha",
+      },
+      {
+        sessionKey: "child-session-2",
+        parentSessionKey: "parent-session-1",
+        title: "上海天气",
+        agentId: "weather",
+        updatedAt: "2026-04-10T09:05:00.000Z",
+        lastMessageAt: "2026-04-10T09:06:00.000Z",
+        readAt: null,
+        sessionTypeLabel: "Claude Code",
+        preferredModel: "anthropic/claude-sonnet-4",
+        projectName: "project-beta",
+        projectRoot: "/Users/demo/project-beta",
+      },
+    ];
+
+    render(
+      <ChatChildSessionPanel
+        tabs={[
+          {
+            sessionKey: "child-session-1",
+            parentSessionKey: "parent-session-1",
+            label: "北京天气",
+            agentId: "weather",
+          },
+          {
+            sessionKey: "child-session-2",
+            parentSessionKey: "parent-session-1",
+            label: "上海天气",
+            agentId: "weather",
+          },
+        ]}
+        activeSessionKey="child-session-1"
+        onSelectSession={vi.fn()}
+        onClose={vi.fn()}
+        onBackToParent={vi.fn()}
+      />,
+    );
+
+    expect(screen.queryByLabelText("Session has unread updates")).toBeNull();
   });
 });

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

@@ -32,11 +32,10 @@ vi.mock('@/components/chat/presenter/chat-presenter-context', () => ({
       setQuery: mocks.setQuery,
       setListMode: mocks.setListMode,
       selectSession: mocks.selectSession,
-      markSessionRead: (sessionKey: string | null | undefined, updatedAt: string | null | undefined) =>
-        sessionKey ? useChatSessionListStore.getState().markSessionRead(sessionKey, updatedAt) : undefined,
-      hydrateReadWatermarks: (
-        entries: readonly { sessionKey: string; updatedAt: string | null | undefined }[],
-      ) => useChatSessionListStore.getState().hydrateReadWatermarks(entries)
+      markSessionRead: (
+        sessionKey: string | null | undefined,
+        readAt: string | null | undefined,
+      ) => (sessionKey ? useChatSessionListStore.getState().markSessionRead(sessionKey, readAt) : undefined),
     }
   })
 }));
@@ -132,8 +131,7 @@ function resetSidebarTestState() {
     }
   });
   useChatSessionListStore.setState({
-    readUpdatedAtBySessionKey: {},
-    hasHydratedReadWatermarks: false,
+    optimisticReadAtBySessionKey: {},
     snapshot: {
       ...useChatSessionListStore.getState().snapshot,
       query: '',
@@ -514,6 +512,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-1',
         createdAt: '2026-03-19T09:00:00.000Z',
         updatedAt: '2026-03-19T09:05:00.000Z',
+        lastMessageAt: '2026-03-19T09:05:00.000Z',
+        readAt: '2026-03-19T09:05:00.000Z',
         label: 'Current Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -523,6 +523,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:05:00.000Z',
+        lastMessageAt: '2026-03-19T10:05:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -550,6 +552,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:06:00.000Z',
+        lastMessageAt: '2026-03-19T10:06:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -571,6 +575,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:06:00.000Z',
+        lastMessageAt: '2026-03-19T10:06:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -601,4 +607,27 @@ describe('ChatSidebar session item interactions', () => {
 
     expect(screen.queryByLabelText('Session has unread updates')).toBeNull();
   });
+
+  it('does not show an unread dot for sessions without a persisted ui read baseline', () => {
+    mocks.sessionItems = [
+      createSessionItem({
+        key: 'session:ncp-legacy',
+        createdAt: '2026-03-19T09:00:00.000Z',
+        updatedAt: '2026-03-19T09:05:00.000Z',
+        lastMessageAt: '2026-03-19T09:05:00.000Z',
+        label: 'Legacy Session',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1
+      })
+    ];
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    expect(screen.queryByLabelText('Session has unread updates')).toBeNull();
+  });
 });

package/src/components/chat/ChatSidebar.tsx

@@ -149,28 +149,13 @@ const navItems = [
 function useChatSessionUnreadState(
   items: readonly NcpSessionListItemView[],
   selectedSessionKey: string | null,
-  markSessionRead: (sessionKey: string | null | undefined, updatedAt: string | null | undefined) => void,
-  hydrateReadWatermarks: (
-    entries: readonly { sessionKey: string; updatedAt: string | null | undefined }[],
+  markSessionRead: (
+    sessionKey: string | null | undefined,
+    readAt: string | null | undefined,
+    currentReadAt?: string | null,
   ) => void,
 ): Record<string, string> {
-  const readUpdatedAtBySessionKey = useChatSessionListStore((state) => state.readUpdatedAtBySessionKey);
-  const hasHydratedReadWatermarks = useChatSessionListStore((state) => state.hasHydratedReadWatermarks);
-
-  useEffect(() => {
-    const syncHydratedReadWatermarks = () => {
-      if (hasHydratedReadWatermarks || items.length === 0) {
-        return;
-      }
-      hydrateReadWatermarks(
-        items.map(({ session }) => ({
-          sessionKey: session.key,
-          updatedAt: session.updatedAt
-        }))
-      );
-    };
-    syncHydratedReadWatermarks();
-  }, [hasHydratedReadWatermarks, hydrateReadWatermarks, items]);
+  const optimisticReadAtBySessionKey = useChatSessionListStore((state) => state.optimisticReadAtBySessionKey);
 
   useEffect(() => {
     const syncSelectedSessionReadState = () => {
@@ -182,12 +167,16 @@ function useChatSessionUnreadState(
         return;
       }
       const { session: selectedSession } = selectedItem;
-      markSessionRead(selectedSession.key, selectedSession.updatedAt);
+      markSessionRead(
+        selectedSession.key,
+        selectedSession.lastMessageAt,
+        selectedSession.readAt,
+      );
     };
     syncSelectedSessionReadState();
   }, [items, markSessionRead, selectedSessionKey]);
 
-  return readUpdatedAtBySessionKey;
+  return optimisticReadAtBySessionKey;
 }
 
 export function ChatSidebar() {
@@ -220,11 +209,10 @@ export function ChatSidebar() {
     [defaultSessionType, inputSnapshot.sessionTypeOptions]
   );
   const isProjectFirstView = listSnapshot.listMode === 'project-first';
-  const readUpdatedAtBySessionKey = useChatSessionUnreadState(
+  const optimisticReadAtBySessionKey = useChatSessionUnreadState(
     items,
     listSnapshot.selectedSessionKey,
     presenter.chatSessionListManager.markSessionRead,
-    presenter.chatSessionListManager.hydrateReadWatermarks,
   );
   const handleLanguageSwitch = (nextLang: I18nLanguage) => {
     if (language === nextLang) return;
@@ -261,10 +249,15 @@ export function ChatSidebar() {
   };
   const renderSessionItem = ({ session, runStatus }: NcpSessionListItemView) => {
     const active = listSnapshot.selectedSessionKey === session.key;
+    const optimisticReadAt = optimisticReadAtBySessionKey[session.key];
+    const effectiveReadAt =
+      optimisticReadAt && session.readAt
+        ? (optimisticReadAt.localeCompare(session.readAt) > 0 ? optimisticReadAt : session.readAt)
+        : optimisticReadAt ?? session.readAt;
     const showUnreadDot = shouldShowUnreadSessionIndicator({
       active,
-      updatedAt: session.updatedAt,
-      readUpdatedAt: readUpdatedAtBySessionKey[session.key],
+      lastMessageAt: session.lastMessageAt,
+      readAt: effectiveReadAt,
       runStatus,
     });
     const context = resolveSessionContextView(session, inputSnapshot.sessionTypeOptions);