@euraika-labs/pan-ui 0.2.2 → 0.2.4

package/.next/static/chunks/app/skills/[id]/page-88bc62488ddf6c10.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7809],{155:(e,s,r)=>{"use strict";r.d(s,{SkillDetail:()=>y});var l=r(5155),t=r(2115),d=r(2619),n=r.n(d),a=r(63),o=r(1613),i=r(9715),c=r(8734);let x=(0,r(1847).A)("Terminal",[["polyline",{points:"4 17 10 11 4 5",key:"akl6gq"}],["line",{x1:"12",x2:"20",y1:"19",y2:"19",key:"q2wloq"}]]);var m=r(7726),u=r(6288),p=r(9318);function h(e){let{skill:s,hasActiveSession:r,onInstall:t,onEnableToggle:d,onLoadIntoSession:n,onUninstall:a}=e,o="builtin"!==s.scope;return(0,l.jsxs)("div",{className:"flex flex-wrap gap-2",children:["builtin"===s.scope?(0,l.jsx)("button",{type:"button",onClick:t,className:"rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",children:o?"Install":"Copy to profile scope"}):null,s.scope&&"builtin"===s.scope?null:(0,l.jsx)("button",{type:"button",onClick:d,className:"rounded-lg border border-border px-4 py-2 text-sm",children:s.enabled?"Disable":"Enable"}),(0,l.jsx)("button",{type:"button",onClick:n,disabled:!r,className:"rounded-lg border border-border px-4 py-2 text-sm disabled:cursor-not-allowed disabled:opacity-50",children:"Load into current session"}),"builtin"!==s.scope?(0,l.jsx)("button",{type:"button",onClick:a,className:"rounded-lg border border-border px-4 py-2 text-sm text-danger",children:"Remove local copy"}):null]})}function b(e){let{content:s,readOnly:r,targetPath:d,scopeLabel:n,onSave:a}=e,[o,i]=(0,t.useState)(s),[c,x]=(0,t.useState)(!1);(0,t.useEffect)(()=>{i(s)},[s]);let m=o!==s,u=(0,t.useMemo)(()=>o.split("\n").length,[o]);return(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsxs)("div",{className:"rounded-xl border border-border bg-background p-3 text-xs text-muted-foreground",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{children:"Edit mode:"})," ",r?"Read-only until copied into profile scope.":"Saving writes the local SKILL.md file directly."]}),n?(0,l.jsxs)("p",{className:"mt-1",children:[(0,l.jsx)("strong",{children:"Target scope:"})," ",n]}):null,d?(0,l.jsxs)("p",{className:"mt-1 break-all",children:[(0,l.jsx)("strong",{children:"Target path:"})," ",d]}):null,(0,l.jsxs)("p",{className:"mt-1",children:[(0,l.jsx)("strong",{children:"Validation:"})," YAML frontmatter and body content are checked before save."]})]}),(0,l.jsx)("textarea",{value:o,onChange:e=>i(e.target.value),readOnly:r,className:"min-h-72 w-full rounded-2xl border border-border bg-card p-4 font-mono text-sm outline-none focus:border-primary"}),(0,l.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,l.jsxs)("p",{className:"text-xs text-muted-foreground",children:[u," lines ",m?"\xb7 unsaved changes":"\xb7 no local changes"]}),(0,l.jsx)("button",{type:"button",onClick:async()=>{x(!0);try{await a(o)}finally{x(!1)}},disabled:r||!m||c,className:"rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:cursor-not-allowed disabled:opacity-50",children:c?"Saving…":"Save skill"})]})]})}var g=r(685),f=r(2604);function j(e){let{skillId:s,filePath:r}=e,t=(0,p.Qc)(s,r);return t.isLoading?(0,l.jsxs)("div",{className:"rounded-xl border border-border/70 bg-background/60 p-4 text-sm text-muted-foreground",children:["Loading ",r,"…"]}):t.error||!t.data?(0,l.jsxs)("div",{className:"rounded-xl border border-danger/30 bg-danger/5 p-4 text-sm text-muted-foreground",children:["Failed to load ",r]}):(0,l.jsxs)("div",{className:"rounded-xl border border-border/70 bg-background/60",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 border-b border-border/50 px-4 py-2 text-xs text-muted-foreground",children:[(0,l.jsx)(o.A,{className:"h-3.5 w-3.5"}),(0,l.jsx)("span",{className:"font-medium text-foreground",children:r}),(0,l.jsxs)("span",{className:"ml-auto",children:[t.data.content.split("\n").length," lines"]})]}),(0,l.jsx)("pre",{className:"max-h-[400px] overflow-auto px-4 py-3 text-xs leading-6",children:(0,l.jsx)("code",{children:t.data.content})})]})}let N={references:(0,l.jsx)(i.A,{className:"h-3.5 w-3.5"}),templates:(0,l.jsx)(c.A,{className:"h-3.5 w-3.5"}),scripts:(0,l.jsx)(x,{className:"h-3.5 w-3.5"}),assets:(0,l.jsx)(o.A,{className:"h-3.5 w-3.5"})};function y(e){var s,r,d,i,x,y,v;let{skillId:k}=e,w=(0,a.useRouter)(),S=(0,a.useSearchParams)().get("session"),I=(0,p.Pt)(k),L=(0,p.I3)(),A=(0,p.aO)(),C=(0,p.b_)(),P=(0,p.F8)(),O=(0,p.hL)(),{activeSessionId:E,setActiveSessionId:R,rememberLoadedSkillInSession:_}=(0,f.j)(),T=null!=S?S:E,[U,V]=(0,t.useState)(null);(0,t.useEffect)(()=>{S&&(S!==E&&R(S),w.replace("/skills/".concat(k),{scroll:!1}))},[E,S,w,R,k]);let F=(0,u.wV)(T);if(I.isLoading||!I.data)return(0,l.jsx)("div",{className:"p-4 text-sm text-muted-foreground lg:p-6",children:"Loading skill…"});let q=I.data,D=!!(null==(r=F.data)||null==(s=r.loadedSkillIds)?void 0:s.includes(q.id)),J="builtin"===q.scope,K={};for(let e of null!=(y=q.linkedFiles)?y:[])K[e.group]||(K[e.group]=[]),K[e.group].push(e);return(0,l.jsxs)("div",{className:"h-full overflow-y-auto space-y-6 p-4 lg:p-6",children:[(0,l.jsx)(n(),{href:T?"/skills?session=".concat(encodeURIComponent(T)):"/skills",className:"text-sm text-muted-foreground hover:text-foreground",children:"← Back to Skills"}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs text-muted-foreground",children:[(0,l.jsx)("span",{className:"rounded-full border border-border px-2 py-1",children:(0,g.VJ)(q.scope,q.ownerProfileId)}),(0,l.jsx)("span",{className:"rounded-full border border-border px-2 py-1",children:(0,g.CV)(q.provenance)}),(0,l.jsxs)("span",{className:"rounded-full border border-border px-2 py-1",children:["v",null!=(v=q.version)?v:"unversioned"]}),(0,l.jsx)("span",{className:"rounded-full border border-border px-2 py-1",children:q.enabled?"Enabled":"Disabled"}),D?(0,l.jsx)("span",{className:"rounded-full bg-primary/10 px-2 py-1 text-foreground",children:"Loaded in current session"}):null,q.category?(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full border border-primary/20 bg-primary/5 px-2 py-1",children:[(0,l.jsx)(c.A,{className:"h-3 w-3"}),q.category]}):null,q.author?(0,l.jsxs)("span",{className:"rounded-full border border-border px-2 py-1",children:["by ",q.author]}):null]}),(0,l.jsx)("h1",{className:"text-2xl font-semibold",children:q.name}),(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:q.description}),q.tags&&q.tags.length>0?(0,l.jsx)("div",{className:"flex flex-wrap gap-1.5",children:q.tags.map(e=>(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-lg bg-primary/8 px-2 py-1 text-xs text-muted-foreground",children:[(0,l.jsx)(m.A,{className:"h-3 w-3"}),e]},e))}):null,(0,l.jsx)(h,{skill:q,hasActiveSession:!!T,onInstall:()=>void L.mutateAsync(q.id),onEnableToggle:()=>void A.mutateAsync({skillId:q.id,enabled:!q.enabled}),onLoadIntoSession:()=>{T&&(R(T),_(T,q.id),w.replace("/skills/".concat(k,"?session=").concat(encodeURIComponent(T),"&loadedSkill=").concat(encodeURIComponent(q.id)),{scroll:!1}),P.mutateAsync({skillId:q.id,sessionId:T}))},onUninstall:()=>void O.mutateAsync(q.id)}),T?(0,l.jsxs)("p",{className:"text-xs text-muted-foreground",children:["Current chat session available: ",T,D?" \xb7 skill already loaded":""]}):(0,l.jsx)("p",{className:"text-xs text-muted-foreground",children:"Open Chat and select a session before loading a skill into it."})]}),(0,l.jsxs)("section",{className:"grid gap-4 xl:grid-cols-[1.2fr_0.8fr]",children:[(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)("div",{className:"rounded-2xl border border-border bg-card p-5 shadow-sm",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"Skill source"}),(0,l.jsxs)("p",{className:"mt-1 text-sm text-muted-foreground",children:["SKILL.md — ",q.content.split("\n").length," lines",q.filePath?" \xb7 ".concat(q.filePath):""]}),(0,l.jsx)("div",{className:"mt-4",children:(0,l.jsx)(b,{content:q.content,readOnly:J,targetPath:q.filePath,scopeLabel:(0,g.VJ)(q.scope,q.ownerProfileId),onSave:async e=>{await C.mutateAsync({skillId:q.id,content:e})}})})]}),Object.keys(K).length>0?(0,l.jsxs)("div",{className:"rounded-2xl border border-border bg-card p-5 shadow-sm",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"Linked files"}),(0,l.jsx)("p",{className:"mt-1 text-sm text-muted-foreground",children:"Supporting references, templates, and scripts bundled with this skill."}),(0,l.jsx)("div",{className:"mt-4 space-y-3",children:Object.entries(K).map(e=>{var s;let[r,t]=e;return(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground",children:[null!=(s=N[r])?s:(0,l.jsx)(o.A,{className:"h-3.5 w-3.5"}),r," (",t.length,")"]}),(0,l.jsx)("div",{className:"mt-2 flex flex-wrap gap-2",children:t.map(e=>(0,l.jsx)("button",{type:"button",onClick:()=>V(U===e.path?null:e.path),className:"rounded-lg border px-3 py-1.5 text-xs font-medium transition ".concat(U===e.path?"border-primary/40 bg-primary/10 text-foreground":"border-border/60 text-muted-foreground hover:bg-muted/40"),children:e.name},e.path))})]},r)})}),U?(0,l.jsx)("div",{className:"mt-4",children:(0,l.jsx)(j,{skillId:k,filePath:U})}):null]}):null]}),(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)("section",{className:"rounded-2xl border border-border bg-card p-5 shadow-sm",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"Session impact"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:"Skills attach reusable instructions and can imply tool requirements for the current workspace."}),(0,l.jsxs)("div",{className:"mt-4 space-y-2 text-sm text-muted-foreground",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{className:"text-foreground",children:"Owner:"})," ",(0,g.VJ)(q.scope,q.ownerProfileId)]}),(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{className:"text-foreground",children:"Updated:"})," ",q.updatedAt?new Date(q.updatedAt).toLocaleString():"Unknown"]}),(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{className:"text-foreground",children:"Loaded sessions:"})," ",(null==(d=q.loadedInSessions)?void 0:d.length)?q.loadedInSessions.join(", "):"None recorded yet"]}),(null==(i=q.linkedFiles)?void 0:i.length)?(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{className:"text-foreground",children:"Linked files:"})," ",q.linkedFiles.length," (",Object.entries(K).map(e=>{let[s,r]=e;return"".concat(r.length," ").concat(s)}).join(", "),")"]}):null]})]}),(0,l.jsxs)("section",{className:"rounded-2xl border border-border bg-card p-5 shadow-sm",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"Tool expectations"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:"Rendered only from available metadata. No capability assumptions are fabricated."}),(0,l.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:((null==(x=q.impliedTools)?void 0:x.length)?q.impliedTools:["No declared tool dependencies"]).map(e=>(0,l.jsx)("span",{className:"rounded-full border border-border px-2 py-1 text-xs text-muted-foreground",children:e},e))})]}),q.relatedSkills&&q.relatedSkills.length>0?(0,l.jsxs)("section",{className:"rounded-2xl border border-border bg-card p-5 shadow-sm",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"Related skills"}),(0,l.jsx)("div",{className:"mt-3 flex flex-wrap gap-2",children:q.relatedSkills.map(e=>(0,l.jsx)(n(),{href:"/skills/".concat(e),className:"rounded-lg border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-muted/40 hover:text-foreground",children:e},e))})]}):null]})]})]})}},4609:(e,s,r)=>{Promise.resolve().then(r.bind(r,1935)),Promise.resolve().then(r.bind(r,594)),Promise.resolve().then(r.bind(r,6981)),Promise.resolve().then(r.bind(r,155))}},e=>{e.O(0,[2231,5449,4879,9657,1309,8441,1255,7358],()=>e(e.s=4609)),_N_E=e.O()}]);

package/.next/static/chunks/app/skills/page-e47c6a5f9559edc1.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9501],{5269:(e,t,r)=>{Promise.resolve().then(r.bind(r,1935)),Promise.resolve().then(r.bind(r,594)),Promise.resolve().then(r.bind(r,6981)),Promise.resolve().then(r.bind(r,8211))},7910:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});let l=(0,r(1847).A)("Shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]])},8211:(e,t,r)=>{"use strict";r.d(t,{SkillsScreen:()=>I});var l=r(5155),s=r(2115),a=r(63),n=r(6907),d=r(7910),o=r(7801),i=r(1847);let c=(0,i.A)("Download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]]),u=(0,i.A)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);var m=r(9068);let x=(0,i.A)("Star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);var p=r(6651),g=r(5229),h=r(8734),f=r(8584),b=r(2619),y=r.n(b),j=r(7726),v=r(1613),N=r(685);function k(e){var t;let{skill:r,loadedInCurrentSession:s=!1,sessionId:a}=e,n=a?"/skills/".concat(r.id,"?session=").concat(encodeURIComponent(a)):"/skills/".concat(r.id),d=null==(t=r.linkedFiles)?void 0:t.reduce((e,t)=>(e[t.group]=(e[t.group]||0)+1,e),{});return(0,l.jsxs)(y(),{href:n,"aria-label":r.id,className:"block rounded-2xl border border-border/70 bg-card p-4 shadow-sm transition hover:-translate-y-0.5 hover:bg-muted/40 hover:shadow-md",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("h3",{className:"truncate text-sm font-semibold",children:r.name}),r.category?(0,l.jsxs)("span",{className:"hidden shrink-0 items-center gap-1 rounded-md bg-muted/60 px-1.5 py-0.5 text-3xs text-muted-foreground sm:inline-flex",children:[(0,l.jsx)(h.A,{className:"h-2.5 w-2.5"}),r.category]}):null]}),(0,l.jsx)("p",{className:"mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground",children:r.description})]}),(0,l.jsxs)("div",{className:"space-y-1.5 text-right text-3xs",children:[(0,l.jsx)("p",{className:"rounded-full border border-border/60 px-2 py-0.5",children:(0,N.VJ)(r.scope,r.ownerProfileId)}),(0,l.jsx)("p",{className:"rounded-full border border-border/60 px-2 py-0.5",children:(0,N.CV)(r.provenance)})]})]}),r.tags&&r.tags.length>0?(0,l.jsxs)("div",{className:"mt-2 flex flex-wrap gap-1",children:[r.tags.slice(0,4).map(e=>(0,l.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded-md bg-primary/8 px-1.5 py-0.5 text-3xs text-muted-foreground",children:[(0,l.jsx)(j.A,{className:"h-2 w-2"}),e]},e)),r.tags.length>4?(0,l.jsxs)("span",{className:"rounded-md bg-muted/50 px-1.5 py-0.5 text-3xs text-muted-foreground",children:["+",r.tags.length-4]}):null]}):null,(0,l.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-1.5 text-xs",children:[(0,l.jsx)("span",{className:"rounded-full px-2 py-0.5 ".concat(r.enabled?"bg-success/15 text-foreground":"bg-muted text-muted-foreground"),children:r.enabled?"Enabled":r.installed?"Installed":"Available"}),s?(0,l.jsx)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-foreground",children:"Loaded"}):null,d&&Object.keys(d).length>0?(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full border border-border/50 px-2 py-0.5 text-muted-foreground",children:[(0,l.jsx)(v.A,{className:"h-3 w-3"}),Object.entries(d).map(e=>{let[t,r]=e;return"".concat(r," ").concat(t)}).join(", ")]}):null,r.updatedAt?(0,l.jsx)("span",{className:"rounded-full border border-border/50 px-2 py-0.5 text-muted-foreground",children:new Date(r.updatedAt).toLocaleDateString()}):null]})]})}var w=r(9318),A=r(2604);function C(e){let{level:t}=e;return"trusted"===t?(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-emerald-500/15 px-2 py-0.5 text-3xs font-medium text-emerald-400",children:[(0,l.jsx)(n.A,{className:"h-2.5 w-2.5"}),"Trusted"]}):"official"===t?(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-blue-500/15 px-2 py-0.5 text-3xs font-medium text-blue-400",children:[(0,l.jsx)(d.A,{className:"h-2.5 w-2.5"}),"Official"]}):(0,l.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-amber-500/15 px-2 py-0.5 text-3xs font-medium text-amber-400",children:[(0,l.jsx)(o.A,{className:"h-2.5 w-2.5"}),"Community"]})}function S(e){let{audits:t}=e;return t?(0,l.jsx)("div",{className:"flex gap-1",children:Object.entries(t).map(e=>{let[t,r]=e;return(0,l.jsxs)("span",{className:"rounded-full px-1.5 py-0.5 text-[9px] font-medium ".concat("Pass"===r?"bg-emerald-500/15 text-emerald-400":"Warn"===r?"bg-amber-500/15 text-amber-400":"bg-red-500/15 text-red-400"),children:[t,": ",r]},t)})}):null}function L(e){var t,r;let{skill:s,onInstall:a,installing:n}=e;return(0,l.jsxs)("div",{className:"flex flex-col rounded-2xl border border-border/70 bg-card p-4 shadow-sm transition hover:-translate-y-0.5 hover:shadow-md",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("h3",{className:"truncate text-sm font-semibold",children:s.name}),(0,l.jsx)(C,{level:s.trustLevel})]}),(0,l.jsx)("p",{className:"mt-0.5 text-2xs text-muted-foreground",children:s.repo})]}),null!=s.installs?(0,l.jsxs)("span",{className:"shrink-0 rounded-lg bg-muted/50 px-2 py-0.5 text-3xs text-muted-foreground",children:[(0,l.jsx)(c,{className:"mr-0.5 inline h-2.5 w-2.5"}),s.installs.toLocaleString()]}):null]}),(0,l.jsx)("p",{className:"mt-2 line-clamp-3 flex-1 text-xs leading-5 text-muted-foreground",children:(null==(t=s.detail)?void 0:t.summary)||s.description}),(null==(r=s.detail)?void 0:r.securityAudits)?(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)(S,{audits:s.detail.securityAudits})}):null,(0,l.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[(0,l.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),a()},disabled:n,className:"rounded-xl bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm transition hover:opacity-90 disabled:opacity-50",children:n?"Installing…":"Install"}),s.detailUrl?(0,l.jsxs)("a",{href:s.detailUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 rounded-xl border border-border/50 px-2.5 py-1.5 text-xs text-muted-foreground transition hover:bg-muted/40",onClick:e=>e.stopPropagation(),children:[(0,l.jsx)(u,{className:"h-3 w-3"}),"skills.sh"]}):null,s.repoUrl?(0,l.jsxs)("a",{href:s.repoUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 rounded-xl border border-border/50 px-2.5 py-1.5 text-xs text-muted-foreground transition hover:bg-muted/40",onClick:e=>e.stopPropagation(),children:[(0,l.jsx)(m.A,{className:"h-3 w-3"}),"Repo"]}):null]})]})}function I(){var e,t,r,n,d,o;let i=(0,a.useRouter)(),c=(0,a.useSearchParams)().get("session"),[u,m]=(0,s.useState)("installed"),[b,y]=(0,s.useState)(null),[j,v]=(0,s.useState)(""),[N,C]=(0,s.useState)(""),[S,I]=(0,s.useState)(""),M=(0,w.a$)("installed"===u),P=(0,w.$P)(),_=(0,w.vb)(N||void 0),F=(0,w.jM)(),[D,E]=(0,s.useState)(null),{selectedProfileId:O,activeSessionId:U,setActiveSessionId:q}=(0,A.j)();(0,s.useEffect)(()=>{c&&(c!==U&&q(c),i.replace("/skills",{scroll:!1}))},[U,c,i,q]);let z=(0,f.Ux)(O,null!=c?c:U),T=new Set((null==(t=z.data)||null==(e=t.loadedSkillIds)?void 0:e.length)?z.data.loadedSkillIds:["skill-authoring"]),V=null!=(d=M.data)?d:[],R=(0,s.useMemo)(()=>{var e;let t=new Set;for(let e of V)e.category&&t.add(e.category);for(let r of null!=(e=P.data)?e:[])t.add(r);return Array.from(t).sort()},[V,P.data]),H=(0,s.useMemo)(()=>{let e=V;if(b&&(e=e.filter(e=>e.category===b)),j.trim()){let t=j.toLowerCase();e=e.filter(e=>{var r,l;return e.name.toLowerCase().includes(t)||e.description.toLowerCase().includes(t)||(null==(r=e.tags)?void 0:r.some(e=>e.toLowerCase().includes(t)))||(null==(l=e.category)?void 0:l.toLowerCase().includes(t))})}return e},[V,b,j]),$=null!=(o=null==(r=_.data)?void 0:r.skills)?o:[],B=V.filter(e=>e.enabled).length,G=V.filter(e=>e.linkedFiles&&e.linkedFiles.length>0).length;async function J(e){E(e.id);try{await F.mutateAsync({identifier:e.identifier})}finally{E(null)}}return(0,l.jsxs)("div",{className:"h-full overflow-y-auto space-y-5 p-4 pb-8 lg:p-6 lg:pb-10",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-2xl font-semibold",children:"Skills"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-muted-foreground",children:"installed"===u?(0,l.jsxs)(l.Fragment,{children:["Browse ",V.length," installed skills across ",R.length," categories.",B>0?" ".concat(B," enabled."):"",G>0?" ".concat(G," include references, scripts, or templates."):""]}):(0,l.jsxs)(l.Fragment,{children:["Discover skills from skills.sh and other registries. ",$.length," available to install",(null==(n=_.data)?void 0:n.total)?" (".concat(_.data.total," total, ").concat(_.data.total-$.length," already installed)"):"","."]})})]}),(0,l.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsxs)("button",{type:"button",onClick:()=>m("installed"),className:"rounded-xl px-4 py-2 text-sm font-medium transition ".concat("installed"===u?"bg-primary text-primary-foreground shadow-sm":"border border-border/70 text-muted-foreground hover:bg-card"),children:["Installed (",V.length,")"]}),(0,l.jsxs)("button",{type:"button",onClick:()=>m("discover"),className:"rounded-xl px-4 py-2 text-sm font-medium transition ".concat("discover"===u?"bg-primary text-primary-foreground shadow-sm":"border border-border/70 text-muted-foreground hover:bg-card"),children:[(0,l.jsx)(x,{className:"mr-1 inline h-3.5 w-3.5"}),"Discover"]})]}),"installed"===u?(0,l.jsxs)("div",{className:"relative flex-1 min-w-[200px] max-w-md",children:[(0,l.jsx)(p.A,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,l.jsx)("input",{type:"text",placeholder:"Search skills by name, tag, or category…",value:j,onChange:e=>v(e.target.value),className:"w-full rounded-xl border border-border/70 bg-background/80 py-2 pl-9 pr-8 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-primary/30"}),j?(0,l.jsx)("button",{type:"button",onClick:()=>v(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",children:(0,l.jsx)(g.A,{className:"h-4 w-4"})}):null]}):(0,l.jsxs)("form",{className:"relative flex-1 min-w-[200px] max-w-md",onSubmit:e=>{e.preventDefault(),C(S)},children:[(0,l.jsx)(p.A,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,l.jsx)("input",{type:"text",placeholder:"Search skills.sh (e.g. kubernetes, react, python)…",value:S,onChange:e=>I(e.target.value),className:"w-full rounded-xl border border-border/70 bg-background/80 py-2 pl-9 pr-8 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-primary/30"}),S?(0,l.jsx)("button",{type:"button",onClick:()=>{I(""),C("")},className:"absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",children:(0,l.jsx)(g.A,{className:"h-4 w-4"})}):null]})]}),"installed"===u?(0,l.jsxs)(l.Fragment,{children:[R.length>0?(0,l.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,l.jsx)(h.A,{className:"h-4 w-4 text-muted-foreground"}),(0,l.jsx)("button",{type:"button",onClick:()=>y(null),className:"rounded-lg px-3 py-1 text-xs font-medium transition ".concat(b?"border border-border/50 text-muted-foreground hover:bg-card":"bg-primary/15 text-foreground ring-1 ring-primary/30"),children:"All"}),R.map(e=>{let t=V.filter(t=>t.category===e).length;return(0,l.jsxs)("button",{type:"button",onClick:()=>y(b===e?null:e),className:"rounded-lg px-3 py-1 text-xs font-medium transition ".concat(b===e?"bg-primary/15 text-foreground ring-1 ring-primary/30":"border border-border/50 text-muted-foreground hover:bg-card"),children:[e," (",t,")"]},e)})]}):null,M.isLoading?(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:"Loading skill data…"}):null,T.size?(0,l.jsxs)("div",{className:"rounded-2xl border border-border/70 bg-card/80 p-3 text-sm text-muted-foreground",children:[(0,l.jsx)("span",{className:"font-medium text-foreground",children:"Loaded in current session:"}),(0,l.jsx)("span",{className:"ml-2",children:Array.from(T).join(", ")})]}):null,M.isLoading||0!==H.length?null:(0,l.jsx)("div",{className:"rounded-2xl border border-dashed border-border/70 bg-card/60 p-5 text-sm text-muted-foreground",children:j||b?'No skills match "'.concat(j||b,'". Try a different filter.'):"No installed skills were detected for the current runtime/profile scope."}),(0,l.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-3",children:H.map(e=>(0,l.jsx)(k,{skill:e,loadedInCurrentSession:T.has(e.id),sessionId:null!=c?c:U},e.id))})]}):null,"discover"===u?(0,l.jsxs)(l.Fragment,{children:[_.isLoading?(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:"Searching skills.sh…"}):null,_.isLoading||0!==$.length?null:(0,l.jsx)("div",{className:"rounded-2xl border border-dashed border-border/70 bg-card/60 p-5 text-sm text-muted-foreground",children:N?'No skills found for "'.concat(N,'". Try a different search term.'):"No discoverable skills found. The skills.sh cache may need to be populated — run `hermes skills browse` in your terminal."}),(0,l.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-3",children:$.map(e=>(0,l.jsx)(L,{skill:e,onInstall:()=>J(e),installing:D===e.id},e.id))})]}):null]})}},9068:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});let l=(0,r(1847).A)("Globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]])}},e=>{e.O(0,[2231,5449,4879,9657,1309,8441,1255,7358],()=>e(e.s=5269)),_N_E=e.O()}]);

