${d.join("`:"",p=_.join(" ");return m+p}return(l,u)=>{var _,m;const d=tt("GnIconButton");return v(),x("div",{class:Ge(["msg-user",{"msg-user--recall":t.msg.isRecall}])},[g("div",MD,[g("div",{class:Ge(["msg-user-bubble",{"msg-flash":e.isFlashing}])},[t.msg.isRecall?(v(),x("div",kD,[...u[1]||(u[1]=[g("i",{class:"ph ph-clock"},null,-1),g("span",null,"Scheduled recall",-1)])])):J("",!0),g("div",{class:"msg-user-text",innerHTML:c(t.msg.text)},null,8,PD),(_=t.msg.images)!=null&&_.length||(m=t.msg.files)!=null&&m.length?(v(),x("div",UD,[(v(!0),x(Ue,null,Dt(t.msg.images,(p,E)=>(v(),x("img",{key:`img-${E}`,src:p,class:"msg-user-image",onClick:b=>$(r)(p)},null,8,FD))),128)),(v(!0),x(Ue,null,Dt(t.msg.files,(p,E)=>(v(),x("span",{key:`file-${E}`,class:"msg-user-file-pill"},[u[2]||(u[2]=g("i",{class:"ph ph-file"},null,-1)),$e(" "+X(p.name),1)]))),128))])):J("",!0)],2),g("div",BD,[$(a)?(v(),x("span",GD,X($(a)),1)):J("",!0),ne(d,{icon:$(i)?"ph ph-check":"ph ph-copy",label:$(i)?"Copied!":"Copy",class:"msg-copy-btn",onClick:u[0]||(u[0]=p=>$(s)(t.msg.text))},null,8,["icon","label"])])])],2)}}},$D={key:0,class:"spinner"},qD={class:"thinking-body"},wu={__name:"ThinkingCard",props:{msg:{type:Object,required:!0}},setup(t){const e=t,n=Y(null),a=ue(()=>{var i;return(((i=e.msg.thinking)==null?void 0:i.text)??"").replace(/^
")}
'+(n?r:Wn(r,!0))+`"+(n?r:Wn(r,!0))+`-${this.parser.parse(t)}-`}html({text:t}){return t}heading({tokens:t,depth:e}){return`
-`}list(t){const e=t.ordered,n=t.start;let a="";for(let s=0;s
${this.parser.parseInline(t)}
-`}table(t){let e="",n="";for(let r=0;r${Wn(t,!0)}`}br(t){return""}del({tokens:t}){return`
An error occurred:
"+Wn(n.message+"",!0)+"";return e?Promise.resolve(a):a}if(e)return Promise.reject(n);throw n}}},ir=new sx;function St(t,e){return ir.parse(t,e)}St.options=St.setOptions=function(t){return ir.setOptions(t),St.defaults=ir.defaults,wS(St.defaults),St};St.getDefaults=rd;St.defaults=or;St.use=function(...t){return ir.use(...t),St.defaults=ir.defaults,wS(St.defaults),St};St.walkTokens=function(t,e){return ir.walkTokens(t,e)};St.parseInline=ir.parseInline;St.Parser=ua;St.parser=ua.parse;St.Renderer=Gi;St.TextRenderer=_d;St.Lexer=ca;St.lexer=ca.lex;St.Tokenizer=Bi;St.Hooks=Ci;St.parse=St;St.options;St.setOptions;St.use;St.walkTokens;St.parseInline;ua.parse;ca.lex;St.setOptions({breaks:!0,gfm:!0});const pd=new St.Renderer;pd.code=function({text:t,lang:e}){const n=e&&Ui.getLanguage(e)?e:"plaintext",a=Ui.highlight(t,{language:n}).value;return`
${n}
${a}${u||" "}
`).join("")}return s(l)}function s(l){if(typeof l=="string")try{l=JSON.parse(l)}catch{return c(l)}if(l===null||typeof l!="object")return c(String(l));if(Array.isArray(l))return l.length===0?'[]':`${l.map((m,p)=>`
`;const u=Object.entries(l);return u.length===0?'{}':`
- ${p}
- :
- ${o(m)}
-
`).join("")}${u.map(([_,m])=>`
`}function o(l){if(l===null)return'null';if(typeof l=="boolean")return`${l}`;if(typeof l=="number")return`${l}`;if(typeof l=="string"){const d=c(l);return d.length<=200?`${d}`:`${d.slice(0,200)}…`}return Array.isArray(l)?`[${l.length} items]`:`{${Object.keys(l).length} keys}`}function c(l){return typeof l!="string"?String(l??""):l.replace(/&/g,"&").replace(//g,">")}return(l,u)=>(v(),x("details",{ref_key:"detailsEl",ref:a,class:Ge(["subagent-step",{"is-success":!t.tool.pending&&t.tool.success,"is-error":!t.tool.pending&&!t.tool.success}])},[g("summary",null,[g("span",Ex,[t.tool.pending?(v(),x("span",fx)):t.tool.success?(v(),x("i",Sx)):(v(),x("i",bx))]),g("span",Tx,X(t.tool.name),1),t.tool.pending?(v(),x("span",hx,"running")):J("",!0),u[0]||(u[0]=g("i",{class:"ph ph-caret-down tool-chevron"},null,-1))]),g("div",vx,[t.tool.args?(v(),x("details",Rx,[u[1]||(u[1]=g("summary",null,[g("span",{class:"tool-section-label"},"Arguments"),g("i",{class:"ph ph-caret-down tool-chevron"})],-1)),g("div",Cx,[g("pre",{class:"tool-code",innerHTML:r(t.tool.args)},null,8,yx)])])):J("",!0),t.tool.result!=null?(v(),x("div",Nx,[u[2]||(u[2]=g("div",{class:"tool-section-label"},"Result",-1)),g("div",{class:"tool-result",innerHTML:i(t.tool.result)},null,8,Ox)])):J("",!0)])],2))}},Ix={class:"tool-status-icon"},Dx={key:0,class:"spinner"},wx={key:1,class:"ph ph-check-circle"},xx={key:2,class:"ph ph-x-circle"},Lx={class:"tool-name"},Mx={key:0,class:"tool-running-time"},kx={class:"tool-card-body"},Px={key:0,class:"tool-running-banner"},Ux={key:1,class:"tool-args"},Fx={class:"tool-section"},Bx=["innerHTML"],Gx={key:2,class:"tool-section tool-result-section"},Yx=["innerHTML"],$x={key:3,class:"tool-section terminal-output-section"},qx={class:"terminal-output"},Hx={key:4,class:"subagent-planning-indicator"},Vx={class:"planning-label"},zx={key:5,class:"subagent-steps"},Wx={key:1,class:"plan-card",open:""},Kx=["innerHTML"],Qx={class:"task-step-tool"},Xx={class:"task-step-status"},Zx={key:0,class:"task-step-preview"},Jx={__name:"ToolCard",props:{tool:{type:Object,required:!0}},setup(t){function e(h){return typeof h!="string"?!1:[/#{1,6} /,/\*\*|__/,/`[^`]+`/,/```/,/^\s*[-*+]\s/m,/^\s*\d+\.\s/m,/\[[^\]]+\]\([^)]+\)/,/\|.*\|/,/^\s*>\s/m].some(C=>C.test(h))}const n=t;function a(h){return h==="running"?"ph ph-circle-notch task-spin":h==="completed"?"ph ph-check-circle":h==="cancelled"?"ph ph-prohibit":"ph ph-x-circle"}const r=Y(null),i=Y(Date.now());let s=null;st(()=>n.tool.pending,(h,N)=>{r.value&&(h?r.value.setAttribute("open",""):N!==void 0&&r.value.removeAttribute("open"))},{immediate:!0}),st(()=>n.tool.pending,h=>{h?l():u()},{immediate:!0}),Yn(u);const o=ue(()=>{var h;return n.tool.name==="filesystem"&&((h=n.tool.args)!=null&&h.action)?`Running filesystem ${n.tool.args.action}...`:`Running ${n.tool.name}...`}),c=ue(()=>{if(!n.tool.startedAt)return"";const h=Math.max(0,Math.floor((i.value-n.tool.startedAt)/1e3));return h<1?"starting":`${h}s`});function l(){s||(i.value=Date.now(),s=setInterval(()=>{i.value=Date.now()},1e3))}function u(){s&&(clearInterval(s),s=null)}function d(h){return y(h)}function _(h,N){var C,f;if(typeof h=="string"){try{const A=JSON.parse(h);return y(A)}catch{}return e(h)?sr(h):N&&N.name==="filesystem"&&["diff","edit_lines","smart_edit"].includes((C=N.args)==null?void 0:C.action)?m(h):N&&N.name==="filesystem"&&((f=N.args)==null?void 0:f.action)==="read"?R(h):U(h).split(`
-`).map((A,w)=>`
- ${c(_)}
- :
- ${o(m)}
-
`).join("")}${A||" "}
`).join("")}return y(h)}function m(h){let N="",C=h;const f=h.indexOf(`
-
-`);if(f!==-1){const w=h.slice(f+2);(w.includes("@@")||/^[ +\-]/m.test(w))&&(N=h.slice(0,f),C=w)}const A=[];N&&A.push(`${U(N)||" "}
`);for(const w of C.split(`
-`))A.push(E(w));return A.join("")}const p=/^([ +\-])( +)(\d+)│ ?(.*)$/;function E(h){const N=p.exec(h);if(N){const f=N[1],A=f==="+"?"diff-add":f==="-"?"diff-del":"diff-ctx",w=`${N[2]}${N[3]} ${f} `,F=N[4];return`${U(w)}${U(F)||" "}
`}return`${U(h)||" "}
`}function b(h){return h.startsWith("@@")?"diff-hunk":h.startsWith("+")?"diff-add":h.startsWith("-")?"diff-del":"diff-ctx"}const I=/^(\s*)(\d+): (.*)$/;function R(h){const N=h.split(`
-`),C=[];let f=0;if(N.length&&N[0].startsWith("[")){const A=N[0],w=A.replace(/^\[/,"").replace(/\]$/,""),F=w.indexOf(" | ");if(F!==-1){const j=w.slice(0,F),_e=w.slice(F+5);C.push(`${U(j)} | ${U(_e)}
`)}else C.push(`${U(A)||" "}
`);f=1}for(f${U(w[1]+w[2])}: ${U(w[3])}
`):C.push(`${U(A)}
`)}return C.join("")}function y(h){if(typeof h=="string")try{h=JSON.parse(h)}catch{return U(h)}if(h===null||typeof h!="object")return U(String(h));if(Array.isArray(h))return h.length===0?'[]':`${h.map((A,w)=>`
`;const N=Object.entries(h);return N.length===0?'{}':`
- ${w}
- :
- ${L(A)}
-
`).join("")}${N.map(([f,A])=>`
`}function L(h){if(h===null)return'null';if(typeof h=="boolean")return`${h}`;if(typeof h=="number")return`${h}`;if(typeof h=="string"){const C=U(h);return C.length<=200?`${C}`:`${C.slice(0,200)}…`}return Array.isArray(h)?`[${h.length} items]`:`{${Object.keys(h).length} keys}`}function U(h){return typeof h!="string"?String(h??""):h.replace(/&/g,"&").replace(//g,">")}return(h,N)=>{var C;return v(),x("details",{ref_key:"detailsEl",ref:r,class:Ge(["tool-card",{"is-success":!t.tool.pending&&t.tool.success,"is-error":!t.tool.pending&&!t.tool.success}])},[g("summary",null,[g("span",Ix,[t.tool.pending?(v(),x("span",Dx)):t.tool.success?(v(),x("i",wx)):(v(),x("i",xx))]),g("span",Lx,X(t.tool.name),1),t.tool.pending?(v(),x("span",Mx,X(c.value),1)):J("",!0),N[0]||(N[0]=g("i",{class:"ph ph-caret-down tool-chevron"},null,-1))]),g("div",kx,[t.tool.pending&&t.tool.name!=="spawn_agent"?(v(),x("div",Px,[N[1]||(N[1]=g("span",{class:"spinner"},null,-1)),g("span",null,X(o.value),1)])):J("",!0),t.tool.args?(v(),x("details",Ux,[N[2]||(N[2]=g("summary",null,[g("span",{class:"tool-section-label"},"Arguments"),g("i",{class:"ph ph-caret-down tool-chevron"})],-1)),g("div",Fx,[g("pre",{class:"tool-code",innerHTML:d(t.tool.args)},null,8,Bx)])])):J("",!0),t.tool.result!=null?(v(),x("div",Gx,[N[3]||(N[3]=g("div",{class:"tool-section-label"},"Result",-1)),g("div",{class:"tool-result",innerHTML:_(t.tool.result,t.tool)},null,8,Yx)])):J("",!0),t.tool.name==="terminal"&&t.tool.terminalOutput?(v(),x("div",$x,[N[4]||(N[4]=g("div",{class:"tool-section-label"},"Live output",-1)),g("pre",qx,X(t.tool.terminalOutput),1)])):J("",!0),t.tool.planningLabel!=null?(v(),x("div",Hx,[g("span",Vx,X(t.tool.planningLabel),1)])):J("",!0),(C=t.tool.steps)!=null&&C.length?(v(),x("div",zx,[(v(!0),x(Ue,null,Dt(t.tool.steps,(f,A)=>(v(),x(Ue,{key:A},[f.kind==="turn_thinking"?(v(),ze(wu,{key:0,msg:f},null,8,["msg"])):f.kind==="plan"?(v(),x("details",Wx,[N[5]||(N[5]=g("summary",null,[g("i",{class:"ph ph-map-trifold"}),$e(" Plan "),g("i",{class:"ph ph-caret-down plan-chevron"})],-1)),g("div",{class:"plan-body",innerHTML:$(sr)(f.text)},null,8,Kx)])):f.kind==="task_update"?(v(),x("div",{key:2,class:Ge(["task-update-step",f.status])},[g("i",{class:Ge(a(f.status))},null,2),g("span",Qx,X(f.tool),1),g("span",Xx,X(f.status),1),f.preview?(v(),x("span",Zx,X(f.preview),1)):J("",!0)],2)):(v(),ze(Ax,{key:3,tool:f},null,8,["tool"]))],64))),128))])):J("",!0)])],2)}}},jx=["open"],eL={class:"content-title"},tL=["href"],nL=["href"],aL=["title"],rL={key:0,class:"content-body"},iL={key:0,class:"content-source"},sL={key:0,class:"content-source-state"},oL={key:1,class:"content-source-error"},lL={key:2,class:"content-source-code"},cL=["innerHTML"],uL=["src"],dL=["src"],_L=["src"],pL=["src"],mL={key:5,class:"content-image-wrap"},gL=["src","alt"],EL={key:0,class:"content-image-skeleton"},fL=["src"],SL={key:7,class:"content-unknown"},bL={class:"unknown-name"},TL=["href"],hL=["open"],vL={class:"tool-card-body"},RL={class:"tool-section"},CL={class:"tool-code"},yL={class:"tool-section"},NL={class:"tool-code"},OL={__name:"ContentCard",props:{tool:{type:Object,required:!0},defaultOpen:{type:Boolean,default:!1},collapseToken:{type:String,default:""}},setup(t){const e=t,n=Y(null),a=Y(e.defaultOpen),r=Y(e.defaultOpen),i=Y(!1),s=Y(!1),o=Y(""),c=Y(!1),l=Y(""),u=Y(!1),{open:d}=ci();st(()=>[e.defaultOpen,e.collapseToken],([Ae])=>{a.value=Ae,Ae&&(r.value=!0)});const _=ue(()=>e.tool.success===!1?!0:!e.tool.metadata||!e.tool.metadata.url?!String(e.tool.result??"").match(/URL: (.+)/):!1),m=ue(()=>{if(e.tool.metadata)return e.tool.metadata;const Ae=String(e.tool.result??""),He=Ae.match(/URL: (.+)/);if(He){const ke=Ae.match(/Published: .+ \(([^)]+)\)/),rt=Ae.match(/Published: (.+) \(/);return{url:He[1].trim(),content_type:ke?ke[1].trim():"unknown",title:rt?rt[1].trim():"Content"}}return{}}),p=ue(()=>m.value.url||""),E=ue(()=>tr(p.value));st(()=>E.value,()=>{u.value=!1});const b=ue(()=>m.value.content_type||"unknown"),I=ue(()=>m.value.title||m.value.filename||"Content"),R=ue(()=>{var ke;if(b.value!=="unknown")return b.value;const Ae=(ke=p.value.split(".").pop())==null?void 0:ke.toLowerCase();return{svg:"svg",html:"html",htm:"html",pdf:"pdf",stl:"stl",png:"image",jpg:"image",jpeg:"image",gif:"image",webp:"image",bmp:"image",mp4:"video",webm:"video",mov:"video",mkv:"video"}[Ae]||"unknown"}),y={stl:"ph ph-cube",html:"ph ph-globe",svg:"ph ph-paint-brush",pdf:"ph ph-file-pdf",image:"ph ph-image",video:"ph ph-film-strip",unknown:"ph ph-paperclip"},L=ue(()=>y[b.value]||y.unknown),U={stl:"info",html:"secondary",svg:"success",pdf:"primary",image:"primary",video:"danger",unknown:"primary"},h=ue(()=>U[R.value]||"primary"),N=ue(()=>`is-${R.value}`),C=ue(()=>{const Ae=R.value;return["stl","html","svg","pdf"].includes(Ae)?oe(Ae):Pi(E.value)}),f=ue(()=>R.value==="stl"?C.value:Pi(E.value)),A=ue(()=>["html","svg"].includes(R.value)?E.value:R.value==="stl"&&m.value.source_url?tr(m.value.source_url):""),w=ue(()=>!!A.value),F=ue(()=>rS({...m.value,content_type:R.value,filename:m.value.source_filename||m.value.filename||p.value})),j=ue(()=>iS(o.value,F.value)),_e=ue(()=>i.value?"ph ph-check":"ph ph-copy"),be=ue(()=>{const Ae=tr(m.value.download_url||p.value);return m.value.download_url||!Ae?Ae:`${Ae}${Ae.includes("?")?"&":"?"}download=1`});function oe(Ae){return nS(Ae,E.value)}function pe(){b.value==="image"&&d(E.value)}function Ce(Ae){a.value=Ae.currentTarget.open,a.value&&(r.value=!0)}async function ot(){s.value=!s.value,s.value&&await lt()}async function lt(){if(!(!A.value||o.value||c.value)){c.value=!0,l.value="";try{const Ae=await fetch(A.value);if(!Ae.ok)throw new Error(`HTTP ${Ae.status}`);o.value=await Ae.text()}catch(Ae){l.value=`Failed to load source: ${(Ae==null?void 0:Ae.message)||Ae}`}finally{c.value=!1}}}async function at(){try{await navigator.clipboard.writeText(f.value),i.value=!0,setTimeout(()=>{i.value=!1},1500)}catch{}}function We(Ae){if(typeof Ae=="string")try{return JSON.stringify(JSON.parse(Ae),null,2)}catch{return Ae}return JSON.stringify(Ae,null,2)}return(Ae,He)=>{const ke=tt("GnBadge");return _.value?(v(),x("details",{key:1,ref_key:"detailsEl",ref:n,class:"tool-card is-error",open:a.value,onToggle:Ce},[He[9]||(He[9]=LT('
- ${U(f)}
- :
- ${L(A)}
-
`).join("")}${d.join("`:"",p=_.join(" ");return m+p}return(l,u)=>{var _,m;const d=tt("GnIconButton");return v(),D("div",{class:Ge(["msg-user",{"msg-user--recall":e.msg.isRecall}])},[g("div",$D,[g("div",{class:Ge(["msg-user-bubble",{"msg-flash":t.isFlashing}])},[e.msg.isRecall?(v(),D("div",qD,[...u[1]||(u[1]=[g("i",{class:"ph ph-clock"},null,-1),g("span",null,"Scheduled recall",-1)])])):J("",!0),g("div",{class:"msg-user-text",innerHTML:c(e.msg.text)},null,8,HD),(_=e.msg.images)!=null&&_.length||(m=e.msg.files)!=null&&m.length?(v(),D("div",VD,[(v(!0),D(Ae,null,Dt(e.msg.images,(p,E)=>(v(),D("img",{key:`img-${E}`,src:p,class:"msg-user-image",onClick:b=>Y(r)(p)},null,8,zD))),128)),(v(!0),D(Ae,null,Dt(e.msg.files,(p,E)=>(v(),D("span",{key:`file-${E}`,class:"msg-user-file-pill"},[u[2]||(u[2]=g("i",{class:"ph ph-file"},null,-1)),Fe(" "+K(p.name),1)]))),128))])):J("",!0)],2),g("div",WD,[Y(a)?(v(),D("span",KD,K(Y(a)),1)):J("",!0),ne(d,{icon:Y(i)?"ph ph-check":"ph ph-copy",label:Y(i)?"Copied!":"Copy",class:"msg-copy-btn",onClick:u[0]||(u[0]=p=>Y(s)(e.msg.text))},null,8,["icon","label"])])])],2)}}},XD={key:0,class:"spinner"},ZD={class:"thinking-body"},Lu={__name:"ThinkingCard",props:{msg:{type:Object,required:!0}},setup(e){const t=e,n=$(null),a=ce(()=>{var i;return(((i=t.msg.thinking)==null?void 0:i.text)??"").replace(/^
")}
'+(n?r:Kn(r,!0))+`"+(n?r:Kn(r,!0))+`+${this.parser.parse(e)}+`}html({text:e}){return e}heading({tokens:e,depth:t}){return`
+`}list(e){const t=e.ordered,n=e.start;let a="";for(let s=0;s
${this.parser.parseInline(e)}
+`}table(e){let t="",n="";for(let r=0;r${Kn(e,!0)}`}br(e){return""}del({tokens:e}){return`
An error occurred:
"+Kn(n.message+"",!0)+"";return t?Promise.resolve(a):a}if(t)return Promise.reject(n);throw n}}},sr=new mx;function St(e,t){return sr.parse(e,t)}St.options=St.setOptions=function(e){return sr.setOptions(e),St.defaults=sr.defaults,PS(St.defaults),St};St.getDefaults=sd;St.defaults=cr;St.use=function(...e){return sr.use(...e),St.defaults=sr.defaults,PS(St.defaults),St};St.walkTokens=function(e,t){return sr.walkTokens(e,t)};St.parseInline=sr.parseInline;St.Parser=da;St.parser=da.parse;St.Renderer=$i;St.TextRenderer=md;St.Lexer=ua;St.lexer=ua.lex;St.Tokenizer=Yi;St.Hooks=Ni;St.parse=St;St.options;St.setOptions;St.use;St.walkTokens;St.parseInline;da.parse;ua.lex;St.setOptions({breaks:!0,gfm:!0});const gd=new St.Renderer;gd.code=function({text:e,lang:t}){const n=t&&Bi.getLanguage(t)?t:"plaintext",a=Bi.highlight(e,{language:n}).value;return`
${n}
${a}${u||" "}
`).join("")}return s(l)}function s(l){if(typeof l=="string")try{l=JSON.parse(l)}catch{return c(l)}if(l===null||typeof l!="object")return c(String(l));if(Array.isArray(l))return l.length===0?'[]':`${l.map((m,p)=>`
`;const u=Object.entries(l);return u.length===0?'{}':`
+ ${p}
+ :
+ ${o(m)}
+
`).join("")}${u.map(([_,m])=>`
`}function o(l){if(l===null)return'null';if(typeof l=="boolean")return`${l}`;if(typeof l=="number")return`${l}`;if(typeof l=="string"){const d=c(l);return d.length<=200?`${d}`:`${d.slice(0,200)}…`}return Array.isArray(l)?`[${l.length} items]`:`{${Object.keys(l).length} keys}`}function c(l){return typeof l!="string"?String(l??""):l.replace(/&/g,"&").replace(//g,">")}return(l,u)=>(v(),D("details",{ref_key:"detailsEl",ref:a,class:Ge(["subagent-step",{"is-success":!e.tool.pending&&e.tool.success,"is-error":!e.tool.pending&&!e.tool.success}])},[g("summary",null,[g("span",Cx,[e.tool.pending?(v(),D("span",yx)):e.tool.success?(v(),D("i",Nx)):(v(),D("i",Ox))]),g("span",Ax,K(e.tool.name),1),e.tool.pending?(v(),D("span",Ix,"running")):J("",!0),u[0]||(u[0]=g("i",{class:"ph ph-caret-down tool-chevron"},null,-1))]),g("div",Dx,[e.tool.args?(v(),D("details",wx,[u[1]||(u[1]=g("summary",null,[g("span",{class:"tool-section-label"},"Arguments"),g("i",{class:"ph ph-caret-down tool-chevron"})],-1)),g("div",xx,[g("pre",{class:"tool-code",innerHTML:r(e.tool.args)},null,8,Lx)])])):J("",!0),e.tool.result!=null?(v(),D("div",Mx,[u[2]||(u[2]=g("div",{class:"tool-section-label"},"Result",-1)),g("div",{class:"tool-result",innerHTML:i(e.tool.result)},null,8,kx)])):J("",!0)])],2))}},Ux={class:"tool-status-icon"},Fx={key:0,class:"spinner"},Bx={key:1,class:"ph ph-check-circle"},Gx={key:2,class:"ph ph-x-circle"},Yx={class:"tool-name"},$x={key:0,class:"tool-running-time"},qx={class:"tool-card-body"},Hx={key:0,class:"tool-running-banner"},Vx={key:1,class:"tool-args"},zx={class:"tool-section"},Wx=["innerHTML"],Kx={key:2,class:"tool-section tool-result-section"},Qx=["innerHTML"],Xx={key:3,class:"tool-section terminal-output-section"},Zx={class:"terminal-output"},Jx={key:4,class:"subagent-planning-indicator"},jx={class:"planning-label"},eL={key:5,class:"subagent-steps"},tL={key:1,class:"plan-card",open:""},nL=["innerHTML"],aL={class:"task-step-tool"},rL={class:"task-step-status"},iL={key:0,class:"task-step-preview"},sL={__name:"ToolCard",props:{tool:{type:Object,required:!0}},setup(e){function t(h){return typeof h!="string"?!1:[/#{1,6} /,/\*\*|__/,/`[^`]+`/,/```/,/^\s*[-*+]\s/m,/^\s*\d+\.\s/m,/\[[^\]]+\]\([^)]+\)/,/\|.*\|/,/^\s*>\s/m].some(C=>C.test(h))}const n=e;function a(h){return h==="running"?"ph ph-circle-notch task-spin":h==="completed"?"ph ph-check-circle":h==="cancelled"?"ph ph-prohibit":"ph ph-x-circle"}const r=$(null),i=$(Date.now());let s=null;st(()=>n.tool.pending,(h,N)=>{r.value&&(h?r.value.setAttribute("open",""):N!==void 0&&r.value.removeAttribute("open"))},{immediate:!0}),st(()=>n.tool.pending,h=>{h?l():u()},{immediate:!0}),$n(u);const o=ce(()=>{var h;return n.tool.name==="filesystem"&&((h=n.tool.args)!=null&&h.action)?`Running filesystem ${n.tool.args.action}...`:`Running ${n.tool.name}...`}),c=ce(()=>{if(!n.tool.startedAt)return"";const h=Math.max(0,Math.floor((i.value-n.tool.startedAt)/1e3));return h<1?"starting":`${h}s`});function l(){s||(i.value=Date.now(),s=setInterval(()=>{i.value=Date.now()},1e3))}function u(){s&&(clearInterval(s),s=null)}function d(h){return y(h)}function _(h,N){var C,f;if(typeof h=="string"){try{const A=JSON.parse(h);return y(A)}catch{}return t(h)?or(h):N&&N.name==="filesystem"&&["diff","edit_lines","smart_edit"].includes((C=N.args)==null?void 0:C.action)?m(h):N&&N.name==="filesystem"&&((f=N.args)==null?void 0:f.action)==="read"?R(h):U(h).split(`
+`).map((A,x)=>`
+ ${c(_)}
+ :
+ ${o(m)}
+
`).join("")}${A||" "}
`).join("")}return y(h)}function m(h){let N="",C=h;const f=h.indexOf(`
+
+`);if(f!==-1){const x=h.slice(f+2);(x.includes("@@")||/^[ +\-]/m.test(x))&&(N=h.slice(0,f),C=x)}const A=[];N&&A.push(`${U(N)||" "}
`);for(const x of C.split(`
+`))A.push(E(x));return A.join("")}const p=/^([ +\-])( +)(\d+)│ ?(.*)$/;function E(h){const N=p.exec(h);if(N){const f=N[1],A=f==="+"?"diff-add":f==="-"?"diff-del":"diff-ctx",x=`${N[2]}${N[3]} ${f} `,F=N[4];return`${U(x)}${U(F)||" "}
`}return`${U(h)||" "}
`}function b(h){return h.startsWith("@@")?"diff-hunk":h.startsWith("+")?"diff-add":h.startsWith("-")?"diff-del":"diff-ctx"}const I=/^(\s*)(\d+): (.*)$/;function R(h){const N=h.split(`
+`),C=[];let f=0;if(N.length&&N[0].startsWith("[")){const A=N[0],x=A.replace(/^\[/,"").replace(/\]$/,""),F=x.indexOf(" | ");if(F!==-1){const j=x.slice(0,F),_e=x.slice(F+5);C.push(`${U(j)} | ${U(_e)}
`)}else C.push(`${U(A)||" "}
`);f=1}for(f${U(x[1]+x[2])}: ${U(x[3])}
`):C.push(`${U(A)}
`)}return C.join("")}function y(h){if(typeof h=="string")try{h=JSON.parse(h)}catch{return U(h)}if(h===null||typeof h!="object")return U(String(h));if(Array.isArray(h))return h.length===0?'[]':`${h.map((A,x)=>`
`;const N=Object.entries(h);return N.length===0?'{}':`
+ ${x}
+ :
+ ${L(A)}
+
`).join("")}${N.map(([f,A])=>`
`}function L(h){if(h===null)return'null';if(typeof h=="boolean")return`${h}`;if(typeof h=="number")return`${h}`;if(typeof h=="string"){const C=U(h);return C.length<=200?`${C}`:`${C.slice(0,200)}…`}return Array.isArray(h)?`[${h.length} items]`:`{${Object.keys(h).length} keys}`}function U(h){return typeof h!="string"?String(h??""):h.replace(/&/g,"&").replace(//g,">")}return(h,N)=>{var C;return v(),D("details",{ref_key:"detailsEl",ref:r,class:Ge(["tool-card",{"is-success":!e.tool.pending&&e.tool.success,"is-error":!e.tool.pending&&!e.tool.success}])},[g("summary",null,[g("span",Ux,[e.tool.pending?(v(),D("span",Fx)):e.tool.success?(v(),D("i",Bx)):(v(),D("i",Gx))]),g("span",Yx,K(e.tool.name),1),e.tool.pending?(v(),D("span",$x,K(c.value),1)):J("",!0),N[0]||(N[0]=g("i",{class:"ph ph-caret-down tool-chevron"},null,-1))]),g("div",qx,[e.tool.pending&&e.tool.name!=="spawn_agent"?(v(),D("div",Hx,[N[1]||(N[1]=g("span",{class:"spinner"},null,-1)),g("span",null,K(o.value),1)])):J("",!0),e.tool.args?(v(),D("details",Vx,[N[2]||(N[2]=g("summary",null,[g("span",{class:"tool-section-label"},"Arguments"),g("i",{class:"ph ph-caret-down tool-chevron"})],-1)),g("div",zx,[g("pre",{class:"tool-code",innerHTML:d(e.tool.args)},null,8,Wx)])])):J("",!0),e.tool.result!=null?(v(),D("div",Kx,[N[3]||(N[3]=g("div",{class:"tool-section-label"},"Result",-1)),g("div",{class:"tool-result",innerHTML:_(e.tool.result,e.tool)},null,8,Qx)])):J("",!0),e.tool.name==="terminal"&&e.tool.terminalOutput?(v(),D("div",Xx,[N[4]||(N[4]=g("div",{class:"tool-section-label"},"Live output",-1)),g("pre",Zx,K(e.tool.terminalOutput),1)])):J("",!0),e.tool.planningLabel!=null?(v(),D("div",Jx,[g("span",jx,K(e.tool.planningLabel),1)])):J("",!0),(C=e.tool.steps)!=null&&C.length?(v(),D("div",eL,[(v(!0),D(Ae,null,Dt(e.tool.steps,(f,A)=>(v(),D(Ae,{key:A},[f.kind==="turn_thinking"?(v(),ze(Lu,{key:0,msg:f},null,8,["msg"])):f.kind==="plan"?(v(),D("details",tL,[N[5]||(N[5]=g("summary",null,[g("i",{class:"ph ph-map-trifold"}),Fe(" Plan "),g("i",{class:"ph ph-caret-down plan-chevron"})],-1)),g("div",{class:"plan-body",innerHTML:Y(or)(f.text)},null,8,nL)])):f.kind==="task_update"?(v(),D("div",{key:2,class:Ge(["task-update-step",f.status])},[g("i",{class:Ge(a(f.status))},null,2),g("span",aL,K(f.tool),1),g("span",rL,K(f.status),1),f.preview?(v(),D("span",iL,K(f.preview),1)):J("",!0)],2)):(v(),ze(Px,{key:3,tool:f},null,8,["tool"]))],64))),128))])):J("",!0)])],2)}}},oL=["open"],lL={class:"content-title"},cL=["href"],uL=["href"],dL=["title"],_L={key:0,class:"content-body"},pL={key:0,class:"content-source"},mL={key:0,class:"content-source-state"},gL={key:1,class:"content-source-error"},EL={key:2,class:"content-source-code"},fL=["innerHTML"],SL=["src"],bL=["src"],TL=["src"],hL=["src"],vL={key:5,class:"content-image-wrap"},RL=["src","alt"],CL={key:0,class:"content-image-skeleton"},yL=["src"],NL={key:7,class:"content-unknown"},OL={class:"unknown-name"},AL=["href"],IL=["open"],DL={class:"tool-card-body"},wL={class:"tool-section"},xL={class:"tool-code"},LL={class:"tool-section"},ML={class:"tool-code"},kL={__name:"ContentCard",props:{tool:{type:Object,required:!0},defaultOpen:{type:Boolean,default:!1},collapseToken:{type:String,default:""}},setup(e){const t=e,n=$(null),a=$(t.defaultOpen),r=$(t.defaultOpen),i=$(!1),s=$(!1),o=$(""),c=$(!1),l=$(""),u=$(!1),{open:d}=di();st(()=>[t.defaultOpen,t.collapseToken],([Ie])=>{a.value=Ie,Ie&&(r.value=!0)});const _=ce(()=>t.tool.success===!1?!0:!t.tool.metadata||!t.tool.metadata.url?!String(t.tool.result??"").match(/URL: (.+)/):!1),m=ce(()=>{if(t.tool.metadata)return t.tool.metadata;const Ie=String(t.tool.result??""),He=Ie.match(/URL: (.+)/);if(He){const Pe=Ie.match(/Published: .+ \(([^)]+)\)/),rt=Ie.match(/Published: (.+) \(/);return{url:He[1].trim(),content_type:Pe?Pe[1].trim():"unknown",title:rt?rt[1].trim():"Content"}}return{}}),p=ce(()=>m.value.url||""),E=ce(()=>ar(p.value));st(()=>E.value,()=>{u.value=!1});const b=ce(()=>m.value.content_type||"unknown"),I=ce(()=>m.value.title||m.value.filename||"Content"),R=ce(()=>{var Pe;if(b.value!=="unknown")return b.value;const Ie=(Pe=p.value.split(".").pop())==null?void 0:Pe.toLowerCase();return{svg:"svg",html:"html",htm:"html",pdf:"pdf",stl:"stl",png:"image",jpg:"image",jpeg:"image",gif:"image",webp:"image",bmp:"image",mp4:"video",webm:"video",mov:"video",mkv:"video"}[Ie]||"unknown"}),y={stl:"ph ph-cube",html:"ph ph-globe",svg:"ph ph-paint-brush",pdf:"ph ph-file-pdf",image:"ph ph-image",video:"ph ph-film-strip",unknown:"ph ph-paperclip"},L=ce(()=>y[b.value]||y.unknown),U={stl:"info",html:"secondary",svg:"success",pdf:"primary",image:"primary",video:"danger",unknown:"primary"},h=ce(()=>U[R.value]||"primary"),N=ce(()=>`is-${R.value}`),C=ce(()=>{const Ie=R.value;return["stl","html","svg","pdf"].includes(Ie)?oe(Ie):Fi(E.value)}),f=ce(()=>R.value==="stl"?C.value:Fi(E.value)),A=ce(()=>["html","svg"].includes(R.value)?E.value:R.value==="stl"&&m.value.source_url?ar(m.value.source_url):""),x=ce(()=>!!A.value),F=ce(()=>cS({...m.value,content_type:R.value,filename:m.value.source_filename||m.value.filename||p.value})),j=ce(()=>uS(o.value,F.value)),_e=ce(()=>i.value?"ph ph-check":"ph ph-copy"),be=ce(()=>{const Ie=ar(m.value.download_url||p.value);return m.value.download_url||!Ie?Ie:`${Ie}${Ie.includes("?")?"&":"?"}download=1`});function oe(Ie){return oS(Ie,E.value)}function pe(){b.value==="image"&&d(E.value)}function Ce(Ie){a.value=Ie.currentTarget.open,a.value&&(r.value=!0)}async function ot(){s.value=!s.value,s.value&&await lt()}async function lt(){if(!(!A.value||o.value||c.value)){c.value=!0,l.value="";try{const Ie=await fetch(A.value);if(!Ie.ok)throw new Error(`HTTP ${Ie.status}`);o.value=await Ie.text()}catch(Ie){l.value=`Failed to load source: ${(Ie==null?void 0:Ie.message)||Ie}`}finally{c.value=!1}}}async function at(){try{await navigator.clipboard.writeText(f.value),i.value=!0,setTimeout(()=>{i.value=!1},1500)}catch{}}function We(Ie){if(typeof Ie=="string")try{return JSON.stringify(JSON.parse(Ie),null,2)}catch{return Ie}return JSON.stringify(Ie,null,2)}return(Ie,He)=>{const Pe=tt("GnBadge");return _.value?(v(),D("details",{key:1,ref_key:"detailsEl",ref:n,class:"tool-card is-error",open:a.value,onToggle:Ce},[He[9]||(He[9]=FT('
+ ${U(f)}
+ :
+ ${L(A)}
+
`).join("")}
-
MCP Keys
+MCP servers
- Some connected MCP servers accept a personal key ("one key per user"). - Save your own key to make the server work on it; without a key it falls - back to the shared default configured on this Navi. + Everything connected to your profiles. A server that offers a personal key + slot runs under your own key — leave yours unset and it keeps using the + shared key configured on this Navi.
@@ -16,48 +16,65 @@
-
- No MCP servers accept a personal key here. A server appears in this
- list once its config declares a user_key slot — until then
- it runs on the shared default configured on this Navi.
-
No MCP servers are connected to any profile on this Navi.
-
@@ -20,8 +27,15 @@
@@ -39,7 +53,7 @@
import { usePush } from '@/composables/usePush.js'
import { useToast } from 'gnexus-ui-kit/vue'
-const { supported, permission, subscribed, busy, enable, disable, syncState } = usePush()
+const { supported, bridgeMode, permission, subscribed, busy, enable, disable, syncState } = usePush()
const toast = useToast()
onMounted(() => {
@@ -51,7 +65,12 @@
if (want) {
const ok = await enable()
if (ok === false && permission.value === 'denied') {
- toast.error({ title: 'Permission denied', text: 'Allow notifications in the browser site settings.' })
+ toast.error({
+ title: 'Permission denied',
+ text: bridgeMode.value
+ ? 'Allow notifications in the system app settings.'
+ : 'Allow notifications in the browser site settings.',
+ })
} else if (ok === false) {
toast.error({ title: 'Push unavailable', text: 'The server does not accept push subscriptions right now.' })
}
diff --git a/webclient/src/composables/nativeBridge.js b/webclient/src/composables/nativeBridge.js
new file mode 100644
index 0000000..b622b47
--- /dev/null
+++ b/webclient/src/composables/nativeBridge.js
@@ -0,0 +1,84 @@
+/**
+ * JS bridge into the Android WebView app (window.NaviAndroid, added by
+ * MainActivity's NaviBridge). Web push APIs don't exist inside a WebView,
+ * so the app shows notifications natively; this composable is the only
+ * place that touches the bridge surface.
+ */
+
+/** The bridge object or null — never throws in non-WebView contexts. */
+export function nativeBridge() {
+ return typeof window !== 'undefined' ? window.NaviAndroid ?? null : null
+}
+
+/** Bridge present with the full surface. */
+export function bridgeAvailable() {
+ const b = nativeBridge()
+ return !!b && typeof b.notify === 'function' && typeof b.enableBackgroundMode === 'function'
+}
+
+const FLAG_KEY = 'navi_push_android'
+
+/** Whether the user turned native push on (persisted locally, no server side). */
+export function nativePushFlag() {
+ try {
+ return localStorage.getItem(FLAG_KEY) === '1'
+ } catch {
+ return false
+ }
+}
+
+function setNativePushFlag(on) {
+ try {
+ if (on) localStorage.setItem(FLAG_KEY, '1')
+ else localStorage.removeItem(FLAG_KEY)
+ } catch { /* storage unavailable — state stays in-memory */ }
+}
+
+/**
+ * Run the bridge's permission request through the 'navi-perm-result'
+ * CustomEvent the app posts back with {detail: granted}.
+ */
+export function requestPermissionViaBridge() {
+ const bridge = nativeBridge()
+ if (!bridge || typeof bridge.requestNotificationPermission !== 'function') {
+ return Promise.resolve(false)
+ }
+ if (bridge.hasNotificationPermission?.()) return Promise.resolve(true)
+ return new Promise((resolve) => {
+ const onResult = (e) => {
+ clearTimeout(timer)
+ window.removeEventListener('navi-perm-result', onResult)
+ resolve(!!(e && e.detail))
+ }
+ // Safety valve: if the activity never answers, fail closed.
+ const timer = setTimeout(() => {
+ window.removeEventListener('navi-perm-result', onResult)
+ resolve(false)
+ }, 30000)
+ window.addEventListener('navi-perm-result', onResult)
+ bridge.requestNotificationPermission()
+ })
+}
+
+/**
+ * Raise a native turn-complete notification via the bridge — only when the
+ * user turned native push on and the app window is not visible (the
+ * foreground session already shows everything on screen).
+ */
+export function notifyNativeTurn(title, body, url) {
+ const bridge = nativeBridge()
+ if (!bridge || typeof bridge.notify !== 'function') return
+ if (typeof document !== 'undefined' && !document.hidden) return
+ let enabled
+ try {
+ enabled = localStorage.getItem(FLAG_KEY) === '1'
+ } catch {
+ return
+ }
+ if (!enabled) return
+ try {
+ bridge.notify(String(title), String(body), String(url ?? '/'))
+ } catch (err) {
+ console.warn('[nativeBridge] notify failed', err)
+ }
+}
\ No newline at end of file
diff --git a/webclient/src/composables/usePush.js b/webclient/src/composables/usePush.js
index 37dd059..1b79f53 100644
--- a/webclient/src/composables/usePush.js
+++ b/webclient/src/composables/usePush.js
@@ -1,5 +1,11 @@
import { ref, computed } from 'vue'
import { getVapidKey, subscribePush, unsubscribePush } from '@/api'
+import {
+ bridgeAvailable,
+ nativeBridge,
+ nativePushFlag,
+ requestPermissionViaBridge,
+} from '@/composables/nativeBridge.js'
/** URL-safe base64 → Uint8Array (the format PushManager expects for VAPID keys). */
export function urlBase64ToUint8Array(base64String) {
@@ -26,13 +32,37 @@
return typeof Notification !== 'undefined'
}
-/** Supported = SW + PushManager + Notification APIs all present. */
-export const supported = computed(() => pmSupported() && notifSupported())
+/** Supported = the Android bridge (notifications natively, no web push in
+ * WebView) or the browser trio SW + PushManager + Notification APIs. */
+export const supported = computed(() => bridgeAvailable() || (pmSupported() && notifSupported()))
-const permission = ref(notifSupported() ? Notification.permission : 'denied')
+/** The Android-app path replaces the web-push machinery entirely. */
+export const bridgeMode = computed(() => bridgeAvailable())
+
+const permission = ref(initialPermission())
const subscribed = ref(false)
const busy = ref(false)
+function initialPermission() {
+ const bridge = nativeBridge()
+ if (bridge && typeof bridge.hasNotificationPermission === 'function') {
+ try {
+ return bridge.hasNotificationPermission() ? 'granted' : 'default'
+ } catch { /* fall through to web checks */ }
+ }
+ return notifSupported() ? Notification.permission : 'denied'
+}
+
+function bridgePermission() {
+ const bridge = nativeBridge()
+ if (!bridge) return 'denied'
+ try {
+ return bridge.hasNotificationPermission() ? 'granted' : 'default'
+ } catch {
+ return 'default'
+ }
+}
+
async function currentSubscription() {
if (!swSupported() || !pmSupported()) return null
const reg = await navigator.serviceWorker.getRegistration()
@@ -41,11 +71,16 @@
}
async function syncState() {
+ if (bridgeMode.value) {
+ subscribed.value = nativePushFlag()
+ permission.value = bridgePermission()
+ return
+ }
if (!swSupported() || !pmSupported()) return
try {
const sub = await currentSubscription()
subscribed.value = !!sub
- permission.value = notificationsSupported ? Notification.permission : 'denied'
+ permission.value = notifSupported() ? Notification.permission : 'denied'
} catch {
subscribed.value = false
}
@@ -54,6 +89,31 @@
/** Ask for permission, subscribe via the SW and register the endpoint server-side. */
async function enable() {
if (!supported.value || busy.value) return
+ if (bridgeMode.value) {
+ busy.value = true
+ try {
+ if (bridgePermission() !== 'granted') {
+ const ok = await requestPermissionViaBridge()
+ if (!ok) return false
+ }
+ const bridge = nativeBridge()
+ // Hold the process (and the WebView WebSocket) open when minimized.
+ bridge.enableBackgroundMode()
+ if (
+ typeof bridge.isIgnoringBatteryOptimizations === 'function' &&
+ !bridge.isIgnoringBatteryOptimizations()
+ ) {
+ // One-time ask for the Doze exemption — the system shows its own dialog.
+ bridge.requestIgnoreBatteryOptimizations()
+ }
+ try { localStorage.setItem('navi_push_android', '1') } catch { /* memory only */ }
+ subscribed.value = true
+ permission.value = 'granted'
+ return true
+ } finally {
+ busy.value = false
+ }
+ }
busy.value = true
try {
permission.value = await Notification.requestPermission()
@@ -85,6 +145,18 @@
/** Unsubscribe from the push service and unregister the endpoint server-side. */
async function disable() {
+ if (bridgeMode.value) {
+ if (busy.value) return
+ busy.value = true
+ try {
+ nativeBridge()?.disableBackgroundMode?.()
+ try { localStorage.removeItem('navi_push_android') } catch { /* memory only */ }
+ subscribed.value = false
+ return true
+ } finally {
+ busy.value = false
+ }
+ }
if (!swSupported() || !pmSupported() || busy.value) return
busy.value = true
try {
@@ -102,5 +174,5 @@
}
export function usePush() {
- return { supported, permission, subscribed, busy, enable, disable, syncState }
+ return { supported, bridgeMode, permission, subscribed, busy, enable, disable, syncState }
}
\ No newline at end of file
diff --git a/webclient/src/stores/chat.js b/webclient/src/stores/chat.js
index 82686a8..aa5aa4f 100644
--- a/webclient/src/stores/chat.js
+++ b/webclient/src/stores/chat.js
@@ -2,6 +2,7 @@
import { ref, shallowRef } from 'vue'
import * as api from '@/api/index.js'
import { useSessionsStore } from '@/stores/sessions.js'
+import { notifyNativeTurn } from '@/composables/nativeBridge.js'
// Guard against late completion of stale loadSession calls
let _lastLoadId = null
@@ -784,6 +785,12 @@
useSessionsStore().updatePreview(currentId.value, msg.text.slice(0, 80))
}
+ // Android app: raise a native notification when the answer finished while
+ // the window was hidden (bridge notify() re-checks visibility + the flag).
+ if (msg?.text && currentId.value) {
+ notifyNativeTurn('Navi ответила', msg.text.slice(0, 140), `/#${currentId.value}`)
+ }
+
// Try to generate session name in background (only if not named yet)
if (currentId.value) {
_tryGenerateName(currentId.value)
diff --git a/webclient/tests/unit/components/settings/mcpKeysPanel.test.js b/webclient/tests/unit/components/settings/mcpKeysPanel.test.js
index b104514..9584f55 100644
--- a/webclient/tests/unit/components/settings/mcpKeysPanel.test.js
+++ b/webclient/tests/unit/components/settings/mcpKeysPanel.test.js
@@ -30,20 +30,35 @@
{
server_name: 'http-server',
transport: 'streamable_http',
+ accepts_user_key: true,
key_type: 'header',
key_location: 'Authorization',
prefix: 'Bearer ',
has_key: false,
updated_at: null,
+ profiles: ['server_admin'],
},
{
server_name: 'stdio-server',
transport: 'stdio',
+ accepts_user_key: true,
key_type: 'env',
key_location: 'API_KEY',
prefix: null,
has_key: true,
updated_at: '2026-10-07T12:00:00Z',
+ profiles: ['discuss', 'server_admin'],
+ },
+ {
+ server_name: 'navi-web',
+ transport: 'stdio',
+ accepts_user_key: false,
+ key_type: null,
+ key_location: null,
+ prefix: null,
+ has_key: false,
+ updated_at: null,
+ profiles: ['discuss', 'secretary'],
},
]
@@ -59,23 +74,42 @@
api.resetMcpKey.mockResolvedValue(undefined)
})
- it('renders one row per eligible server with its key location', async () => {
+ it('renders every connected server, keyed ones with their key location', async () => {
const wrapper = mount(McpKeysPanel)
await new Promise(r => setTimeout(r))
- expect(wrapper.text()).toContain('MCP Keys')
+ expect(wrapper.text()).toContain('MCP servers')
expect(wrapper.text()).toContain('http-server')
expect(wrapper.text()).toContain('stdio-server')
expect(wrapper.text()).toContain('Authorization header (Bearer …)')
expect(wrapper.text()).toContain('API_KEY env')
+ // Keyless servers are listed too, with the profile they serve.
+ expect(wrapper.text()).toContain('navi-web')
+ expect(wrapper.text()).toContain('discuss, secretary')
+ expect(wrapper.text()).toContain('No personal key slot')
+ expect(wrapper.findAll('.mcp-keys-row')).toHaveLength(3)
})
- it('shows an empty-state message when there are no eligible servers', async () => {
+ it('offers a key input only for servers that declare a slot', async () => {
+ const wrapper = mount(McpKeysPanel)
+ await new Promise(r => setTimeout(r))
+ // Three rows, two of them with a slot → exactly two password inputs.
+ expect(wrapper.findAll('input[type="password"]')).toHaveLength(2)
+ const keylessRow = wrapper.findAll('.mcp-keys-row').find(r => r.text().includes('navi-web'))
+ expect(keylessRow.classes()).toContain('is-keyless')
+ expect(keylessRow.find('input').exists()).toBe(false)
+ // A keyed server without a saved key says the shared one is in use.
+ const httpRow = wrapper.findAll('.mcp-keys-row').find(r => r.text().includes('http-server'))
+ expect(httpRow.text()).toContain('the shared key from the config is used')
+ const stdioRow = wrapper.findAll('.mcp-keys-row').find(r => r.text().includes('stdio-server'))
+ expect(stdioRow.text()).toContain('Personal key set')
+ })
+
+ it('shows an empty-state message when no server is connected', async () => {
api.getMcpKeys.mockResolvedValue({ items: [] })
const wrapper = mount(McpKeysPanel)
await new Promise(r => setTimeout(r))
expect(wrapper.find('.mcp-keys-empty').exists()).toBe(true)
- expect(wrapper.text()).toContain('No MCP servers accept a personal key')
- expect(wrapper.text()).toContain('user_key')
+ expect(wrapper.text()).toContain('No MCP servers are connected to any profile')
expect(wrapper.find('.mcp-keys-row').exists()).toBe(false)
})
diff --git a/webclient/tests/unit/composables/nativeBridge.test.js b/webclient/tests/unit/composables/nativeBridge.test.js
new file mode 100644
index 0000000..0c9336f
--- /dev/null
+++ b/webclient/tests/unit/composables/nativeBridge.test.js
@@ -0,0 +1,92 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import {
+ bridgeAvailable,
+ nativeBridge,
+ nativePushFlag,
+ notifyNativeTurn,
+ requestPermissionViaBridge,
+} from '@/composables/nativeBridge.js'
+
+function makeBridge(overrides = {}) {
+ return {
+ notify: vi.fn(),
+ enableBackgroundMode: vi.fn(),
+ disableBackgroundMode: vi.fn(),
+ hasNotificationPermission: vi.fn(() => true),
+ requestNotificationPermission: vi.fn(),
+ isIgnoringBatteryOptimizations: vi.fn(() => true),
+ requestIgnoreBatteryOptimizations: vi.fn(),
+ ...overrides,
+ }
+}
+
+describe('nativeBridge', () => {
+ // node env here may have no localStorage global — provide a minimal shim
+ // so the flag path is testable.
+ let mem
+ beforeEach(() => {
+ mem = {}
+ if (!globalThis.localStorage) {
+ vi.stubGlobal('localStorage', {
+ getItem: (k) => (k in mem ? mem[k] : null),
+ setItem: (k, v) => { mem[k] = String(v) },
+ removeItem: (k) => { delete mem[k] },
+ clear: () => { for (const key of Object.keys(mem)) delete mem[key] },
+ })
+ } else {
+ localStorage.clear()
+ }
+ if (window.NaviAndroid) delete window.NaviAndroid
+ })
+ afterEach(() => {
+ if (window.NaviAndroid) delete window.NaviAndroid
+ })
+
+ it('without the bridge everything is a safe no-op', () => {
+ expect(nativeBridge()).toBe(null)
+ expect(bridgeAvailable()).toBe(false)
+ expect(nativePushFlag()).toBe(false)
+ expect(() => notifyNativeTurn('t', 'b', '/x')).not.toThrow()
+ })
+
+ it('detects the bridge surface', () => {
+ window.NaviAndroid = makeBridge()
+ expect(bridgeAvailable()).toBe(true)
+ })
+
+ it('notifyNativeTurn skips unless the user enabled native push', () => {
+ window.NaviAndroid = makeBridge()
+ Object.defineProperty(document, 'hidden', { value: true, configurable: true })
+ notifyNativeTurn('Navi', 'body', '/#s1')
+ expect(window.NaviAndroid.notify).not.toHaveBeenCalled()
+
+ localStorage?.setItem?.("navi_push_android", "1")
+ notifyNativeTurn('Navi', 'body', '/#s1')
+ expect(window.NaviAndroid.notify).toHaveBeenCalledWith('Navi', 'body', '/#s1')
+ })
+
+ it('notifyNativeTurn skips when the window is visible', () => {
+ Object.defineProperty(document, 'hidden', { value: false, configurable: true })
+ window.NaviAndroid = makeBridge()
+ localStorage?.setItem?.("navi_push_android", "1")
+ notifyNativeTurn('Navi', 'body', '/#s1')
+ expect(window.NaviAndroid.notify).not.toHaveBeenCalled()
+ })
+
+ it('requestPermissionViaBridge resolves from the navi-perm-result event', async () => {
+ const bridge = makeBridge({ hasNotificationPermission: vi.fn(() => false) })
+ window.NaviAndroid = bridge
+ const p = requestPermissionViaBridge()
+ expect(bridge.requestNotificationPermission).toHaveBeenCalled()
+ window.dispatchEvent(new CustomEvent('navi-perm-result', { detail: true }))
+ await expect(p).resolves.toBe(true)
+ })
+
+ it('requestPermissionViaBridge fails closed when already-declined is echoed', async () => {
+ const bridge = makeBridge({ hasNotificationPermission: vi.fn(() => false) })
+ window.NaviAndroid = bridge
+ const p = requestPermissionViaBridge()
+ window.dispatchEvent(new CustomEvent('navi-perm-result', { detail: false }))
+ await expect(p).resolves.toBe(false)
+ })
+})
\ No newline at end of file
+
@@ -171,11 +188,6 @@
font-size: 0.875rem;
color: var(--gn-color-text-medium);
}
-
- code {
- font-family: var(--gn-font-mono, monospace);
- font-size: 0.8125rem;
- }
}
.mcp-keys-rows {
@@ -191,52 +203,62 @@
padding: 12px;
border: 1px solid var(--gn-color-border);
border-radius: var(--gn-radius-md);
+
+ // Servers without a key slot are context, not controls — keep them quieter.
+ &.is-keyless {
+ border-color: var(--gn-border-color-muted);
+ background: var(--gn-surface-panel-muted, transparent);
+ }
}
.mcp-keys-info {
- flex: 0 0 220px;
+ flex: 1 1 240px;
min-width: 0;
}
.mcp-keys-server {
- font-weight: 600;
- color: var(--gn-color-text-strong);
-}
-
-.mcp-keys-where {
- font-size: 0.8125rem;
+ font-size: 0.9rem;
color: var(--gn-color-text-medium);
}
-.mcp-keys-updated {
- font-size: 0.75rem;
+.mcp-keys-where {
+ margin-top: 2px;
+ font-size: 0.8rem;
+ color: var(--gn-color-text-dark);
+}
+
+.mcp-keys-slot,
+.mcp-keys-noslot {
+ margin-top: 4px;
+ font-size: 0.8rem;
color: var(--gn-color-text-dimmed);
}
+// The keyless hint is informational only — dim it further than a slot line.
+.mcp-keys-noslot {
+ color: var(--gn-color-text-dimmed);
+ opacity: 0.75;
+}
+
.mcp-keys-input {
- flex: 1 1 auto;
- min-width: 160px;
+ flex: 0 1 260px;
}
.mcp-keys-actions {
display: flex;
+ align-items: center;
gap: 8px;
flex-shrink: 0;
}
-// Mobile: the desktop flex row (fixed 220px info column) stacks vertically
@media (max-width: 767px) {
.mcp-keys-row {
flex-direction: column;
align-items: stretch;
}
- .mcp-keys-info {
- flex: none;
- }
-
- .mcp-keys-actions {
- justify-content: flex-end;
+ .mcp-keys-input {
+ flex: 1 1 auto;
}
}
-
\ No newline at end of file
+
diff --git a/webclient/src/components/settings/NotificationSettingsPanel.vue b/webclient/src/components/settings/NotificationSettingsPanel.vue
index cd60b47..810f76d 100644
--- a/webclient/src/components/settings/NotificationSettingsPanel.vue
+++ b/webclient/src/components/settings/NotificationSettingsPanel.vue
@@ -3,9 +3,16 @@
{{ server.server_name }}
- {{ keyLocation(server) }}
-
- Personal key set {{ formatDate(server.updated_at) }}
+
-
+ {{ server.transport }}
+ · {{ server.profiles.join(', ') }}
+
+
+
+ Personal key set {{ formatDate(server.updated_at) }} — used instead of
+ the shared key ({{ keyLocation(server) }}).
+
+
+ No personal key — the shared key from the config is used
+ ({{ keyLocation(server) }}).
+
+
+
+ No personal key slot — runs on the shared config.
-
- Save
-
-
- Reset to default
-
-
+
+
+
+
+ Save
+
+
+ Reset to default
+
+
+
Notifications
- Push notifications let Navi ping you when a reply is ready — even when the - tab is closed. You get one notification per finished reply, but only when - no Navi window is open on that session. + + The app keeps its connection open in the background and raises a native + notification when a reply finishes while Navi is minimized. Notifications + stop if you close the app itself. + + + Push notifications let Navi ping you when a reply is ready — even when the + tab is closed. You get one notification per finished reply, but only when + no Navi window is open on that session. +
Push notifications
- Enabled — this device is subscribed.
- Blocked in browser site settings.
+
+
+ Enabled — background mode holds the connection open when minimized.
+
+ Enabled — this device is subscribed.
+
+
+ {{ bridgeMode ? 'Blocked in the system app settings.' : 'Blocked in browser site settings.' }}
+
Disabled.