@nextclaw/ui 0.9.10 → 0.9.11

package/dist/assets/{label-3T28q3PJ.js → label-DBSKOMGE.js}

@@ -1 +1 @@
-import{r as s,j as o}from"./vendor-CmQZsDAE.js";import{c as t}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as t}from"./index-ClLy_7T2.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-BrXOQeua.js → page-layout-B5th9UzR.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-CmQZsDAE.js";import{c as l}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as l}from"./index-ClLy_7T2.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-BrBJjElY.js → popover-BEIWRoeP.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-CmQZsDAE.js";import{c as q}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as q}from"./index-ClLy_7T2.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-oGAhN4Zf.js → security-config-D72JskP5.js}

@@ -1 +1 @@
-import{r as c,j as e,e as M}from"./vendor-CmQZsDAE.js";import{a5 as O,a6 as R,a7 as I,a8 as B,a9 as _,C as u,a2 as h,a3 as x,t as s,a4 as m,z as p,B as j,I as l}from"./index-DaEflNCE.js";import{L as o}from"./label-3T28q3PJ.js";import{S as z}from"./switch-Dbt2kUg2.js";import{P as G,a as V}from"./page-layout-BrXOQeua.js";const W=8;function A(r){return r.trim().length>=W}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(z,{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(G,{className:"space-y-6",children:[e.jsx(V,{title:s("authSecurityTitle"),description:s("authSecurityDescription")}),e.jsx(q,{})]})}export{Z as SecurityConfig};
+import{r as c,j as e,e as M}from"./vendor-CmQZsDAE.js";import{a5 as O,a6 as R,a7 as I,a8 as B,a9 as _,C as u,a2 as h,a3 as x,t as s,a4 as m,z as p,B as j,I as l}from"./index-ClLy_7T2.js";import{L as o}from"./label-DBSKOMGE.js";import{S as z}from"./switch-BdaXEtXk.js";import{P as G,a as V}from"./page-layout-B5th9UzR.js";const W=8;function A(r){return r.trim().length>=W}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(z,{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(G,{className:"space-y-6",children:[e.jsx(V,{title:s("authSecurityTitle"),description:s("authSecurityDescription")}),e.jsx(q,{})]})}export{Z as SecurityConfig};

package/dist/assets/{skeleton-CIPQUKo2.js → skeleton-B_Pn9x0i.js}

@@ -1 +1 @@
-import{j as t}from"./vendor-CmQZsDAE.js";import{c as o}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as o}from"./index-ClLy_7T2.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-QL3hmT1d.js → status-dot-CU5ZpOn1.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-CmQZsDAE.js";import{c as a}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as a}from"./index-ClLy_7T2.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-Dbt2kUg2.js → switch-BdaXEtXk.js}

@@ -1 +1 @@
-import{r as e,j as i}from"./vendor-CmQZsDAE.js";import{c as t}from"./index-DaEflNCE.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-CmQZsDAE.js";import{c as t}from"./index-ClLy_7T2.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-y5hdkzXk.js → tabs-custom-BVhSoteN.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-CmQZsDAE.js";import{ap as m,c as a}from"./index-DaEflNCE.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-CmQZsDAE.js";import{ap as m,c as a}from"./index-ClLy_7T2.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-B4zwBVbl.js → useConfirmDialog-Dugi9V-Z.js}

@@ -1 +1 @@
-import{j as a,r as t}from"./vendor-CmQZsDAE.js";import{aj as C,ak as p,al as h,am as x,an as g,ao as j,B as d,t as r}from"./index-DaEflNCE.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(p,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(h,{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-CmQZsDAE.js";import{aj as C,ak as p,al as h,am as x,an as g,ao as j,B as d,t as r}from"./index-ClLy_7T2.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(p,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(h,{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-DaEflNCE.js"></script>
+  <script type="module" crossorigin src="/assets/index-ClLy_7T2.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/vendor-CmQZsDAE.js">
   <link rel="stylesheet" crossorigin href="/assets/index-DfEAJJsA.css">
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.9.10",
+  "version": "0.9.11",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -27,11 +27,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.1",
     "@nextclaw/ncp-http-agent-client": "0.3.1",
+    "@nextclaw/agent-chat": "0.1.1",
+    "@nextclaw/ncp": "0.3.1",
     "@nextclaw/agent-chat-ui": "0.2.1",
-    "@nextclaw/ncp-react": "0.3.2",
-    "@nextclaw/ncp": "0.3.1"
+    "@nextclaw/ncp-react": "0.3.2"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/api/config.ts