package/.next/static/chunks/main-app-a9e2c007d433eaf9.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7358],{3033:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,7150,23)),Promise.resolve().then(n.t.bind(n,1959,23)),Promise.resolve().then(n.t.bind(n,7989,23)),Promise.resolve().then(n.t.bind(n,3886,23)),Promise.resolve().then(n.t.bind(n,9766,23)),Promise.resolve().then(n.t.bind(n,5278,23)),Promise.resolve().then(n.t.bind(n,8924,23)),Promise.resolve().then(n.t.bind(n,4431,23)),Promise.resolve().then(n.bind(n,622))},9393:()=>{}},e=>{var s=s=>e(e.s=s);e.O(0,[8441,1255],()=>(s(1666),s(3033))),_N_E=e.O()}]);

package/bin/pan-ui.mjs

@@ -4,17 +4,23 @@
  * pan-ui — CLI launcher with interactive setup wizard.
  *
  * Usage:
- *   npx pan-ui              # start (runs setup on first launch)
- *   npx pan-ui setup        # re-run setup wizard
- *   npx pan-ui --port 8080  # custom port
+ *   npx pan-ui                  # start foreground (runs setup on first launch)
+ *   npx pan-ui --daemon         # start in background (daemonize)
+ *   npx pan-ui stop             # stop background daemon
+ *   npx pan-ui status           # check if daemon is running
+ *   npx pan-ui logs             # tail daemon log output
+ *   npx pan-ui setup            # re-run setup wizard
+ *   npx pan-ui service install  # install systemd user service
+ *   npx pan-ui service remove   # remove systemd user service
+ *   npx pan-ui --port 8080      # custom port
  */
 
 import { createInterface } from 'node:readline';
