commandmate 0.35.0 → 0.36.0

package/.next/static/chunks/app/sessions/page-366edfaa0b1faad2.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8898],{6473:(e,t,s)=>{"use strict";s.d(t,{Lc:()=>a,qz:()=>n});let n="animate-in fade-in-0 slide-in-from-bottom-2 fill-mode-backwards duration-300";function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:40,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;if(Number.isFinite(e)&&!(e<=0)&&!(e>=s))return"".concat(e*t,"ms")}},9219:(e,t,s)=>{"use strict";s.d(t,{k:()=>l});var n=s(95155),a=s(12115),r=s(28019),i=s(87531);function l(e){let{onRefresh:t,enabled:s=!0,className:l,children:o}=e,{containerRef:c,pullDistance:d,isRefreshing:u,isPulling:m}=function(e){let{onRefresh:t,enabled:s=!0,threshold:n=64,maxPull:r=96,resistance:i=.5}=e,l=(0,a.useRef)(null),[o,c]=(0,a.useState)(0),[d,u]=(0,a.useState)(!1),[m,x]=(0,a.useState)(!1),h=(0,a.useRef)(null),f=(0,a.useRef)(0),g=(0,a.useRef)(!1);g.current=d;let p=(0,a.useCallback)(()=>{h.current=null,f.current=0,c(0),x(!1)},[]),b=(0,a.useCallback)(e=>{if(!s||g.current)return;let t=l.current;t&&!(t.scrollTop>0)&&(h.current=e.touches[0].clientY,f.current=0)},[s]),v=(0,a.useCallback)(e=>{if(null===h.current)return;let t=l.current;if(!t)return;if(t.scrollTop>0)return void p();let s=e.touches[0].clientY-h.current;if(s<=0){0!==f.current&&(f.current=0,c(0),x(!1));return}e.cancelable&&e.preventDefault();let n=Math.min(s*i,r);f.current=n,c(n),x(!0)},[i,r,p]),y=(0,a.useCallback)(async()=>{u(!0),x(!1),c(n);try{await Promise.resolve(t())}finally{u(!1),c(0)}},[t,n]),w=(0,a.useCallback)(()=>{if(null===h.current)return;let e=f.current>=n&&!g.current;h.current=null,f.current=0,e?y():(c(0),x(!1))},[n,y]);return(0,a.useEffect)(()=>{let e=l.current;if(e)return e.addEventListener("touchstart",b,{passive:!0}),e.addEventListener("touchmove",v,{passive:!1}),e.addEventListener("touchend",w,{passive:!0}),e.addEventListener("touchcancel",w,{passive:!0}),()=>{e.removeEventListener("touchstart",b),e.removeEventListener("touchmove",v),e.removeEventListener("touchend",w),e.removeEventListener("touchcancel",w)}},[b,v,w]),{containerRef:l,pullDistance:o,isRefreshing:d,isPulling:m}}({onRefresh:t,enabled:s,threshold:64}),x=u||d>0,h=u?1:Math.min(d/64,1);return(0,n.jsxs)("div",{ref:c,className:(0,i.cn)("relative overflow-auto",l),style:{overscrollBehaviorY:"contain"},"data-testid":"pull-to-refresh",children:[(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-10 flex justify-center",style:{transform:"translateY(".concat(x?Math.max(d-24,8):-32,"px)"),opacity:h,transition:m?"none":"transform 0.2s ease-out, opacity 0.2s ease-out"},"data-testid":"pull-to-refresh-indicator",role:"status","aria-hidden":!u,children:(0,n.jsx)(r.y$,{size:"sm",variant:"accent"})}),(0,n.jsx)("div",{style:{transform:x?"translateY(".concat(d,"px)"):void 0,transition:m?"none":"transform 0.2s ease-out"},children:o})]})}},62147:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>eo});var n=s(95155),a=s(12115),r=s(52619),i=s.n(r),l=s(18955),o=s(20562),c=s(8803),d=s(54388),u=s(9219),m=s(37586),x=s(22479),h=s(54485),f=s(84228),g=s(83051),p=s(14006),b=s(73333),v=s(2954),y=s(28019),w=s(62560),j=s(308),k=s(80635),N=s(52407);function A(){let{signals:e}=(0,N.Fx)();return(0,a.useMemo)(()=>({offline:(0,N.sV)(e),reachable:(0,N._X)(e)}),[e])}var C=s(66966);let M=Object.freeze({enabled:!1,expiresAt:null});var S=s(81507),L=s(2317),I=s(75676),E=s(80344),P=s(38606),T=s(54014),R=s(55449),_=s(67149),z=s(68394);let D=[{mode:"chat",labelKey:"surfaceMode.showChat",icon:m.A},{mode:"terminal",labelKey:"surfaceMode.showTerminal",icon:x.A}];function F(e){return"flex h-7 w-7 shrink-0 items-center justify-center rounded transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring ".concat(e?"bg-accent-500/15 text-accent-600 dark:text-accent-400":"text-muted-foreground hover:bg-muted hover:text-foreground")}let U=()=>{},K=(0,a.memo)(function(e){return e.connectivity?(0,n.jsx)(B,{...e,connectivity:e.connectivity}):(0,n.jsx)(O,{...e})});function O(e){let t=A();return(0,n.jsx)(B,{...e,connectivity:t})}function B(e){var t,s,r,o,c,d,u;let{worktree:m,enabled:x,connectivity:N,className:A=""}=e,K=(0,l.c)("common"),O=(0,l.c)("worktree"),B=(0,a.useMemo)(()=>{var e;return m.agentInstances&&m.agentInstances.length>0?m.agentInstances:(0,T.lu)(null!=(e=m.selectedAgents)?e:(0,R.sA)())},[m]),[V,Y]=(0,a.useState)(null),q=null!=(s=B.find(e=>e.id===V))?s:B[0],H=null==q?void 0:q.id,W=null!=(r=null==q?void 0:q.cliTool)?r:"claude",G=null!=H?H:W,{surfaceMode:J,setSurfaceMode:Q}=function(e){let{value:t,setValue:s}=(0,L.V)({key:"".concat("commandmate.sessions.tileSurfaceMode-").concat(e),defaultValue:"chat",validate:I.jg,serialize:e=>e,deserialize:e=>e});return{surfaceMode:t,setSurfaceMode:(0,a.useCallback)(e=>s(e),[s])}}(m.id),{visible:X,toggle:$}=(0,S.TG)(S.jt),Z="terminal"===J,ee=Z&&X,{terminal:et,prompt:es,refresh:en,setAutoScroll:ea}=(0,w.NK)({worktreeId:m.id,cliToolId:W,instanceId:H,enabled:x,cadence:_.sD}),{messages:er,isLoading:ei,refresh:el}=(0,j.Md)({worktreeId:m.id,cliToolId:W,instanceId:H,enabled:x&&(!Z||X),cadence:_.WT}),eo=(0,a.useCallback)((e,t)=>E.y.sendMessage(m.id,e,t),[m.id]),{messages:ec,sendOptimistic:ed,retry:eu,discard:em}=(0,k.v4)({worktreeId:m.id,serverMessages:er,sendFn:eo,onSent:el,connectivity:N}),ex=(0,a.useMemo)(()=>(function(e,t){let s=e=>{var s;return void 0!==e.optimisticState&&(null!=(s=e.instanceId)?s:e.cliToolId)!==t};return e.some(s)?e.filter(e=>!s(e)):e})(ec,G),[ec,G]),[eh,ef]=(0,a.useState)(null),eg=(0,a.useCallback)(()=>ef(null),[]),ep=(0,a.useCallback)(e=>{let t=em(e);t&&ef(t)},[em]),eb=(0,a.useCallback)(()=>{en()},[en]),ev=function(e){var t;let{worktree:s,cliToolId:n,instanceId:r}=e,i=null==(t=(0,C.rC)())?void 0:t.refresh,l=s.id,o=(0,a.useMemo)(()=>(function(e,t){var s;let n=null==(s=e.autoYesByInstance)?void 0:s[t];return n&&!0===n.enabled?{enabled:!0,expiresAt:"number"==typeof n.expiresAt?n.expiresAt:null}:M})(s,r),[s,r]),[c,d]=(0,a.useState)(null),u=(0,a.useRef)(s);u.current=s;let m=null===c||c.instanceId!==r||function(e,t,s){let n=t.enabled===e.value.enabled&&(!t.enabled||t.expiresAt===e.value.expiresAt),a=null!==e.settledRow&&s!==e.settledRow;return n||a}(c,o,s)?null:c;(0,a.useEffect)(()=>{null!==c&&null===m&&d(null)},[c,m]);let x=(0,a.useCallback)(async e=>{let t;try{let s=await fetch("/api/worktrees/".concat(encodeURIComponent(l),"/auto-yes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({enabled:e.enabled,cliToolId:n,instanceId:r,duration:e.duration,stopPattern:e.stopPattern})});if(!s.ok)return;let a=await s.json(),i=!0===a.enabled;t={enabled:i,expiresAt:i&&"number"==typeof a.expiresAt?a.expiresAt:null}}catch(e){return}let s={instanceId:r,value:t,settledRow:null};d(s);try{await (null==i?void 0:i())}catch(e){}d(e=>e===s?{...s,settledRow:u.current}:e)},[l,n,r,i]),h=m?m.value:o;return{enabled:h.enabled,expiresAt:h.expiresAt,toggle:x}}({worktree:m,cliToolId:W,instanceId:G}),ey=(0,a.useMemo)(()=>({isRunning:et.isRunning,attaching:et.attaching,sessionStatus:et.sessionStatus,isThinking:et.isThinking,isPromptWaiting:es.visible,promptData:es.data,isSelectionListActive:et.isSelectionListActive,isPagerActive:et.isPagerActive,isDismissablePanelActive:et.isDismissablePanelActive,isUnclassifiedActive:et.isUnclassifiedActive}),[et.isRunning,et.attaching,et.sessionStatus,et.isThinking,et.isSelectionListActive,et.isPagerActive,et.isDismissablePanelActive,et.isUnclassifiedActive,es.visible,es.data]),ew=(0,a.useCallback)(e=>Q(e),[Q]),ej=(0,a.useMemo)(()=>({isLoading:ei,onRetryPending:eu,onDiscardPending:ep,onInsertToMessage:ef}),[ei,eu,ep]),{compactTuiLayoutPadding:ek,preservePaintedPanelRows:eN}=(0,a.useMemo)(()=>(0,z.EK)(W),[W]),eA="opencode"===W||"copilot"===W,eC=(u=m.id,"session-tile-history-".concat(u)),eM=(0,a.useCallback)(e=>{Y(e.target.value)},[]),eS=null!=(o=m.branch)?o:m.name,eL=null!=(c=m.repositoryDisplayName)?c:m.repositoryName,eI=(0,P.kA)(H?null==(t=m.sessionStatusByInstance)?void 0:t[H]:void 0);return(0,n.jsxs)("section",{className:"flex h-full min-w-0 flex-col overflow-hidden rounded-lg border border-border bg-surface shadow-sm ".concat(A),"data-testid":"session-tile-".concat(m.id),"data-enabled":x?"true":"false","aria-label":K("sessions.tileAriaLabel",{branch:eS}),children:[(0,n.jsxs)("header",{className:"flex shrink-0 items-center gap-2 border-b border-border px-3 py-2",children:[(0,n.jsx)(y.md,{status:eI,size:"sm",label:K("status.".concat(eI))}),(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("div",{className:"truncate text-xs text-muted-foreground",children:eL}),(0,n.jsx)(i(),{href:"/worktrees/".concat(m.id),className:"block truncate text-sm font-medium text-foreground underline-offset-2 hover:text-accent-600 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring dark:hover:text-accent-400","data-testid":"session-tile-branch-".concat(m.id),title:eS,children:eS})]}),B.length>1&&(0,n.jsx)("select",{value:null!=(d=null==q?void 0:q.id)?d:"",onChange:eM,className:"max-w-[9rem] shrink-0 rounded-md border border-border bg-surface px-2 py-1 text-xs text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring","data-testid":"session-tile-instance-".concat(m.id),"aria-label":K("sessions.tileInstanceAriaLabel"),children:B.map(e=>(0,n.jsx)("option",{value:e.id,children:(0,T.sw)(e)},e.id))}),Z&&(0,n.jsx)("button",{type:"button",onClick:$,"aria-pressed":X,"aria-expanded":X,"aria-controls":eC,"aria-label":X?O("terminal.hideHistory"):O("terminal.showHistory"),title:X?O("terminal.hideHistory"):O("terminal.showHistory"),className:F(X),"data-testid":"session-tile-history-toggle-".concat(m.id),children:(0,n.jsx)(h.A,{size:14,"aria-hidden":"true"})}),(0,n.jsx)("div",{role:"group","aria-label":O("surfaceMode.groupLabelMobile"),className:"flex shrink-0 items-center gap-0.5 rounded-md border border-border p-0.5","data-testid":"session-tile-surface-mode-".concat(m.id),children:D.map(e=>{let{mode:t,labelKey:s,icon:a}=e,r=J===t,i=O(s);return(0,n.jsx)("button",{type:"button",onClick:()=>Q(t),"aria-pressed":r,"aria-label":i,title:i,className:F(r),"data-testid":"session-tile-surface-".concat(t,"-").concat(m.id),children:(0,n.jsx)(a,{size:14,"aria-hidden":"true"})},t)})})]}),(0,n.jsx)("div",{className:"min-w-0 flex-1 overflow-hidden ".concat("min-h-[15rem]"),"data-testid":"session-tile-body-".concat(m.id),children:x&&Z?(0,n.jsxs)("div",{className:"flex h-full min-h-0 min-w-0 flex-col","data-testid":"session-tile-terminal-stack-".concat(m.id),children:[(0,n.jsx)("div",{className:"relative min-w-0 overflow-hidden ".concat(ee?"flex-[3_3_0%] min-h-[8.5rem]":"min-h-0 flex-1"),"data-testid":"session-tile-terminal-".concat(m.id),children:(0,n.jsx)(p.D,{output:et.output,isActive:et.isRunning,attaching:et.attaching,isThinking:et.isThinking,autoScroll:et.autoScroll,onScrollChange:ea,disableAutoFollow:eA,compactTuiLayoutPadding:ek,preservePaintedPanelRows:eN,wrapMode:z.Wq.wrapMode,density:z.Wq.density})}),ee&&(0,n.jsx)("div",{id:eC,className:"min-w-0 overflow-hidden border-t border-border ".concat("flex-[2_2_0%] min-h-[6.5rem]"),"data-testid":"session-tile-history-".concat(m.id),children:(0,n.jsx)(g.bl,{messages:ex,worktreeId:m.id,worktreePath:m.path,cliToolId:W,isLoading:ei,onFilePathClick:U,onInsertToMessage:ef,onRetryPending:eu,onDiscardPending:ep,className:"h-full"})})]}):x?(0,n.jsx)(f.wY,{messages:ex,worktreeId:m.id,worktreePath:m.path,cliToolId:W,instanceId:H,live:ey,frame:et.output,onKeysSent:en,onSurfaceModeChange:ew,compact:!0,history:ej}):(0,n.jsx)("div",{className:"h-full","data-testid":"session-tile-placeholder-".concat(m.id),"aria-hidden":"true"})}),x&&(0,n.jsx)("div",{className:"shrink-0 border-t border-border p-2","data-testid":"session-tile-composer-".concat(m.id),children:(0,n.jsx)(b.E,{worktreeId:m.id,cliToolId:W,instanceId:G,isSessionRunning:et.isRunning,onOptimisticSend:ed,onMessageSent:eb,pendingInsertText:eh,onInsertConsumed:eg,autoYesSlot:(0,n.jsx)(v.T,{enabled:ev.enabled,expiresAt:ev.expiresAt,onToggle:ev.toggle,lastAutoResponse:null,cliToolName:W,inline:!0})})})]})}let V=(0,a.memo)(function(e){let{worktree:t,connectivity:s}=e,{ref:r,inViewport:i}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{rootMargin:t,threshold:s}=e,[n,r]=(0,a.useState)(!1),[i,l]=(0,a.useState)(null),o=(0,a.useCallback)(e=>{l(e)},[]);return(0,a.useEffect)(()=>{if("undefined"==typeof IntersectionObserver)return void r(!0);if(!i)return;let e=new IntersectionObserver(e=>{let t=e[e.length-1];t&&r(t.isIntersecting)},{rootMargin:t,threshold:s});return e.observe(i),()=>e.disconnect()},[i,t,s]),{ref:o,inViewport:n}}({rootMargin:"560px"});return(0,n.jsx)("div",{ref:r,className:"min-w-0 ".concat("h-[35rem]"),children:(0,n.jsx)(K,{worktree:t,enabled:i,connectivity:s})})}),Y=(0,a.memo)(function(e){let{worktrees:t}=e,s=A();return(0,n.jsx)("div",{className:"grid grid-cols-1 gap-4 xl:grid-cols-2","data-testid":"sessions-tile-grid",children:t.map(e=>(0,n.jsx)(V,{worktree:e,connectivity:s},e.id))})});var q=s(80003);let H=(0,s(71847).A)("layout-grid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]]),W=["list","tile"];function G(e){return"string"==typeof e&&W.includes(e)}let J=[{mode:"list",labelKey:"sessions.viewMode.list",icon:q.A},{mode:"tile",labelKey:"sessions.viewMode.tile",icon:H}],Q=(0,a.memo)(function(e){let{value:t,onChange:s}=e,a=(0,l.c)("common");return(0,n.jsx)("div",{className:"flex shrink-0 items-center gap-1 rounded-md border border-input bg-surface p-0.5",role:"group","aria-label":a("sessions.viewMode.groupAriaLabel"),"data-testid":"sessions-view-mode",children:J.map(e=>{let{mode:r,labelKey:i,icon:l}=e,o=t===r;return(0,n.jsx)("button",{type:"button",onClick:()=>s(r),"aria-pressed":o,"aria-label":a(i),title:a(i),"data-testid":"sessions-view-mode-".concat(r),className:"rounded p-1.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ".concat(o?"bg-accent-100 text-accent-700 dark:bg-accent-900/30 dark:text-accent-400":"text-muted-foreground hover:text-foreground"),children:(0,n.jsx)(l,{size:16,"aria-hidden":"true"})},r)})})});var X=s(38218),$=s(50857),Z=s(7636),ee=s(83012),et=s(6473);let es=[{key:"repositoryName",labelKey:"sort.repositoryName"},{key:"status",labelKey:"sort.status"},{key:"lastSent",labelKey:"sort.lastSent"}],en={lastSent:"desc",updatedAt:"desc"},ea={ready:0,in_progress:1,in_review:2,done:3};function er(e){let{status:t,label:s}=e,a=(0,l.c)("common"),r="".concat(s,": ").concat(a("status.".concat(t)));return(0,n.jsx)(y.md,{status:t,size:"md",label:r})}let ei={ready:"worktreeStatus.ready",in_progress:"worktreeStatus.inProgress",in_review:"worktreeStatus.inReview",done:"worktreeStatus.done"},el={done:"bg-success-subtle text-success-foreground",in_review:"bg-info-subtle text-info-foreground",in_progress:"bg-accent-100 dark:bg-accent-900/30 text-accent-700 dark:text-accent-400"};function eo(){let e=(0,l.c)("common"),t=(0,l.c)("worktree"),s=(0,X.a)(),{worktrees:r,isLoading:m,error:x,refresh:h}=(0,C.Fn)(),f=r.length>0,[g,p]=(0,a.useState)(""),[b,v]=(0,a.useState)("lastSent"),[w,j]=(0,a.useState)("desc"),{viewMode:k,setViewMode:N}=function(){let{value:e,setValue:t}=(0,L.V)({key:"mcbd-sessions-view-mode",defaultValue:"list",validate:G,serialize:e=>e,deserialize:e=>e});return{viewMode:e,setViewMode:(0,a.useCallback)(e=>t(e),[t])}}(),A="tile"===k;(0,a.useEffect)(()=>{(0,R.qD)()},[]);let M=(0,a.useMemo)(()=>{let e=r;if(g){let t=g.toLowerCase();e=e.filter(e=>{var s,n;return e.name.toLowerCase().includes(t)||e.repositoryName.toLowerCase().includes(t)||null!=(n=null==(s=e.repositoryDisplayName)?void 0:s.toLowerCase().includes(t))&&n})}let t=[...e];return t.sort((e,t)=>{var s,n,a,r,i,l,o,c;let d=0;switch(b){case"lastSent":{let s=(0,Z.nO)(e.lastUserMessageAt,t.lastUserMessageAt);if(!e.lastUserMessageAt&&!t.lastUserMessageAt)return 0;if(!e.lastUserMessageAt)return 1;if(!t.lastUserMessageAt)return -1;d=s;break}case"repositoryName":{let a=(null!=(s=e.repositoryDisplayName)?s:e.repositoryName).toLowerCase(),r=(null!=(n=t.repositoryDisplayName)?n:t.repositoryName).toLowerCase();0===(d=a.localeCompare(r))&&(d=e.name.toLowerCase().localeCompare(t.name.toLowerCase()));break}case"status":if(0==(d=(null!=(r=ea[null!=(a=e.status)?a:""])?r:4)-(null!=(l=ea[null!=(i=t.status)?i:""])?l:4))){let s=(null!=(o=e.repositoryDisplayName)?o:e.repositoryName).toLowerCase(),n=(null!=(c=t.repositoryDisplayName)?c:t.repositoryName).toLowerCase();d=s.localeCompare(n)}break;default:d=0}return("lastSent"===b?"desc"===w:"asc"===w)?d:-d}),t},[r,g,b,w]),S=(0,a.useCallback)(e=>{p(e.target.value)},[]),I=(0,a.useCallback)(e=>{var t;v(e),j(null!=(t=en[e])?t:"asc")},[]),E=(0,a.useCallback)(()=>{j(e=>"asc"===e?"desc":"asc")},[]);return(0,n.jsx)(d.GV,{children:(0,n.jsxs)(u.k,{onRefresh:h,enabled:s,className:"".concat(A?"w-full px-4 sm:px-6 lg:px-8":"container-custom"," py-8 h-full"),children:[(0,n.jsxs)("div",{className:"mb-6",children:[(0,n.jsx)("h1",{className:"text-2xl font-bold text-foreground mb-2",children:e("sessions.title")}),(0,n.jsx)("p",{className:"text-sm text-muted-foreground",children:e("sessions.description")})]}),(0,n.jsxs)("div",{className:"mb-6 flex items-center gap-3",children:[(0,n.jsx)(y.pd,{type:"text",placeholder:e("sessions.filterPlaceholder"),value:g,onChange:S,className:"max-w-md flex-1","data-testid":"sessions-filter","aria-label":e("sessions.filterAriaLabel"),inputMode:"search",enterKeyHint:"search"}),(0,n.jsxs)(y.l6,{value:b,onValueChange:I,children:[(0,n.jsx)(y.bq,{className:"w-40","data-testid":"sessions-sort-select","aria-label":e("sessions.sortByAriaLabel"),children:(0,n.jsx)(y.yv,{})}),(0,n.jsx)(y.gC,{children:es.map(t=>(0,n.jsx)(y.eb,{value:t.key,children:e(t.labelKey)},t.key))})]}),(0,n.jsx)("button",{type:"button",onClick:E,"data-testid":"sessions-sort-direction","aria-label":"asc"===w?e("sessions.sortAscending"):e("sessions.sortDescending"),className:"rounded-md border border-input bg-surface p-2 text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:"asc"===w?(0,n.jsx)(o.A,{size:16,"aria-hidden":"true"}):(0,n.jsx)(c.A,{size:16,"aria-hidden":"true"})}),(0,n.jsx)(Q,{value:k,onChange:N})]}),f?(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsx)("div",{className:"mb-4 rounded-md border border-danger-border bg-danger-subtle px-3 py-2 text-sm text-danger-foreground",role:"status","data-testid":"sessions-error-banner",children:e("sessions.refreshError",{message:x.message})}),A?0===M.length?(0,n.jsx)("div",{className:"text-muted-foreground py-8 text-center","data-testid":"sessions-empty",children:e("sessions.noMatching")}):(0,n.jsx)(Y,{worktrees:M}):(0,n.jsx)("div",{className:"space-y-2","data-testid":"sessions-list",children:0===M.length?(0,n.jsx)("div",{className:"text-muted-foreground py-8 text-center","data-testid":"sessions-empty",children:e("sessions.noMatching")}):M.map((s,a)=>{var r,l,o,c;let d=null!=(r=s.selectedAgents)?r:(0,R.sA)(),u=s.lastUserMessage?s.lastUserMessage.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x9F]/g,"").replace(/[\u200B-\u200F\u2028-\u202F\uFEFF\u061C]/g,"").replace(/[\r\n\t]/g," ").replace(/\s+/g," ").trim():null,m=s.lastUserMessageAt?(0,ee.Fx)(String(s.lastUserMessageAt)):null,x=d.map(e=>{var t;return{agent:e,status:(0,P.kA)(null==(t=s.sessionStatusByCli)?void 0:t[e])}}),h=x.filter(e=>(0,$.Qo)(e.status)),f=x.length-h.length,g=d.some(e=>{var t;let n=(0,P.kA)(null==(t=s.sessionStatusByCli)?void 0:t[e]);return"running"===n||"generating"===n});return(0,n.jsxs)(i(),{href:"/worktrees/".concat(s.id),style:{animationDelay:(0,et.Lc)(a)},className:"block bg-surface rounded-lg p-4 border transition-colors ".concat(g?"border-accent-500/40 shadow-[0_0_16px_-4px_rgb(var(--accent-500)/0.45)] hover:border-accent-400":"border-border shadow-sm hover:border-accent-300 dark:hover:border-accent-700"," ").concat(et.qz),"data-testid":"session-item-".concat(s.id),children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("div",{className:"text-sm font-medium text-foreground truncate",children:null!=(l=s.repositoryDisplayName)?l:s.repositoryName}),(0,n.jsx)("div",{className:"text-xs text-muted-foreground truncate",children:s.name})]}),(0,n.jsxs)("div",{className:"flex items-center gap-2 ml-4 flex-shrink-0","data-testid":"session-agents-".concat(s.id),children:[h.map(e=>{let{agent:t,status:s}=e;return(0,n.jsxs)("div",{className:"flex items-center gap-1","data-testid":"session-agent-".concat(t),children:[(0,n.jsx)(er,{status:s,label:(0,T.oo)(t)}),(0,n.jsx)("span",{className:"text-xs text-muted-foreground",children:(0,T.oo)(t)})]},t)}),f>0&&(0,n.jsxs)("div",{className:"flex items-center gap-1","data-testid":"session-idle-cluster-".concat(s.id),"aria-label":e("sessions.idleAgents",{count:f}),children:[(0,n.jsx)(y.md,{status:"idle",size:"sm","aria-hidden":!0,title:void 0}),(0,n.jsxs)("span",{className:"text-xs text-muted-foreground tabular-nums",children:["+",f]})]})]})]}),s.description&&(0,n.jsx)("div",{className:"mt-2",children:(0,n.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-2 whitespace-pre-wrap",children:s.description})}),s.status&&(0,n.jsx)("div",{className:"mt-2",children:(0,n.jsx)("span",{className:"px-2 py-0.5 text-xs font-medium rounded ".concat(null!=(c=el[null!=(o=s.status)?o:""])?c:"bg-muted text-muted-foreground"),children:function(e,t){if(!e)return"";let s=ei[e];return s?t(s):e}(s.status,t)})}),u&&(0,n.jsxs)("div",{className:"mt-2 flex items-center gap-2","data-testid":"session-message-".concat(s.id),children:[(0,n.jsx)("span",{className:"text-xs text-muted-foreground truncate min-w-0 flex-1","data-testid":"session-message-text-".concat(s.id),title:u,children:u}),m&&(0,n.jsx)("span",{className:"text-xs text-muted-foreground flex-shrink-0 whitespace-nowrap tabular-nums","data-testid":"session-time-".concat(s.id),children:m})]})]},s.id)})})]}):(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsx)("div",{className:"space-y-2","data-testid":"sessions-loading",role:"status","aria-label":e("sessions.loadingAriaLabel"),children:[0,1,2].map(e=>(0,n.jsxs)("div",{className:"block bg-surface rounded-lg p-4 border border-border shadow-sm",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,n.jsxs)("div",{className:"min-w-0 flex-1 space-y-1.5",children:[(0,n.jsx)(y.EA,{className:"h-4 w-40 max-w-full"}),(0,n.jsx)(y.EA,{className:"h-3 w-56 max-w-full"})]}),(0,n.jsx)(y.EA,{className:"ml-4 h-3 w-16 flex-shrink-0"})]}),(0,n.jsxs)("div",{className:"mt-3 flex items-center gap-2",children:[(0,n.jsx)(y.EA,{className:"h-3 min-w-0 flex-1"}),(0,n.jsx)(y.EA,{className:"h-3 w-10 flex-shrink-0"})]})]},e))}),!m&&x&&(0,n.jsx)("div",{className:"text-danger-foreground","data-testid":"sessions-error",children:e("sessions.loadError",{message:x.message})}),!m&&!x&&(0,n.jsx)("div",{className:"text-muted-foreground py-8 text-center","data-testid":"sessions-empty",children:g?e("sessions.noMatching"):e("sessions.empty")})]})]})})}},80003:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});let n=(0,s(71847).A)("list",[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]])},87047:(e,t,s)=>{Promise.resolve().then(s.bind(s,62147))}},e=>{e.O(0,[6809,4909,2770,790,5694,8566,934,9948,9526,2407,6402,8019,4718,4388,2039,4949,8441,1255,7358],()=>e(e.s=87047)),_N_E=e.O()}]);

package/.next/static/chunks/app/skills/[skillId]/{page-844872df04f52943.js → page-ce8f6fd9e4356580.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9404],{68331:(e,s,t)=>{"use strict";t.d(s,{y:()=>n});var a=t(95155);t(12115);var l=t(18955),i=t(37381),r=t(95584);function n(e){let{catalog:s}=e,t=(0,l.c)("skills");return s.stale||s.offline?(0,a.jsx)(i.u,{tone:"warning","data-testid":"skill-catalog-stale",className:"flex-col sm:flex-row",children:(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsx)("p",{className:"font-medium",children:t("catalog.staleHeading")}),(0,a.jsx)("p",{children:t("catalog.staleNotice")}),s.offline&&(0,a.jsx)("p",{children:t("catalog.offlineNotice")}),(0,a.jsx)("p",{children:t((0,r.pk)(s.staleReason))}),(0,a.jsxs)("p",{className:"break-words",children:[t("catalog.fetchedAt",{timestamp:s.fetchedAt})," \xb7"," ",t("catalog.revalidatedAt",{timestamp:s.revalidatedAt})]}),(0,a.jsx)("p",{className:"break-words",children:t("catalog.sourceLabel",{repository:s.source.repository,ref:s.source.ref})})]})}):(0,a.jsxs)("p",{"data-testid":"skill-catalog-fresh",className:"text-xs text-muted-foreground break-words",children:[t("catalog.freshLabel")," \xb7"," ",t("catalog.revalidatedAt",{timestamp:s.revalidatedAt})," \xb7"," ",t("catalog.sourceLabel",{repository:s.source.repository,ref:s.source.ref})]})}},89675:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>q});var a=t(95155),l=t(20063),i=t(54388),r=t(12115),n=t(52619),d=t.n(n),o=t(18955),c=t(35626),m=t(28019),x=t(99648),u=t(75333),h=t(68331),g=t(50825),p=t(24027),j=t(95584);function f(e){let{changelog:s}=e,t=(0,o.c)("skills"),l=(0,j.RG)(s).trim();return 0===l.length?(0,a.jsx)("p",{className:"text-sm text-muted-foreground","data-testid":"skill-changelog-empty",children:t("detail.changelogEmpty")}):(0,a.jsxs)("div",{"data-testid":"skill-changelog",children:[(0,a.jsx)("div",{className:"prose prose-sm max-w-none dark:prose-invert break-words",children:(0,a.jsx)(p.G8,{content:l})}),(0,a.jsx)("p",{className:"mt-2 text-xs text-muted-foreground",children:t("detail.mediaStripped")})]})}var k=t(34380),b=t(37381),v=t(80130);let N={status:"loading",catalog:null,skill:null,failure:null};function y(e){let{label:s,children:t,mono:l=!1}=e;return(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("dt",{className:"text-xs font-medium text-muted-foreground",children:s}),(0,a.jsx)("dd",{className:"mt-0.5 text-sm text-foreground ".concat(l?"break-all font-mono text-xs":"break-words"),children:t})]})}function w(e){let{title:s,children:t,testId:l}=e;return(0,a.jsxs)(m.Zp,{"data-testid":l,className:"space-y-3",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:s}),t]})}function V(e){var s;let{compatibility:t}=e,l=(0,o.c)("skills");return(0,a.jsx)("p",{className:"text-sm text-foreground","data-testid":"skill-compatibility-reason",children:l((0,j.e5)(t.messageKey),{range:t.requiredRange,currentVersion:null!=(s=t.currentVersion)?s:""})})}function I(e){let{version:s}=e,t=(0,o.c)("skills");return(0,a.jsxs)(m.Zp,{"data-testid":"skill-version-".concat(s.version),className:"space-y-3",padding:"sm",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-sm font-semibold text-foreground",children:s.version}),s.prerelease&&(0,a.jsx)(m.Ex,{variant:"warning",children:t("detail.prerelease")}),(0,a.jsx)(u.Xz,{status:s.compatibility.commandmate.status}),(0,a.jsx)(u.qW,{risk:s.declaredRisk})]}),(0,a.jsxs)("dl",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[(0,a.jsx)(y,{label:t("detail.publishedAt"),children:s.publishedAt}),(0,a.jsx)(y,{label:t("detail.requiredRangeLabel"),children:s.compatibility.commandmate.requiredRange}),(0,a.jsx)(y,{label:t("detail.sourceRepository"),children:s.source.repository}),(0,a.jsx)(y,{label:t("detail.sourceRef"),children:s.source.ref}),(0,a.jsx)(y,{label:t("detail.sourceCommit"),mono:!0,children:s.source.commit}),(0,a.jsx)(y,{label:t("detail.packageAsset"),mono:!0,children:s.artifact.assetName}),(0,a.jsx)(y,{label:t("detail.packageDigest"),mono:!0,children:s.artifact.sha256}),(0,a.jsx)(y,{label:t("detail.packageSize"),children:t("detail.packageBytes",{bytes:s.artifact.size})})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:s.compatibility.agents.length>0?s.compatibility.agents.map(e=>(0,a.jsx)(u.uE,{agent:e},e.agent)):(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:t("compatibility.agentsUnknown")})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xs font-medium text-muted-foreground",children:t("detail.changelogHeading")}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(f,{changelog:s.changelog})})]})]})}function R(e){var s,t,l,i,n,p,f,R,q;let{skillId:A}=e,E=(0,o.c)("skills"),[C,H]=(0,r.useState)(N),[_,z]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=new AbortController;return H(N),(0,v.Db)(A,e.signal).then(s=>{e.signal.aborted||H(s.ok?{status:"loaded",catalog:s.data.catalog,skill:s.data.skill,failure:null}:{status:"error",catalog:null,skill:null,failure:s.failure})}).catch(()=>{}),()=>e.abort()},[A,_]);let U=(0,r.useCallback)(()=>z(e=>e+1),[]),F=(0,a.jsxs)(d(),{href:"/skills",className:"inline-flex items-center gap-1 text-sm text-accent-600 hover:underline dark:text-accent-400","data-testid":"skill-detail-back",children:[(0,a.jsx)(c.A,{size:14,"aria-hidden":"true"}),E("page.backToCatalog")]});if("loading"===C.status)return(0,a.jsxs)("div",{className:"space-y-4","data-testid":"skill-detail-loading",children:[F,(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("state.loading")}),(0,a.jsx)(m.EA,{className:"h-40 w-full rounded-lg"})]});if("error"===C.status||!C.skill){let e=(null==(t=C.failure)?void 0:t.status)===404;return(0,a.jsxs)("div",{className:"space-y-4",children:[F,(0,a.jsxs)(m.Zp,{"data-testid":e?"skill-detail-not-found":"skill-detail-error",className:"space-y-3",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:E(e?"state.notFoundHeading":"state.errorHeading")}),(0,a.jsxs)(b.u,{tone:"danger",children:[(0,a.jsx)("p",{children:E(e?"state.notFoundNotice":"state.errorNotice")}),(0,a.jsx)("p",{className:"mt-1 break-words",children:E("state.errorCode",{code:null!=(i=null==(l=C.failure)?void 0:l.code)?i:""})})]}),!e&&(0,a.jsx)(m.$n,{variant:"secondary",size:"sm",onClick:U,"data-testid":"skill-detail-retry",children:E("state.retry")})]})]})}let L=C.skill,S=L.compatibility,W=null!=(n=L.versions.find(e=>e.version===L.recommendedVersion))?n:null,Z=null!=(p=null==(s=null!=W?W:L.versions[0])?void 0:s.declaredRisk)?p:null,G=L.recommendedVersion?S&&"compatible"!==S.status?E("detail.install.blockedIncompatible",{reason:E((0,j.e5)(S.messageKey),{range:S.requiredRange,currentVersion:null!=(f=S.currentVersion)?f:""})}):null:E("detail.install.blockedNoVersion");return(0,a.jsxs)("div",{className:"space-y-4",children:[F,C.catalog&&(0,a.jsx)(h.y,{catalog:C.catalog}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-foreground break-words",children:L.name}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground break-words",children:L.summary}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[S&&(0,a.jsx)(u.Xz,{status:S.status}),Z&&(0,a.jsx)(u.qW,{risk:Z})]})]}),(0,a.jsx)(w,{title:E("detail.install.action"),testId:"skill-install-section",children:(0,a.jsx)(k.B,{skillId:L.id,version:L.recommendedVersion,blockedReason:G,agents:null!=(R=null==W?void 0:W.compatibility.agents)?R:[]})}),(0,a.jsxs)(w,{title:E("capabilities.heading"),testId:"skill-capabilities-section",children:[(0,a.jsx)("p",{className:"text-sm text-foreground break-words",children:L.summary}),(0,a.jsx)(b.u,{tone:"neutral",children:E("capabilities.unavailable")})]}),(0,a.jsxs)(w,{title:E("detail.overview"),testId:"skill-overview-section",children:[(0,a.jsxs)("dl",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[(0,a.jsx)(y,{label:E("detail.skillId"),mono:!0,children:L.id}),(0,a.jsx)(y,{label:E("detail.provider"),children:L.provider.url?(0,a.jsx)("a",{href:L.provider.url,target:"_blank",rel:"noopener noreferrer",className:"text-accent-600 hover:underline dark:text-accent-400",children:L.provider.name}):L.provider.name}),L.provider.contact&&(0,a.jsx)(y,{label:E("detail.providerContact"),children:L.provider.contact}),(0,a.jsx)(y,{label:E("detail.license"),children:L.license}),L.homepage&&(0,a.jsx)(y,{label:E("detail.homepage"),children:(0,a.jsx)("a",{href:L.homepage,target:"_blank",rel:"noopener noreferrer",className:"break-all text-accent-600 hover:underline dark:text-accent-400",children:L.homepage})}),(0,a.jsx)(y,{label:E("detail.latestVersion"),mono:!0,children:L.latest}),(0,a.jsx)(y,{label:E("detail.recommendedVersion"),mono:!0,children:null!=(q=L.recommendedVersion)?q:E("detail.recommendedVersionNone")})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground","data-testid":"skill-recommendation-reason",children:E(j.TE[L.recommendedReason])}),L.keywords.length>0&&(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xs font-medium text-muted-foreground",children:E("detail.keywords")}),(0,a.jsx)("div",{className:"mt-1 flex flex-wrap gap-1.5",children:L.keywords.map(e=>(0,a.jsx)(m.Ex,{variant:"gray",children:e},e))})]})]}),(0,a.jsxs)(w,{title:E("compatibility.label"),testId:"skill-compatibility-section",children:[S?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)(u.Xz,{status:S.status}),(0,a.jsx)("span",{className:"text-sm text-muted-foreground",children:E("compatibility.requiredRange",{range:S.requiredRange})})]}),(0,a.jsx)(V,{compatibility:S}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:S.currentVersion?E("compatibility.currentVersion",{version:S.currentVersion}):E("compatibility.currentVersionUnknown")}),"unknown"===S.status&&(0,a.jsx)(b.u,{tone:"warning","data-testid":"skill-compatibility-unknown-notice",children:E("compatibility.unverifiedNotice")})]}):(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("compatibility.currentVersionUnknown")}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-foreground",children:E("compatibility.agentsHeading")}),W&&W.compatibility.agents.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:W.compatibility.agents.map(e=>(0,a.jsx)(u.uE,{agent:e},e.agent))}),(0,a.jsx)("div",{className:"space-y-3",children:W.compatibility.agents.map(e=>(0,a.jsx)(g.m,{agent:e},e.agent))})]}):(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:E("compatibility.agentsUnknown")}),(0,a.jsx)(b.u,{tone:"neutral",children:E("compatibility.agentsNotice")})]})]}),(0,a.jsxs)(w,{title:E("risk.declaredHeading"),testId:"skill-risk-section",children:[Z?(0,a.jsx)(u.qW,{risk:Z}):null,(0,a.jsx)(b.u,{tone:"neutral",children:E("risk.declaredNotice")}),"high"===Z&&(0,a.jsx)(b.u,{tone:"danger","data-testid":"skill-high-risk-warning",children:E("risk.highWarning")}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-foreground",children:E("risk.computedHeading")}),(0,a.jsx)("p",{className:"mt-1 text-sm text-muted-foreground","data-testid":"skill-computed-risk-unavailable",children:E("risk.computedUnavailable")})]})]}),(0,a.jsxs)(w,{title:E("permissions.heading"),testId:"skill-permissions-section",children:[(0,a.jsx)(b.u,{tone:"warning","data-testid":"skill-permission-declaration-notice",children:E((0,j.e5)(x.Ms))}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("permissions.unavailable")})]}),(0,a.jsx)(w,{title:E("requirements.heading"),testId:"skill-requirements-section",children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("requirements.unavailable")})}),(0,a.jsx)(w,{title:E("contents.heading"),testId:"skill-contents-section",children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("contents.unavailable")})}),(0,a.jsxs)("section",{className:"space-y-3","data-testid":"skill-versions-section",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:E("detail.versionsHeading")}),0===L.versions.length?(0,a.jsx)(m.Zp,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("detail.versionsEmpty")})}):L.versions.map(e=>(0,a.jsx)(I,{version:e},e.version))]})]})}function q(){let e=(0,l.useParams)(),s="string"==typeof e.skillId?e.skillId:"";return(0,a.jsx)(i.GV,{children:(0,a.jsx)("div",{className:"container-custom py-8 overflow-auto h-full",children:(0,a.jsx)(R,{skillId:s})})})}},99027:(e,s,t)=>{Promise.resolve().then(t.bind(t,89675))}},e=>{e.O(0,[6481,6809,4909,2770,790,5694,8566,1191,5542,2407,6402,8019,4718,4388,2751,2053,8441,1255,7358],()=>e(e.s=99027)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9404],{68331:(e,s,t)=>{"use strict";t.d(s,{y:()=>n});var a=t(95155);t(12115);var l=t(18955),i=t(37381),r=t(95584);function n(e){let{catalog:s}=e,t=(0,l.c)("skills");return s.stale||s.offline?(0,a.jsx)(i.u,{tone:"warning","data-testid":"skill-catalog-stale",className:"flex-col sm:flex-row",children:(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsx)("p",{className:"font-medium",children:t("catalog.staleHeading")}),(0,a.jsx)("p",{children:t("catalog.staleNotice")}),s.offline&&(0,a.jsx)("p",{children:t("catalog.offlineNotice")}),(0,a.jsx)("p",{children:t((0,r.pk)(s.staleReason))}),(0,a.jsxs)("p",{className:"break-words",children:[t("catalog.fetchedAt",{timestamp:s.fetchedAt})," \xb7"," ",t("catalog.revalidatedAt",{timestamp:s.revalidatedAt})]}),(0,a.jsx)("p",{className:"break-words",children:t("catalog.sourceLabel",{repository:s.source.repository,ref:s.source.ref})})]})}):(0,a.jsxs)("p",{"data-testid":"skill-catalog-fresh",className:"text-xs text-muted-foreground break-words",children:[t("catalog.freshLabel")," \xb7"," ",t("catalog.revalidatedAt",{timestamp:s.revalidatedAt})," \xb7"," ",t("catalog.sourceLabel",{repository:s.source.repository,ref:s.source.ref})]})}},89675:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>q});var a=t(95155),l=t(20063),i=t(54388),r=t(12115),n=t(52619),d=t.n(n),o=t(18955),c=t(35626),m=t(28019),x=t(99648),u=t(75333),h=t(68331),g=t(50825),p=t(24027),j=t(95584);function f(e){let{changelog:s}=e,t=(0,o.c)("skills"),l=(0,j.RG)(s).trim();return 0===l.length?(0,a.jsx)("p",{className:"text-sm text-muted-foreground","data-testid":"skill-changelog-empty",children:t("detail.changelogEmpty")}):(0,a.jsxs)("div",{"data-testid":"skill-changelog",children:[(0,a.jsx)("div",{className:"prose prose-sm max-w-none dark:prose-invert break-words",children:(0,a.jsx)(p.G8,{content:l})}),(0,a.jsx)("p",{className:"mt-2 text-xs text-muted-foreground",children:t("detail.mediaStripped")})]})}var k=t(34380),b=t(37381),v=t(80130);let N={status:"loading",catalog:null,skill:null,failure:null};function y(e){let{label:s,children:t,mono:l=!1}=e;return(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("dt",{className:"text-xs font-medium text-muted-foreground",children:s}),(0,a.jsx)("dd",{className:"mt-0.5 text-sm text-foreground ".concat(l?"break-all font-mono text-xs":"break-words"),children:t})]})}function w(e){let{title:s,children:t,testId:l}=e;return(0,a.jsxs)(m.Zp,{"data-testid":l,className:"space-y-3",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:s}),t]})}function V(e){var s;let{compatibility:t}=e,l=(0,o.c)("skills");return(0,a.jsx)("p",{className:"text-sm text-foreground","data-testid":"skill-compatibility-reason",children:l((0,j.e5)(t.messageKey),{range:t.requiredRange,currentVersion:null!=(s=t.currentVersion)?s:""})})}function I(e){let{version:s}=e,t=(0,o.c)("skills");return(0,a.jsxs)(m.Zp,{"data-testid":"skill-version-".concat(s.version),className:"space-y-3",padding:"sm",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-sm font-semibold text-foreground",children:s.version}),s.prerelease&&(0,a.jsx)(m.Ex,{variant:"warning",children:t("detail.prerelease")}),(0,a.jsx)(u.Xz,{status:s.compatibility.commandmate.status}),(0,a.jsx)(u.qW,{risk:s.declaredRisk})]}),(0,a.jsxs)("dl",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[(0,a.jsx)(y,{label:t("detail.publishedAt"),children:s.publishedAt}),(0,a.jsx)(y,{label:t("detail.requiredRangeLabel"),children:s.compatibility.commandmate.requiredRange}),(0,a.jsx)(y,{label:t("detail.sourceRepository"),children:s.source.repository}),(0,a.jsx)(y,{label:t("detail.sourceRef"),children:s.source.ref}),(0,a.jsx)(y,{label:t("detail.sourceCommit"),mono:!0,children:s.source.commit}),(0,a.jsx)(y,{label:t("detail.packageAsset"),mono:!0,children:s.artifact.assetName}),(0,a.jsx)(y,{label:t("detail.packageDigest"),mono:!0,children:s.artifact.sha256}),(0,a.jsx)(y,{label:t("detail.packageSize"),children:t("detail.packageBytes",{bytes:s.artifact.size})})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:s.compatibility.agents.length>0?s.compatibility.agents.map(e=>(0,a.jsx)(u.uE,{agent:e},e.agent)):(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:t("compatibility.agentsUnknown")})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xs font-medium text-muted-foreground",children:t("detail.changelogHeading")}),(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(f,{changelog:s.changelog})})]})]})}function R(e){var s,t,l,i,n,p,f,R,q;let{skillId:A}=e,E=(0,o.c)("skills"),[C,H]=(0,r.useState)(N),[_,z]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=new AbortController;return H(N),(0,v.Db)(A,e.signal).then(s=>{e.signal.aborted||H(s.ok?{status:"loaded",catalog:s.data.catalog,skill:s.data.skill,failure:null}:{status:"error",catalog:null,skill:null,failure:s.failure})}).catch(()=>{}),()=>e.abort()},[A,_]);let U=(0,r.useCallback)(()=>z(e=>e+1),[]),F=(0,a.jsxs)(d(),{href:"/skills",className:"inline-flex items-center gap-1 text-sm text-accent-600 hover:underline dark:text-accent-400","data-testid":"skill-detail-back",children:[(0,a.jsx)(c.A,{size:14,"aria-hidden":"true"}),E("page.backToCatalog")]});if("loading"===C.status)return(0,a.jsxs)("div",{className:"space-y-4","data-testid":"skill-detail-loading",children:[F,(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("state.loading")}),(0,a.jsx)(m.EA,{className:"h-40 w-full rounded-lg"})]});if("error"===C.status||!C.skill){let e=(null==(t=C.failure)?void 0:t.status)===404;return(0,a.jsxs)("div",{className:"space-y-4",children:[F,(0,a.jsxs)(m.Zp,{"data-testid":e?"skill-detail-not-found":"skill-detail-error",className:"space-y-3",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:E(e?"state.notFoundHeading":"state.errorHeading")}),(0,a.jsxs)(b.u,{tone:"danger",children:[(0,a.jsx)("p",{children:E(e?"state.notFoundNotice":"state.errorNotice")}),(0,a.jsx)("p",{className:"mt-1 break-words",children:E("state.errorCode",{code:null!=(i=null==(l=C.failure)?void 0:l.code)?i:""})})]}),!e&&(0,a.jsx)(m.$n,{variant:"secondary",size:"sm",onClick:U,"data-testid":"skill-detail-retry",children:E("state.retry")})]})]})}let L=C.skill,S=L.compatibility,W=null!=(n=L.versions.find(e=>e.version===L.recommendedVersion))?n:null,Z=null!=(p=null==(s=null!=W?W:L.versions[0])?void 0:s.declaredRisk)?p:null,G=L.recommendedVersion?S&&"compatible"!==S.status?E("detail.install.blockedIncompatible",{reason:E((0,j.e5)(S.messageKey),{range:S.requiredRange,currentVersion:null!=(f=S.currentVersion)?f:""})}):null:E("detail.install.blockedNoVersion");return(0,a.jsxs)("div",{className:"space-y-4",children:[F,C.catalog&&(0,a.jsx)(h.y,{catalog:C.catalog}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-foreground break-words",children:L.name}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground break-words",children:L.summary}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[S&&(0,a.jsx)(u.Xz,{status:S.status}),Z&&(0,a.jsx)(u.qW,{risk:Z})]})]}),(0,a.jsx)(w,{title:E("detail.install.action"),testId:"skill-install-section",children:(0,a.jsx)(k.B,{skillId:L.id,version:L.recommendedVersion,blockedReason:G,agents:null!=(R=null==W?void 0:W.compatibility.agents)?R:[]})}),(0,a.jsxs)(w,{title:E("capabilities.heading"),testId:"skill-capabilities-section",children:[(0,a.jsx)("p",{className:"text-sm text-foreground break-words",children:L.summary}),(0,a.jsx)(b.u,{tone:"neutral",children:E("capabilities.unavailable")})]}),(0,a.jsxs)(w,{title:E("detail.overview"),testId:"skill-overview-section",children:[(0,a.jsxs)("dl",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:[(0,a.jsx)(y,{label:E("detail.skillId"),mono:!0,children:L.id}),(0,a.jsx)(y,{label:E("detail.provider"),children:L.provider.url?(0,a.jsx)("a",{href:L.provider.url,target:"_blank",rel:"noopener noreferrer",className:"text-accent-600 hover:underline dark:text-accent-400",children:L.provider.name}):L.provider.name}),L.provider.contact&&(0,a.jsx)(y,{label:E("detail.providerContact"),children:L.provider.contact}),(0,a.jsx)(y,{label:E("detail.license"),children:L.license}),L.homepage&&(0,a.jsx)(y,{label:E("detail.homepage"),children:(0,a.jsx)("a",{href:L.homepage,target:"_blank",rel:"noopener noreferrer",className:"break-all text-accent-600 hover:underline dark:text-accent-400",children:L.homepage})}),(0,a.jsx)(y,{label:E("detail.latestVersion"),mono:!0,children:L.latest}),(0,a.jsx)(y,{label:E("detail.recommendedVersion"),mono:!0,children:null!=(q=L.recommendedVersion)?q:E("detail.recommendedVersionNone")})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground","data-testid":"skill-recommendation-reason",children:E(j.TE[L.recommendedReason])}),L.keywords.length>0&&(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-xs font-medium text-muted-foreground",children:E("detail.keywords")}),(0,a.jsx)("div",{className:"mt-1 flex flex-wrap gap-1.5",children:L.keywords.map(e=>(0,a.jsx)(m.Ex,{variant:"gray",children:e},e))})]})]}),(0,a.jsxs)(w,{title:E("compatibility.label"),testId:"skill-compatibility-section",children:[S?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)(u.Xz,{status:S.status}),(0,a.jsx)("span",{className:"text-sm text-muted-foreground",children:E("compatibility.requiredRange",{range:S.requiredRange})})]}),(0,a.jsx)(V,{compatibility:S}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:S.currentVersion?E("compatibility.currentVersion",{version:S.currentVersion}):E("compatibility.currentVersionUnknown")}),"unknown"===S.status&&(0,a.jsx)(b.u,{tone:"warning","data-testid":"skill-compatibility-unknown-notice",children:E("compatibility.unverifiedNotice")})]}):(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("compatibility.currentVersionUnknown")}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-foreground",children:E("compatibility.agentsHeading")}),W&&W.compatibility.agents.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:W.compatibility.agents.map(e=>(0,a.jsx)(u.uE,{agent:e},e.agent))}),(0,a.jsx)("div",{className:"space-y-3",children:W.compatibility.agents.map(e=>(0,a.jsx)(g.m,{agent:e},e.agent))})]}):(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:E("compatibility.agentsUnknown")}),(0,a.jsx)(b.u,{tone:"neutral",children:E("compatibility.agentsNotice")})]})]}),(0,a.jsxs)(w,{title:E("risk.declaredHeading"),testId:"skill-risk-section",children:[Z?(0,a.jsx)(u.qW,{risk:Z}):null,(0,a.jsx)(b.u,{tone:"neutral",children:E("risk.declaredNotice")}),"high"===Z&&(0,a.jsx)(b.u,{tone:"danger","data-testid":"skill-high-risk-warning",children:E("risk.highWarning")}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-foreground",children:E("risk.computedHeading")}),(0,a.jsx)("p",{className:"mt-1 text-sm text-muted-foreground","data-testid":"skill-computed-risk-unavailable",children:E("risk.computedUnavailable")})]})]}),(0,a.jsxs)(w,{title:E("permissions.heading"),testId:"skill-permissions-section",children:[(0,a.jsx)(b.u,{tone:"warning","data-testid":"skill-permission-declaration-notice",children:E((0,j.e5)(x.Ms))}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("permissions.unavailable")})]}),(0,a.jsx)(w,{title:E("requirements.heading"),testId:"skill-requirements-section",children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("requirements.unavailable")})}),(0,a.jsx)(w,{title:E("contents.heading"),testId:"skill-contents-section",children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("contents.unavailable")})}),(0,a.jsxs)("section",{className:"space-y-3","data-testid":"skill-versions-section",children:[(0,a.jsx)("h2",{className:"text-base font-semibold text-foreground",children:E("detail.versionsHeading")}),0===L.versions.length?(0,a.jsx)(m.Zp,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:E("detail.versionsEmpty")})}):L.versions.map(e=>(0,a.jsx)(I,{version:e},e.version))]})]})}function q(){let e=(0,l.useParams)(),s="string"==typeof e.skillId?e.skillId:"";return(0,a.jsx)(i.GV,{children:(0,a.jsx)("div",{className:"container-custom py-8 overflow-auto h-full",children:(0,a.jsx)(R,{skillId:s})})})}},99027:(e,s,t)=>{Promise.resolve().then(t.bind(t,89675))}},e=>{e.O(0,[6481,6809,4909,2770,790,5694,8566,934,6983,2407,6402,8019,4718,4388,2751,2039,2053,8441,1255,7358],()=>e(e.s=99027)),_N_E=e.O()}]);