@@ -142,10 +142,7 @@ export async function fetchConfigSchema(): Promise<ConfigSchemaResponse> {
 }
 
 // PUT /api/config/model
-export async function updateModel(data: {
-  model: string;
-  workspace?: string;
-}): Promise<{ model: string; workspace?: string }> {
+export async function updateModel(data: { model: string; workspace?: string }): Promise<{ model: string; workspace?: string }> {
   const response = await api.put<{ model: string; workspace?: string }>('/api/config/model', data);
   if (!response.ok) {
     throw new Error(response.error.message);

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

@@ -3,6 +3,9 @@ import { appClient } from '@/transport';
 import { useUiStore } from '@/stores/ui.store';
 import type { QueryClient } from '@tanstack/react-query';
 
+type ConnectionStatus = 'connected' | 'disconnected' | 'connecting';
+type SetConnectionStatus = (status: ConnectionStatus) => void;
+
 function shouldInvalidateConfigQuery(configPath: string) {
   const normalized = configPath.trim().toLowerCase();
   if (!normalized) {
@@ -27,82 +30,85 @@ function invalidateMarketplaceQueries(queryClient: QueryClient | undefined, conf
   }
 }
 
-export function useRealtimeQueryBridge(queryClient?: QueryClient) {
-  const { setConnectionStatus } = useUiStore();
-
-  useEffect(() => {
-    const invalidateSessionQueries = (sessionKey?: string) => {
-      if (!queryClient) {
-        return;
-      }
-      queryClient.invalidateQueries({ queryKey: ['sessions'] });
-      queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
-      if (sessionKey && sessionKey.trim().length > 0) {
-        queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey.trim()] });
-        queryClient.invalidateQueries({ queryKey: ['ncp-session-messages', sessionKey.trim()] });
-        return;
-      }
-      queryClient.invalidateQueries({ queryKey: ['session-history'] });
-      queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
-    };
-
-    setConnectionStatus('connecting');
-
-    return appClient.subscribe((event) => {
-      if (event.type === 'connection.open') {
-        setConnectionStatus('connected');
-        return;
-      }
+function invalidateSessionQueries(queryClient: QueryClient | undefined, sessionKey?: string): void {
+  if (!queryClient) {
+    return;
+  }
+  queryClient.invalidateQueries({ queryKey: ['sessions'] });
+  queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
+  if (sessionKey && sessionKey.trim().length > 0) {
+    queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey.trim()] });
+    queryClient.invalidateQueries({ queryKey: ['ncp-session-messages', sessionKey.trim()] });
+    return;
+  }
+  queryClient.invalidateQueries({ queryKey: ['session-history'] });
+  queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
+}
 
-      if (event.type === 'connection.close') {
-        setConnectionStatus('disconnected');
-        return;
-      }
+function handleConfigUpdatedEvent(queryClient: QueryClient | undefined, path: string): void {
+  if (queryClient && shouldInvalidateConfigQuery(path)) {
+    queryClient.invalidateQueries({ queryKey: ['config'] });
+  }
+  if (path.startsWith('session')) {
+    invalidateSessionQueries(queryClient);
+  }
+  invalidateMarketplaceQueries(queryClient, path);
+}
 
-      if (event.type === 'connection.error') {
-        setConnectionStatus('disconnected');
-        return;
-      }
+function handleRunUpdatedEvent(queryClient: QueryClient | undefined, payload: { run: { sessionKey?: string; runId?: string } }): void {
+  if (!queryClient) {
+    return;
+  }
+  const { sessionKey, runId } = payload.run;
+  queryClient.invalidateQueries({ queryKey: ['chat-runs'] });
+  if (sessionKey) {
+    queryClient.invalidateQueries({ queryKey: ['sessions'] });
+    queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey] });
+  } else {
+    queryClient.invalidateQueries({ queryKey: ['session-history'] });
+  }
+  if (runId) {
+    queryClient.invalidateQueries({ queryKey: ['chat-run', runId] });
+  }
+}
 