-import { existsSync, readFileSync, writeFileSync, mkdirSync, statSync, readdirSync } from 'node:fs';
+import { existsSync, readFileSync, writeFileSync, mkdirSync, statSync, readdirSync, unlinkSync, openSync } from 'node:fs';
 import { resolve, join, dirname } from 'node:path';
 import { execSync, spawn, execFileSync } from 'node:child_process';
 import { fileURLToPath } from 'node:url';
-import { homedir } from 'node:os';
+import { homedir, platform } from 'node:os';
 import crypto from 'node:crypto';
 
 // ─── Paths ──────────────────────────────────────────────────────────────────
@@ -23,6 +29,9 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const PKG_ROOT = resolve(__dirname, '..');
 const ENV_PATH = join(PKG_ROOT, '.env.local');
+const RUN_DIR = join(homedir(), '.pan-ui');
+const PID_FILE = join(RUN_DIR, 'pan-ui.pid');
+const LOG_FILE = join(RUN_DIR, 'pan-ui.log');
 
 // ─── Helpers ────────────────────────────────────────────────────────────────
 
@@ -306,6 +315,47 @@ function findStandaloneServer() {
   return null;
 }
 
+/**
+ * Patch required-server-files.json so the standalone build can find its
+ * assets regardless of where npm installed the package.  The build bakes
+ * in the absolute path of the *build* machine — we rewrite it to the
+ * current installation path at startup.
+ */
+function patchStandalonePaths() {
+  const rsfPath = join(PKG_ROOT, '.next', 'standalone', '.next', 'required-server-files.json');
+  if (!existsSync(rsfPath)) return;
+
+  try {
+    const raw = readFileSync(rsfPath, 'utf-8');
+    const data = JSON.parse(raw);
+    let changed = false;
+
+    const standaloneDir = join(PKG_ROOT, '.next', 'standalone');
+
+    if (data.appDir && data.appDir !== standaloneDir) {
+      data.appDir = standaloneDir;
+      data.relativeAppDir = '';
+      changed = true;
+    }
+
+    if (data.config?.outputFileTracingRoot && data.config.outputFileTracingRoot !== standaloneDir) {
+      data.config.outputFileTracingRoot = standaloneDir;
+      changed = true;
+    }
+
+    if (data.config?.turbopack?.root && data.config.turbopack.root !== standaloneDir) {
+      data.config.turbopack.root = standaloneDir;
+      changed = true;
+    }
+
+    if (changed) {
+      writeFileSync(rsfPath, JSON.stringify(data), 'utf-8');
+    }
+  } catch {
+    // Non-fatal — server may still work without the patch
+  }
+}
+
 function startServer(env, portOverride) {
   const port = portOverride || env.PORT || '3199';
 
@@ -322,6 +372,7 @@ function startServer(env, portOverride) {
 
   if (standaloneServer) {
     // Standalone mode — shipped as npm package
+    patchStandalonePaths();
     startBanner(port);
     const child = spawn('node', [standaloneServer], {
       cwd: join(PKG_ROOT, '.next', 'standalone'),
@@ -354,6 +405,324 @@ function startServer(env, portOverride) {
   }
 }
 
+// ─── Daemon management ───────────────────────────────────────────────────────
+
+function ensureRunDir() {
+  if (!existsSync(RUN_DIR)) mkdirSync(RUN_DIR, { recursive: true });
+}
+
+function readPid() {
+  if (!existsSync(PID_FILE)) return null;
+  const pid = parseInt(readFileSync(PID_FILE, 'utf-8').trim(), 10);
+  if (isNaN(pid)) return null;
+  return pid;
+}
+
+function isProcessRunning(pid) {
+  try {
+    process.kill(pid, 0); // signal 0 = check existence
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function getDaemonStatus() {
+  const pid = readPid();
+  if (!pid) return { running: false, pid: null };
+  if (isProcessRunning(pid)) return { running: true, pid };
+  // Stale PID file
+  try { unlinkSync(PID_FILE); } catch {}
+  return { running: false, pid: null };
+}
+
+function startDaemon(env, portOverride) {
+  const { running, pid: existingPid } = getDaemonStatus();
+  if (running) {
+    console.log(`  ${yellow('!')} Pan UI is already running (PID ${existingPid})`);
+    console.log(`  ${dim('Stop with:')} ${cyan('npx pan-ui stop')}`);
+    process.exit(0);
+  }
+
+  ensureRunDir();
+
+  const port = portOverride || env.PORT || '3199';
+  const serverEnv = {
+    ...process.env,
+    ...env,
+    PORT: port,
+    NODE_ENV: 'production',
+    HOSTNAME: '0.0.0.0',
+  };
+
+  const standaloneServer = findStandaloneServer();
+  let cmd, cmdArgs, cwd;
+
+  if (standaloneServer) {
+    patchStandalonePaths();
+    cmd = process.execPath; // node
+    cmdArgs = [standaloneServer];
+    cwd = join(PKG_ROOT, '.next', 'standalone');
+  } else {
+    const hasProductionBuild = existsSync(join(PKG_ROOT, '.next', 'BUILD_ID'));
+    const nextCmd = hasProductionBuild ? 'start' : 'dev';
+    cmd = 'npx';
+    cmdArgs = ['next', nextCmd, '-p', port];
+    cwd = PKG_ROOT;
+  }
+
+  // Open log file for stdout/stderr
+  const logFd = openSync(LOG_FILE, 'a');
+
+  const child = spawn(cmd, cmdArgs, {
+    cwd,
+    env: serverEnv,
+    detached: true,
+    stdio: ['ignore', logFd, logFd],
+  });
+
+  child.unref();
+
+  writeFileSync(PID_FILE, String(child.pid), 'utf-8');
+
+  console.log('');
+  console.log(bold('  ╔══════════════════════════════════════════╗'));
+  console.log(bold('  ║') + green('        ⚡ Pan UI started (daemon)         ') + bold('║'));
+  console.log(bold('  ╚══════════════════════════════════════════╝'));
+  console.log('');
+  console.log(`  ${dim('PID:')}     ${cyan(String(child.pid))}`);
+  console.log(`  ${dim('Local:')}   ${cyan(`http://localhost:${port}`)}`);
+  console.log(`  ${dim('Log:')}     ${cyan(LOG_FILE)}`);
+  console.log('');
+  console.log(`  ${dim('Stop with:')}    ${cyan('npx pan-ui stop')}`);
+  console.log(`  ${dim('View logs:')}    ${cyan('npx pan-ui logs')}`);
+  console.log(`  ${dim('Check status:')} ${cyan('npx pan-ui status')}`);
+  console.log('');
+}
+
+function stopDaemon() {
+  const { running, pid } = getDaemonStatus();
+  if (!running) {
+    console.log(`  ${dim('Pan UI is not running.')}`);
+    process.exit(0);
+  }
+
+  try {
+    process.kill(pid, 'SIGTERM');
+    console.log(`  ${green('✓')} Pan UI stopped (PID ${pid})`);
+  } catch (err) {
+    console.log(`  ${red('✗')} Failed to stop PID ${pid}: ${err.message}`);
+  }
+
+  try { unlinkSync(PID_FILE); } catch {}
+}
+
+function showStatus() {
+  const { running, pid } = getDaemonStatus();
+  const env = loadEnv(ENV_PATH);
+  const port = env.PORT || '3199';
+
+  if (running) {
+    console.log('');
+    console.log(`  ${green('●')} Pan UI is ${green('running')}`);
+    console.log(`  ${dim('PID:')}     ${cyan(String(pid))}`);
+    console.log(`  ${dim('Local:')}   ${cyan(`http://localhost:${port}`)}`);
+    console.log(`  ${dim('Log:')}     ${cyan(LOG_FILE)}`);
+    console.log('');
+  } else {
+    console.log('');
+    console.log(`  ${red('●')} Pan UI is ${red('stopped')}`);
+    console.log(`  ${dim('Start with:')} ${cyan('npx pan-ui --daemon')}`);
+    console.log('');
+  }
+}
+
+function showLogs() {
+  if (!existsSync(LOG_FILE)) {
+    console.log(`  ${dim('No log file found. Start the daemon first.')}`);
+    process.exit(0);
+  }
+
+  // Tail the last 50 lines, then follow
+  const child = spawn('tail', ['-n', '50', '-f', LOG_FILE], {
+    stdio: 'inherit',
+  });
+  process.on('SIGINT', () => { child.kill('SIGINT'); process.exit(0); });
+  child.on('exit', (code) => process.exit(code ?? 0));
+}
+
+// ─── Systemd service management ─────────────────────────────────────────────
+
+function getServiceDir() {
+  return join(homedir(), '.config', 'systemd', 'user');
+}
+
+const SERVICE_NAME = 'pan-ui';
+
+function getServicePath() {
+  return join(getServiceDir(), `${SERVICE_NAME}.service`);
+}
+
+function generateServiceUnit(env) {
+  const port = env.PORT || '3199';
+  const nodePath = process.execPath;
+  const binPath = resolve(__dirname, 'pan-ui.mjs');
+
+  // Build environment lines (skip PORT — we add it explicitly below)
+  const envLines = [];
+  for (const [key, value] of Object.entries(env)) {
+    if (key && value && key !== 'PORT') envLines.push(`Environment=${key}=${value}`);
+  }
+  envLines.push(`Environment=NODE_ENV=production`);
+  envLines.push(`Environment=PORT=${port}`);
+  envLines.push(`Environment=HOSTNAME=0.0.0.0`);
+
+  return `[Unit]
+Description=Pan UI — WebUI for Hermes Agent
+After=network.target
+
+[Service]
+Type=simple
+ExecStart=${nodePath} ${binPath}
+WorkingDirectory=${PKG_ROOT}
+Restart=on-failure
+RestartSec=5
+${envLines.join('\n')}
+
+# Logging
+StandardOutput=journal
+StandardError=journal
+SyslogIdentifier=pan-ui
+
+[Install]
+WantedBy=default.target
+`;
+}
+
+async function serviceInstall() {
+  if (platform() !== 'linux') {
+    console.log(`  ${red('✗')} Systemd services are only supported on Linux.`);
+    console.log(`  ${dim('Use')} ${cyan('npx pan-ui --daemon')} ${dim('instead.')}`);
+    process.exit(1);
+  }
+
+  // Ensure setup has been run
+  const env = loadEnv(ENV_PATH);
+  if (Object.keys(env).length === 0) {
+    console.log(`  ${yellow('!')} No configuration found. Running setup first...`);
+    console.log('');
+    const newEnv = await setup(true);
+    rl.close();
+    return doServiceInstall(newEnv);
+  }
+  rl.close();
+  return doServiceInstall(env);
+}
+
+function doServiceInstall(env) {
+  const serviceDir = getServiceDir();
+  const servicePath = getServicePath();
+
+  mkdirSync(serviceDir, { recursive: true });
+
+  const unit = generateServiceUnit(env);
+  writeFileSync(servicePath, unit, 'utf-8');
+
+  console.log('');
+  console.log(`  ${green('✓')} Service file written to ${cyan(servicePath)}`);
+
+  // Reload and enable
+  try {
+    execSync('systemctl --user daemon-reload', { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Systemd daemon reloaded`);
+  } catch {
+    console.log(`  ${yellow('!')} Could not reload systemd daemon (are you in a user session?)`);
+  }
+
+  try {
+    execSync(`systemctl --user enable ${SERVICE_NAME}`, { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Service enabled (starts on login)`);
+  } catch {
+    console.log(`  ${yellow('!')} Could not enable service`);
+  }
+
+  try {
+    execSync(`systemctl --user start ${SERVICE_NAME}`, { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Service started`);
+  } catch {
+    console.log(`  ${yellow('!')} Could not start service — try: systemctl --user start ${SERVICE_NAME}`);
+  }
+
+  // Enable lingering so service runs even when not logged in
+  try {
+    execSync(`loginctl enable-linger ${process.env.USER || ''}`, { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Lingering enabled (survives logout)`);
+  } catch {
+    console.log(`  ${dim('Tip: run')} ${cyan(`loginctl enable-linger`)} ${dim('so the service survives logout')}`);
+  }
+
+  const port = env.PORT || '3199';
+  console.log('');
+  console.log(`  ${dim('Local:')}   ${cyan(`http://localhost:${port}`)}`);
+  console.log('');
+  console.log(`  ${dim('Manage with:')}`);
+  console.log(`    ${cyan(`systemctl --user status ${SERVICE_NAME}`)}`);
+  console.log(`    ${cyan(`systemctl --user restart ${SERVICE_NAME}`)}`);
+  console.log(`    ${cyan(`journalctl --user -u ${SERVICE_NAME} -f`)}`);
+  console.log(`    ${cyan(`npx pan-ui service remove`)}`);
+  console.log('');
+}
+
+function serviceRemove() {
+  if (platform() !== 'linux') {
+    console.log(`  ${red('✗')} Systemd services are only supported on Linux.`);
+    process.exit(1);
+  }
+
+  const servicePath = getServicePath();
+
+  // Stop and disable
+  try {
+    execSync(`systemctl --user stop ${SERVICE_NAME}`, { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Service stopped`);
+  } catch {}
+
+  try {
+    execSync(`systemctl --user disable ${SERVICE_NAME}`, { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Service disabled`);
+  } catch {}
+
+  if (existsSync(servicePath)) {
+    unlinkSync(servicePath);
+    console.log(`  ${green('✓')} Removed ${servicePath}`);
+  }
+
+  try {
+    execSync('systemctl --user daemon-reload', { stdio: 'ignore' });
+    console.log(`  ${green('✓')} Systemd daemon reloaded`);
+  } catch {}
+
+  console.log('');
+  console.log(`  ${dim('Pan UI service has been fully removed.')}`);
+  console.log('');
+}
+
+function serviceStatus() {
+  if (platform() !== 'linux') {
+    console.log(`  ${red('✗')} Systemd services are only supported on Linux.`);
+    process.exit(1);
+  }
+
+  try {
+    const output = execSync(`systemctl --user status ${SERVICE_NAME} 2>&1`, { encoding: 'utf-8' });
+    console.log(output);
+  } catch (err) {
+    // systemctl returns non-zero for inactive services
+    if (err.stdout) console.log(err.stdout);
+    else console.log(`  ${dim('Service not installed. Run:')} ${cyan('npx pan-ui service install')}`);
+  }
+}
+
 // ─── CLI entry point ────────────────────────────────────────────────────────
 
 async function main() {
@@ -371,8 +740,65 @@ async function main() {
     portOverride = args[shortPortIdx + 1];
   }
 
+  // Parse --daemon / -d flag
+  const isDaemon = args.includes('--daemon') || args.includes('-d');
+
+  // ── Stop ──────────────────────────────────────────────────────────────
+
+  if (command === 'stop') {
+    rl.close();
+    stopDaemon();
+    process.exit(0);
+  }
+
+  // ── Status ────────────────────────────────────────────────────────────
+
+  if (command === 'status') {
+    rl.close();
+    showStatus();
+    process.exit(0);
+  }
+
+  // ── Logs ──────────────────────────────────────────────────────────────
+
+  if (command === 'logs') {
+    rl.close();
+    showLogs();
+    return; // showLogs takes over the process
+  }
+
+  // ── Service management ────────────────────────────────────────────────
+
+  if (command === 'service') {
+    const subcommand = args[1];
+    if (subcommand === 'install') {
+      await serviceInstall();
+      process.exit(0);
+    }
+    if (subcommand === 'remove' || subcommand === 'uninstall') {
+      rl.close();
+      serviceRemove();
+      process.exit(0);
+    }
+    if (subcommand === 'status') {
+      rl.close();
+      serviceStatus();
+      process.exit(0);
+    }
+    // Unknown subcommand
+    rl.close();
+    console.log('');
+    console.log(`  ${dim('Usage:')}`);
+    console.log(`    ${cyan('npx pan-ui service install')}    Install systemd user service`);
+    console.log(`    ${cyan('npx pan-ui service remove')}     Remove systemd user service`);
+    console.log(`    ${cyan('npx pan-ui service status')}     Show service status`);
+    console.log('');
+    process.exit(1);
+  }
+
+  // ── Setup ─────────────────────────────────────────────────────────────
+
   if (command === 'setup') {
-    // Explicit setup
     const env = await setup(true);
     rl.close();
     console.log(`  ${dim('Start with:')} ${cyan('npx pan-ui')}`);
@@ -380,15 +806,23 @@ async function main() {
     process.exit(0);
   }
 
+  // ── Help ──────────────────────────────────────────────────────────────
+
   if (command === '--help' || command === '-h') {
     console.log('');
     console.log(bold('  pan-ui') + dim(' — Beautiful WebUI for Hermes Agent'));
     console.log('');
     console.log('  Usage:');
-    console.log(`    ${cyan('npx pan-ui')}              Start the workspace`);
-    console.log(`    ${cyan('npx pan-ui setup')}        Run setup wizard`);
-    console.log(`    ${cyan('npx pan-ui --port 8080')}  Custom port`);
-    console.log(`    ${cyan('npx pan-ui --help')}       Show this help`);
+    console.log(`    ${cyan('npx pan-ui')}                  Start the workspace (foreground)`);
+    console.log(`    ${cyan('npx pan-ui --daemon')}         Start in background`);
+    console.log(`    ${cyan('npx pan-ui stop')}             Stop background daemon`);
+    console.log(`    ${cyan('npx pan-ui status')}           Check if running`);
+    console.log(`    ${cyan('npx pan-ui logs')}             Tail daemon logs`);
+    console.log(`    ${cyan('npx pan-ui setup')}            Run setup wizard`);
+    console.log(`    ${cyan('npx pan-ui service install')}  Install as systemd user service`);
+    console.log(`    ${cyan('npx pan-ui service remove')}   Remove systemd service`);
+    console.log(`    ${cyan('npx pan-ui --port 8080')}      Custom port`);
+    console.log(`    ${cyan('npx pan-ui --help')}           Show this help`);
     console.log('');
     console.log('  Environment variables:');
     console.log(`    ${dim('HERMES_HOME')}                 Path to Hermes home (default: ~/.hermes)`);
@@ -403,9 +837,16 @@ async function main() {
     process.exit(0);
   }
 
-  // Default: run setup if first time, then start
+  // ── Default: setup if first time, then start ──────────────────────────
+
   const env = await setup(false);
   rl.close();
+
+  if (isDaemon) {
+    await startDaemon(env, portOverride);
+    process.exit(0);
+  }
+
   startServer(env, portOverride);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@euraika-labs/pan-ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Beautiful WebUI for Hermes Agent — chat, skills, plugins, memory, profiles, and runtime diagnostics in one workspace.",
   "keywords": [
     "hermes",
@@ -16,11 +16,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Euraika-Labs/pan-ui"
+    "url": "git+https://github.com/Euraika-Labs/pan-ui.git"
   },
   "homepage": "https://github.com/Euraika-Labs/pan-ui",
   "bin": {
-    "pan-ui": "./bin/pan-ui.mjs"
+    "pan-ui": "bin/pan-ui.mjs"
   },
   "files": [
     "bin/",