@hienlh/ppm 0.17.16 → 0.17.18

package/dist/web/assets/group-chat-tab-CNECY-zg.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{b as t,y as n}from"./vendor-markdown-CKTlmXbz.js";import"./vendor-ui-DMRGWRuc.js";import"./api-client-Dvzcc_EO.js";import{n as r}from"./utils-CTg5uAYR.js";import{i}from"./project-store-Cekcjcom.js";import{$ as a,It as o,J as s,L as c,Mt as l,Q as u,R as d,Z as f,_ as p,g as m,h,m as g,p as _,q as v,qt as y,wt as b,z as x,zt as S}from"./index-D2G6kmTs.js";import{t as C}from"./use-websocket-DrDBgIWU.js";var w=e(t(),1),T=8e3;function E(e,t){let[n,r]=(0,w.useState)([]),[i,a]=(0,w.useState)([]),[o,s]=(0,w.useState)(`idle`),[c,l]=(0,w.useState)({}),[u,d]=(0,w.useState)(!1),[f,g]=(0,w.useState)(!1),[v,y]=(0,w.useState)(!1),[b,x]=(0,w.useState)(null),S=(0,w.useRef)(new Map),E=(0,w.useCallback)(e=>{l(t=>{if(!t[e])return t;let n={...t};return delete n[e],n})},[]),D=(0,w.useCallback)(e=>{let t;try{t=JSON.parse(e.data)}catch{return}switch(t.type){case`ping`:return;case`group_state`:g(!0),s(t.status),a(t.members),y(t.status===`active`);return;case`group_message`:E(t.message.fromMember),r(e=>e.some(e=>e.id===t.message.id)?e:[...e,t.message]);return;case`member_status`:a(e=>e.map(e=>e.id===t.memberId?{...e,status:t.status}:e));return;case`typing`:{l(e=>({...e,[t.member]:!0}));let e=S.current,n=e.get(t.member);n&&clearTimeout(n),e.set(t.member,setTimeout(()=>E(t.member),T));return}case`turn_done`:return;case`group_done`:y(!1),s(`idle`),l({});return;case`error`:x(t.message),y(!1);return}},[E]),{send:O}=C({url:e&&t?`/ws/project/${encodeURIComponent(t)}/group/${encodeURIComponent(e)}`:``,onMessage:D,autoConnect:!!e&&!!t});return(0,w.useEffect)(()=>{let t=!1;r([]),a([]),l({}),s(`idle`),y(!1),x(null),g(!1);for(let e of S.current.values())clearTimeout(e);if(S.current.clear(),e)return d(!0),_(e,{limit:200}).then(e=>{t||r(e.messages)}).catch(e=>{t||x(e instanceof Error?e.message:`Failed to load feed`)}).finally(()=>{t||d(!1)}),()=>{t=!0}},[e]),{messages:n,members:i,status:o,typing:c,loading:u,isConnected:f,isRunning:v,error:b,sendMessage:(0,w.useCallback)(t=>{let n=t.trim();!n||!e||(x(null),y(!0),f?O(JSON.stringify({type:`message`,content:n})):m(e,n).catch(e=>{x(e instanceof Error?e.message:`Failed to send message`),y(!1)}))},[e,f,O]),stop:(0,w.useCallback)(()=>{e&&(f?O(JSON.stringify({type:`stop`})):p(e).catch(()=>{}),s(`paused`),y(!1))},[e,f,O]),resume:(0,w.useCallback)(()=>{e&&h(e).then(()=>{s(`active`),y(!0)}).catch(e=>x(e instanceof Error?e.message:`Failed to resume`))},[e])}}var D=n();function O(e){let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?`?`:t.length===1?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}function k(e){try{return new Date(e).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})}catch{return``}}function A(e,t){return e.split(/(@\w+)/g).map((e,n)=>{if(e.startsWith(`@`)&&e.length>1){let i=t(e.slice(1));return(0,D.jsx)(`span`,{className:r(`font-semibold`,!i&&`text-primary`),style:i?{color:i}:void 0,children:e},n)}return e})}var j=(0,w.memo)(function({message:e,colorFor:t,isLeader:n,onViewFull:i}){let a=e.fromMember===`user`,o=a?`You`:e.fromMember,s=a?`var(--color-primary)`:t(e.fromMember)??`var(--accent)`,c=!a&&n(e.fromMember),l=e.kind===`final`,u=e.summary??``,d=e.toMember&&e.toMember!==`all`?e.toMember:null;return(0,D.jsxs)(`div`,{className:r(`flex gap-2.5 px-3 py-2 transition-colors hover:bg-surface-elevated/50`,a&&`bg-primary/5`),style:{boxShadow:`inset 3px 0 0 0 ${s}`},children:[(0,D.jsx)(`div`,{className:`mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold text-white ring-2 ring-background`,style:{backgroundColor:s},"aria-hidden":!0,children:O(o)}),(0,D.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-2 gap-y-0.5`,children:[(0,D.jsx)(`span`,{className:`text-sm font-semibold`,style:{color:a?`var(--color-foreground)`:s},children:o}),c&&(0,D.jsx)(`span`,{className:`rounded bg-surface-elevated px-1.5 py-px text-[10px] font-medium text-text-secondary`,children:`leader`}),d&&(0,D.jsxs)(`span`,{className:`text-[11px] text-text-subtle`,children:[`→ `,d]}),l&&(0,D.jsx)(`span`,{className:`rounded-full bg-accent-wash px-1.5 py-px text-[10px] font-medium text-primary`,children:`final`}),(0,D.jsx)(`span`,{className:`text-[11px] text-text-subtle`,children:k(e.createdAt)})]}),(0,D.jsx)(`div`,{className:r(`mt-0.5 whitespace-pre-wrap break-words text-sm leading-relaxed text-text-secondary`,l&&`mt-1.5 rounded-md border border-accent-wash bg-accent-wash/40 px-3 py-2 text-foreground`),children:A(u,t)}),e.fullSessionRef&&(0,D.jsx)(`button`,{type:`button`,onClick:()=>i(e),className:`mt-1 inline-flex min-h-[44px] items-center text-xs font-medium text-primary hover:underline md:min-h-[32px]`,children:`View full transcript`})]})]})}),M={idle:`bg-text-subtle`,working:`bg-primary animate-pulse`,done:`bg-emerald-500`,error:`bg-destructive`},N={idle:`Idle`,working:`Working`,done:`Done`,error:`Error`},P=(0,w.memo)(function({members:e,typing:t}){return e.length===0?(0,D.jsx)(`div`,{className:`p-3 text-xs text-text-subtle`,children:`No members yet.`}):(0,D.jsx)(`ul`,{className:`flex flex-col gap-0.5 p-2`,children:e.map(e=>{let n=t[e.name];return(0,D.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md px-2 py-1.5`,children:[(0,D.jsx)(`span`,{className:`flex size-6 shrink-0 items-center justify-center rounded-full text-[10px] font-semibold text-white ring-2 ring-background`,style:{backgroundColor:e.color??`var(--accent)`},"aria-hidden":!0,children:e.name.slice(0,1).toUpperCase()}),(0,D.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,D.jsx)(`span`,{className:`truncate text-xs font-medium`,style:{color:e.color??`var(--color-foreground)`},children:e.name}),e.role===`leader`&&(0,D.jsx)(`span`,{className:`rounded-sm bg-accent-wash px-1 text-[9px] font-semibold uppercase text-primary`,children:`lead`})]}),(0,D.jsx)(`span`,{className:`text-[10px] text-text-subtle`,children:n?`typing…`:N[e.status]})]}),(0,D.jsx)(`span`,{className:r(`size-2 shrink-0 rounded-full`,M[e.status]),title:N[e.status],"aria-hidden":!0})]},e.id)})})});function F({groupId:e,message:t,onClose:n}){let r=d(),[i,a]=(0,w.useState)(null),[o,l]=(0,w.useState)(!1),[p,m]=(0,w.useState)(null),h=t?.fullSessionRef??null;if((0,w.useEffect)(()=>{if(!t||!h)return;let n=!1;return a(null),m(null),l(!0),g(e,h).then(e=>{n||a(e.content)}).catch(e=>{n||m(e instanceof Error?e.message:`Failed to load transcript`)}).finally(()=>{n||l(!1)}),()=>{n=!0}},[e,h,t]),!t)return null;let _=(0,D.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:[o&&(0,D.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,D.jsx)(y,{className:`size-5 animate-spin text-primary`})}),p&&(0,D.jsxs)(`div`,{className:`px-1 py-4 text-sm text-text-secondary`,children:[(0,D.jsx)(`p`,{className:`mb-2 font-medium text-foreground`,children:`Full transcript unavailable`}),(0,D.jsx)(`p`,{className:`text-xs text-text-subtle`,children:p}),t.summary&&(0,D.jsx)(`pre`,{className:`mt-4 whitespace-pre-wrap break-words rounded-md bg-surface-elevated p-3 text-xs leading-relaxed text-text-secondary`,children:t.summary})]}),!o&&!p&&i!=null&&(0,D.jsx)(`pre`,{className:`whitespace-pre-wrap break-words rounded-md bg-surface-elevated p-3 text-xs leading-relaxed text-text-secondary`,children:i})]}),b=`${t.fromMember} — full transcript`;return r?(0,D.jsx)(c,{open:!0,onClose:n,className:`max-h-[85vh] flex flex-col`,children:(0,D.jsxs)(`div`,{className:`flex flex-col min-h-0 px-4 pb-2`,children:[(0,D.jsx)(`h2`,{className:`mb-2 text-sm font-semibold text-foreground`,children:b}),_]})}):(0,D.jsx)(v,{open:!0,onOpenChange:e=>{e||n()},children:(0,D.jsxs)(s,{className:`flex max-h-[80vh] flex-col sm:max-w-2xl`,children:[(0,D.jsx)(f,{children:(0,D.jsx)(u,{className:`text-sm`,children:b})}),_]})})}function I({metadata:e}){let t=e?.groupId??null,{activeProject:n}=i(x(e=>({activeProject:e.activeProject}))),s=e?.projectName??n?.name??``,c=d(),{messages:u,members:f,status:p,typing:m,loading:h,isRunning:g,error:_,sendMessage:v,stop:C,resume:T}=E(t,s),[O,k]=(0,w.useState)(``),[A,M]=(0,w.useState)(null),[N,I]=(0,w.useState)(!1),L=(0,w.useRef)(null);(0,w.useEffect)(()=>{L.current?.scrollIntoView({block:`end`})},[u.length,m]);let R=(0,w.useMemo)(()=>{let e=new Map(f.map(e=>[e.name,e.color]));return t=>e.get(t)??null},[f]),z=(0,w.useMemo)(()=>{let e=new Set(f.filter(e=>e.role===`leader`).map(e=>e.name));return t=>e.has(t)},[f]),B=(0,w.useCallback)(()=>{let e=O.trim();e&&(v(e),k(``))},[O,v]),V=Object.keys(m).filter(e=>m[e]);return t?(0,D.jsxs)(`div`,{className:`flex h-full min-h-0`,children:[(0,D.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col`,children:[(0,D.jsxs)(`div`,{className:`flex h-11 shrink-0 items-center justify-between border-b border-border px-3`,children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-2 text-sm font-medium text-foreground`,children:[(0,D.jsx)(`span`,{className:r(`size-2 rounded-full`,p===`active`?`bg-primary animate-pulse`:p===`paused`?`bg-amber-500`:`bg-text-subtle`)}),(0,D.jsx)(`span`,{className:`capitalize`,children:p})]}),(0,D.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[g?(0,D.jsxs)(a,{size:`sm`,variant:`outline`,onClick:C,className:`h-8`,children:[(0,D.jsx)(l,{className:`mr-1 size-3.5`}),` Stop`]}):p===`paused`?(0,D.jsxs)(a,{size:`sm`,variant:`outline`,onClick:T,className:`h-8`,children:[(0,D.jsx)(S,{className:`mr-1 size-3.5`}),` Resume`]}):null,(0,D.jsx)(`button`,{type:`button`,onClick:()=>I(e=>!e),className:`flex size-8 items-center justify-center rounded-md text-text-subtle hover:bg-surface-elevated hover:text-foreground`,"aria-label":`Toggle roster`,children:(0,D.jsx)(b,{className:`size-4`})})]})]}),(0,D.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:h?(0,D.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,D.jsx)(y,{className:`size-5 animate-spin text-primary`})}):u.length===0?(0,D.jsx)(`div`,{className:`flex h-full items-center justify-center p-4 text-center text-sm text-text-subtle`,children:`Send a message to start the group.`}):(0,D.jsxs)(`div`,{className:`flex flex-col py-2`,children:[u.map(e=>(0,D.jsx)(j,{message:e,colorFor:R,isLeader:z,onViewFull:M},e.id)),V.length>0&&(0,D.jsxs)(`div`,{className:`px-3 py-1.5 text-xs italic text-text-subtle`,children:[V.join(`, `),` `,V.length===1?`is`:`are`,` typing…`]}),(0,D.jsx)(`div`,{ref:L})]})}),_&&(0,D.jsx)(`div`,{className:`shrink-0 border-t border-border bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:_}),(0,D.jsx)(`div`,{className:`shrink-0 border-t border-border p-2`,children:(0,D.jsxs)(`div`,{className:`flex items-end gap-2`,children:[(0,D.jsx)(`textarea`,{value:O,onChange:e=>k(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&!c&&(e.preventDefault(),B())},rows:1,placeholder:`Message the group…`,className:`max-h-32 min-h-[44px] flex-1 resize-none rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-text-subtle focus:outline-none focus:ring-1 focus:ring-primary`}),(0,D.jsx)(a,{onClick:B,disabled:!O.trim(),className:`size-11 shrink-0 p-0`,"aria-label":`Send`,children:(0,D.jsx)(o,{className:`size-4`})})]})})]}),N&&(0,D.jsxs)(`div`,{className:r(`shrink-0 border-l border-border bg-panel`,c?`absolute inset-y-0 right-0 z-20 w-64 shadow-xl`:`w-60`),children:[(0,D.jsx)(`div`,{className:`flex h-11 items-center border-b border-border px-3 text-sm font-medium text-foreground`,children:`Members`}),(0,D.jsx)(P,{members:f,typing:m})]}),(0,D.jsx)(F,{groupId:t,message:A,onClose:()=>M(null)})]}):(0,D.jsx)(`div`,{className:`flex h-full items-center justify-center p-4 text-sm text-text-subtle`,children:`No group selected.`})}export{I as GroupChatTab};