-      if (event.type === 'config.updated') {
-        const configPath = typeof event.payload?.path === 'string' ? event.payload.path : '';
-        if (queryClient && shouldInvalidateConfigQuery(configPath)) {
-          queryClient.invalidateQueries({ queryKey: ['config'] });
-        }
-        if (configPath.startsWith('session')) {
-          invalidateSessionQueries();
-        }
-        invalidateMarketplaceQueries(queryClient, configPath);
-        return;
-      }
+function handleRealtimeEvent(
+  queryClient: QueryClient | undefined,
+  setConnectionStatus: SetConnectionStatus,
+  event: Parameters<Parameters<typeof appClient.subscribe>[0]>[0]
+): void {
+  if (event.type === 'connection.open') {
+    setConnectionStatus('connected');
+    return;
+  }
+  if (event.type === 'connection.close' || event.type === 'connection.error') {
+    setConnectionStatus('disconnected');
+    return;
+  }
+  if (event.type === 'config.updated') {
+    const configPath = typeof event.payload?.path === 'string' ? event.payload.path : '';
+    handleConfigUpdatedEvent(queryClient, configPath);
+    return;
+  }
+  if (event.type === 'run.updated') {
+    handleRunUpdatedEvent(queryClient, event.payload);
+    return;
+  }
+  if (event.type === 'session.updated') {
+    invalidateSessionQueries(queryClient, event.payload.sessionKey);
+    return;
+  }
+  if (event.type === 'error') {
+    console.error('Realtime transport error:', event.payload.message);
+  }
+}
 
-      if (event.type === 'run.updated') {
-        if (!queryClient) {
-          return;
-        }
-        const sessionKey = event.payload.run.sessionKey;
-        const runId = event.payload.run.runId;
-        queryClient.invalidateQueries({ queryKey: ['chat-runs'] });
-        if (sessionKey) {
-          queryClient.invalidateQueries({ queryKey: ['sessions'] });
-          queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey] });
-        } else {
-          queryClient.invalidateQueries({ queryKey: ['session-history'] });
-        }
-        if (runId) {
-          queryClient.invalidateQueries({ queryKey: ['chat-run', runId] });
-        }
-        return;
-      }
+export function useRealtimeQueryBridge(queryClient?: QueryClient) {
+  const { setConnectionStatus } = useUiStore();
 
-      if (event.type === 'session.updated') {
-        invalidateSessionQueries(event.payload.sessionKey);
-        return;
-      }
+  useEffect(() => {
+    setConnectionStatus('connecting');
 
-      if (event.type === 'error') {
-        console.error('Realtime transport error:', event.payload.message);
-      }
-    });
+    return appClient.subscribe((event) => handleRealtimeEvent(queryClient, setConnectionStatus, event));
   }, [queryClient, setConnectionStatus]);
 }

package/src/transport/local.transport.ts

@@ -1,34 +1,11 @@
 import { API_BASE, requestApiResponse } from '@/api/client';
 import type { ApiResponse } from '@/api/types';
-import type { AppEvent, AppTransport, RequestInput, StreamEvent, StreamInput, StreamSession } from './transport.types';
+import type { AppEvent, AppTransport, RequestInput, StreamInput, StreamSession } from './transport.types';
+import { readSseStreamResult } from './sse-stream';
+import { resolveTransportWebSocketUrl } from './transport-websocket-url';
 
 type EventHandler = (event: AppEvent) => void;
 
-function toWebSocketUrl(base: string, path: string): string {
-  const normalizedBase = base.replace(/\/$/, '');
-  try {
-    const resolved = new URL(normalizedBase, window.location.origin);
-    const protocol =
-      resolved.protocol === 'https:'
-        ? 'wss:'
-        : resolved.protocol === 'http:'
-          ? 'ws:'
-          : resolved.protocol;
-    return `${protocol}//${resolved.host}${path}`;
-  } catch {
-    if (normalizedBase.startsWith('wss://') || normalizedBase.startsWith('ws://')) {
-      return `${normalizedBase}${path}`;
-    }
-    if (normalizedBase.startsWith('https://')) {
-      return `${normalizedBase.replace(/^https:/, 'wss:')}${path}`;
-    }
-    if (normalizedBase.startsWith('http://')) {
-      return `${normalizedBase.replace(/^http:/, 'ws:')}${path}`;
-    }
-    return `${normalizedBase}${path}`;
-  }
-}
-
 function createTransportError(response: ApiResponse<unknown>, fallback: string): Error {
   if (!response.ok) {
     return new Error(response.error.message);
@@ -36,43 +13,6 @@ function createTransportError(response: ApiResponse<unknown>, fallback: string):
   return new Error(fallback);
 }
 
-function parseSseFrame(frame: string): StreamEvent | null {
-  const lines = frame.split('\n');
-  let name = '';
-  const dataLines: string[] = [];
-  for (const raw of lines) {
-    const line = raw.trimEnd();
-    if (!line || line.startsWith(':')) {
-      continue;
-    }
-    if (line.startsWith('event:')) {
-      name = line.slice(6).trim();
-      continue;
-    }
-    if (line.startsWith('data:')) {
-      dataLines.push(line.slice(5).trimStart());
-    }
-  }
-  if (!name) {
-    return null;
-  }
-
-  let payload: unknown = undefined;
-  const data = dataLines.join('\n');
-  if (data) {
-    try {
-      payload = JSON.parse(data);
-    } catch {
-      payload = data;
-    }
-  }
-
-  return {
-    name,
-    payload
-  };
-}
-
 class LocalRealtimeGateway {
   private socket: WebSocket | null = null;
   private reconnectTimer: number | null = null;
@@ -168,7 +108,7 @@ export class LocalAppTransport implements AppTransport {
     } = {}
   ) {
     const apiBase = options.apiBase ?? API_BASE;
-    this.realtimeGateway = new LocalRealtimeGateway(toWebSocketUrl(apiBase, options.wsPath ?? '/ws'));
+    this.realtimeGateway = new LocalRealtimeGateway(resolveTransportWebSocketUrl(apiBase, options.wsPath ?? '/ws'));
   }
 
   async request<T>(input: RequestInput): Promise<T> {
@@ -209,69 +149,11 @@ export class LocalAppTransport implements AppTransport {
         const text = await response.text();
         throw new Error(text.trim() || `HTTP ${response.status}`);
       }
-
-      const reader = response.body?.getReader();
-      if (!reader) {
-        throw new Error('SSE response body unavailable');
-      }
-
-      const decoder = new TextDecoder();
-      let buffer = '';
-      let finalResult: unknown;
-
       try {
-        while (true) {
-          const { value, done } = await reader.read();
-          if (done) {
-            break;
-          }
-          buffer += decoder.decode(value, { stream: true });
-          let boundary = buffer.indexOf('\n\n');
-          while (boundary !== -1) {
-            const frame = parseSseFrame(buffer.slice(0, boundary));
-            buffer = buffer.slice(boundary + 2);
-            if (frame) {
-              if (frame.name === 'final') {
-                finalResult = frame.payload;
-              } else if (frame.name === 'error') {
-                const errorPayload = frame.payload as { message?: string } | string | undefined;
-                const message = typeof errorPayload === 'string'
-                  ? errorPayload
-                  : errorPayload?.message ?? 'chat stream failed';
-                throw new Error(message);
-              } else {
-                input.onEvent(frame);
-              }
-            }
-            boundary = buffer.indexOf('\n\n');
-          }
-        }
-
-        if (buffer.trim()) {
-          const frame = parseSseFrame(buffer);
-          if (frame) {
-            if (frame.name === 'final') {
-              finalResult = frame.payload;
-            } else if (frame.name === 'error') {
-              const errorPayload = frame.payload as { message?: string } | string | undefined;
-              const message = typeof errorPayload === 'string'
-                ? errorPayload
-                : errorPayload?.message ?? 'chat stream failed';
-              throw new Error(message);
-            } else {
-              input.onEvent(frame);
-            }
-          }
-        }
+        return await readSseStreamResult<TFinal>(response, input.onEvent);
       } finally {
-        reader.releaseLock();
         input.signal?.removeEventListener('abort', abort);
       }
-
-      if (finalResult === undefined) {
-        throw new Error('stream ended without final event');
-      }
-      return finalResult as TFinal;
     })();
 
     return {

package/src/transport/remote.transport.ts

@@ -1,6 +1,7 @@
 import { API_BASE } from '@/api/client';
 import type { ApiError } from '@/api/types';
 import type { AppEvent, AppTransport, RemoteRuntimeInfo, RequestInput, StreamInput, StreamSession } from './transport.types';
+import { resolveTransportWebSocketUrl } from './transport-websocket-url';
 
 type RemoteTarget = {
   method: string;
@@ -34,31 +35,6 @@ type PendingStream = {
   reject: (error: Error) => void;
 };
 
-function createWsUrl(apiBase: string, wsPath: string): string {
-  const normalizedBase = apiBase.replace(/\/$/, '');
-  try {
-    const resolved = new URL(normalizedBase, window.location.origin);
-    const protocol =
-      resolved.protocol === 'https:'
-        ? 'wss:'
-        : resolved.protocol === 'http:'
-          ? 'ws:'
-          : resolved.protocol;
-    return `${protocol}//${resolved.host}${wsPath}`;
-  } catch {
-    if (normalizedBase.startsWith('wss://') || normalizedBase.startsWith('ws://')) {
-      return `${normalizedBase}${wsPath}`;
-    }
-    if (normalizedBase.startsWith('https://')) {
-      return `${normalizedBase.replace(/^https:/, 'wss:')}${wsPath}`;
-    }
-    if (normalizedBase.startsWith('http://')) {
-      return `${normalizedBase.replace(/^http:/, 'ws:')}${wsPath}`;
-    }
-    return `${normalizedBase}${wsPath}`;
-  }
-}
-
 function normalizeApiError(body: unknown, status: number, fallback: string): Error {
   if (typeof body === 'object' && body && 'ok' in body) {
     const typed = body as { ok?: boolean; error?: ApiError; data?: unknown };
@@ -243,7 +219,7 @@ export class RemoteSessionMultiplexTransport implements AppTransport {
       return await this.connectPromise;
     }
 
-    const wsUrl = createWsUrl(this.apiBase, this.runtime.wsPath);
+    const wsUrl = resolveTransportWebSocketUrl(this.apiBase, this.runtime.wsPath);
     this.manualClose = false;
     this.connectPromise = new Promise<void>((innerResolve, innerReject) => {
         const socket = new WebSocket(wsUrl);
@@ -330,69 +306,58 @@ export class RemoteSessionMultiplexTransport implements AppTransport {
   }
 
   private handleFrame(frame: RemoteBrowserFrame): void {
-    if (frame.type === 'response') {
-      const pending = this.pendingRequests.get(frame.id);
-      if (!pending) {
-        return;
-      }
-      this.pendingRequests.delete(frame.id);
-      if (frame.status >= 400) {
-        pending.reject(normalizeApiError(frame.body, frame.status, 'Remote request failed.'));
-        return;
-      }
-      try {
-        pending.resolve(unwrapApiBody(frame.body));
-      } catch (error) {
-        pending.reject(error instanceof Error ? error : new Error(String(error)));
-      }
+    if (frame.type === 'response' || frame.type === 'request.error') {
+      this.handleRequestFrame(frame);
       return;
     }
-
-    if (frame.type === 'request.error') {
-      const pending = this.pendingRequests.get(frame.id);
-      if (!pending) {
-        return;
-      }
-      this.pendingRequests.delete(frame.id);
-      pending.reject(new Error(frame.message));
+    if (frame.type === 'stream.event' || frame.type === 'stream.end' || frame.type === 'stream.error') {
+      this.handleStreamFrame(frame);
       return;
     }
-
-    if (frame.type === 'stream.event') {
-      this.pendingStreams.get(frame.streamId)?.onEvent({
-        name: frame.event,
-        payload: frame.payload
-      });
+    if (frame.type === 'event') {
+      this.emit(frame.event);
       return;
     }
+    if (frame.type === 'connection.error') {
+      this.emit({ type: 'connection.error', payload: { message: frame.message } });
+    }
+  }
 
-    if (frame.type === 'stream.end') {
-      const pending = this.pendingStreams.get(frame.streamId);
-      if (!pending) {
-        return;
-      }
-      this.pendingStreams.delete(frame.streamId);
-      pending.resolve(frame.result);
+  private handleRequestFrame(frame: Extract<RemoteBrowserFrame, { type: 'response' | 'request.error' }>): void {
+    const pending = this.pendingRequests.get(frame.id);
+    if (!pending) {
       return;
     }
-
-    if (frame.type === 'stream.error') {
-      const pending = this.pendingStreams.get(frame.streamId);
-      if (!pending) {
-        return;
-      }
-      this.pendingStreams.delete(frame.streamId);
+    this.pendingRequests.delete(frame.id);
+    if (frame.type === 'request.error') {
       pending.reject(new Error(frame.message));
       return;
     }
-
-    if (frame.type === 'event') {
-      this.emit(frame.event);
+    if (frame.status >= 400) {
+      pending.reject(normalizeApiError(frame.body, frame.status, 'Remote request failed.'));
       return;
     }
+    try {
+      pending.resolve(unwrapApiBody(frame.body));
+    } catch (error) {
+      pending.reject(error instanceof Error ? error : new Error(String(error)));
+    }
+  }
 
-    if (frame.type === 'connection.error') {
-      this.emit({ type: 'connection.error', payload: { message: frame.message } });
+  private handleStreamFrame(frame: Extract<RemoteBrowserFrame, { type: 'stream.event' | 'stream.end' | 'stream.error' }>): void {
+    const pending = this.pendingStreams.get(frame.streamId);
+    if (!pending) {
+      return;
+    }
+    if (frame.type === 'stream.event') {
+      pending.onEvent({ name: frame.event, payload: frame.payload });
+      return;
+    }
+    this.pendingStreams.delete(frame.streamId);
+    if (frame.type === 'stream.end') {
+      pending.resolve(frame.result);
+      return;
     }
+    pending.reject(new Error(frame.message));
   }
 }