@runfusion/fusion 0.17.1 → 0.18.0

package/dist/client/assets/{RoadmapsView-DsH7Hicx.js → RoadmapsView-BUW-HJz5.js}

@@ -1,6 +1,6 @@
-import{r as a,j as e}from"./vendor-react-K0fH_qHe.js";import{c as Dt,b9 as Mt,ba as Rt,bb as It,bc as $t,bd as zt,be as tt,bf as At,bg as Ot,bh as at,bi as Ht,bj as Bt,bk as Gt,bl as Pt,bm as Tt,bn as Lt,bo as Vt,bp as Ut,z as Kt,w as Wt,O as ze,bq as me,X as re,aN as Fe,_ as Pe,ag as qt,am as ut,aM as st,ad as Yt,br as qe,bs as Jt}from"./index-BlkXZ4C5.js";import"./vendor-xterm-DzcZoU0P.js";/**
+import{r as a,j as e}from"./vendor-react-K0fH_qHe.js";import{h as Dt,aI as Mt,aJ as Rt,aK as It,aL as $t,aM as zt,aN as tt,aO as At,aP as Ot,aQ as at,aR as Ht,aS as Pt,aT as Bt,aU as Gt,aV as Tt,aW as Lt,aX as Vt,aY as Ut,aZ as Kt,at as Wt,P as ze,a_ as me,X as re,a7 as Fe,a4 as Ge,g as Yt,m as ut,a6 as st,A as Jt,a$ as Ye,b0 as qt}from"./index-CtiRbTNv.js";import"./vendor-xterm-DzcZoU0P.js";/**
  * @license lucide-react v1.7.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Xt=[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]],Qt=Dt("loader",Xt);function Zt(l){const n=l?.projectId,[v,f]=a.useState([]),[C,w]=a.useState(null),[y,g]=a.useState(null),[k,D]=a.useState([]),[j,S]=a.useState({}),[A,Y]=a.useState(!1),[L,$]=a.useState(null),[ne,pe]=a.useState(null),[Te,ge]=a.useState(!1),[he,Z]=a.useState(null),[fe,B]=a.useState([]),[O,G]=a.useState(!1),[be,P]=a.useState({}),[ie,ee]=a.useState({}),J=a.useRef(be),ve=a.useRef(ie),oe=a.useRef(fe);J.current=be,ve.current=ie,oe.current=fe;const xe=a.useRef(n),M=a.useRef(0),le=a.useRef(0),_e=a.useRef(v),x=a.useRef(C),de=a.useRef(k),we=a.useRef(j),R=a.useRef(n),Ae=a.useRef(ne);_e.current=v,x.current=C,de.current=k,we.current=j,R.current=n,Ae.current=ne,a.useEffect(()=>{xe.current!==n&&(xe.current=n,M.current++,w(null),g(null),D([]),S({}),pe(null),Z(null),B([]),G(!1),P({}),ee({}))},[n]);const X=a.useCallback(async()=>{Y(!0),$(null);try{const s=await Mt(n);f(s)}catch(s){$(s instanceof Error?s:new Error("Failed to fetch roadmaps"))}finally{Y(!1)}},[n]),N=a.useCallback(async s=>{try{const d=await Rt(s,n);g(d),D(d.milestones||[]);const i={};for(const r of d.milestones||[])i[r.id]=r.features||[];S(i)}catch(d){$(d instanceof Error?d:new Error("Failed to fetch roadmap"))}},[n]);a.useEffect(()=>{X()},[X]),a.useEffect(()=>{C?N(C):(g(null),D([]),S({}))},[C,N]);const Oe=a.useCallback(async(s,d)=>{try{const i=await It(s,R.current);f(r=>[...r,i]),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to create roadmap");throw d?.onError?.(r),r}},[]),je=a.useCallback(async(s,d,i)=>{try{const r=await $t(s,d,R.current);f(c=>c.map(o=>o.id===s?r:o)),x.current===s&&g(c=>c?{...c,...r}:null),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update roadmap");throw i?.onError?.(c),c}},[]),He=a.useCallback(async(s,d)=>{try{await zt(s,R.current),f(i=>i.filter(r=>r.id!==s)),x.current===s&&(w(null),g(null),D([]),S({})),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete roadmap");throw d?.onError?.(r),r}},[]),Le=a.useCallback(s=>{w(s)},[]),p=a.useCallback(async(s,d)=>{const i=x.current;if(!i){const r=new Error("No roadmap selected");throw d?.onError?.(r),r}try{const r=await tt(i,s,R.current);D(c=>[...c,r]),S(c=>({...c,[r.id]:[]})),x.current&&N(x.current),d?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to create milestone");throw d?.onError?.(c),c}},[N]),I=a.useCallback(async(s,d,i)=>{try{const r=await At(s,d,R.current);D(c=>c.map(o=>o.id===s?r:o)),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update milestone");throw i?.onError?.(c),c}},[N]),te=a.useCallback(async(s,d)=>{try{await Ot(s,R.current),D(i=>i.filter(r=>r.id!==s)),S(i=>{const r={...i};return delete r[s],r}),x.current&&N(x.current),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete milestone");throw d?.onError?.(r),r}},[N]),Ve=a.useCallback(async(s,d,i)=>{try{const r=await at(s,d,R.current);S(c=>({...c,[s]:[...c[s]||[],r]})),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to create feature");throw i?.onError?.(c),c}},[N]),De=a.useCallback(async(s,d,i)=>{try{const r=await Ht(s,d,R.current);S(c=>{const o={};for(const[h,m]of Object.entries(c))o[h]=m.map(_=>_.id===s?r:_);return o}),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update feature");throw i?.onError?.(c),c}},[N]),Me=a.useCallback(async(s,d)=>{try{await Bt(s,R.current),S(i=>{const r={};for(const[c,o]of Object.entries(i))r[c]=o.filter(h=>h.id!==s);return r}),x.current&&N(x.current),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete feature");throw d?.onError?.(r),r}},[N]),E=a.useCallback(async(s,d,i)=>{const r=de.current,c=d.map(o=>r.find(h=>h.id===o)).filter(o=>o!==void 0).map((o,h)=>({...o,orderIndex:h}));D(c);try{await Gt(s,d,R.current),x.current&&N(x.current),i?.onSuccess?.()}catch(o){D(r);const h=o instanceof Error?o:new Error("Failed to reorder milestones");throw i?.onError?.(h),h}},[N]),ce=a.useCallback(async(s,d,i)=>{const r=we.current[s]||[],c=r.map(m=>m.id);if(JSON.stringify(c)===JSON.stringify(d)){i?.onSuccess?.();return}const o=we.current,h=d.map(m=>r.find(_=>_.id===m)).filter(m=>m!==void 0).map((m,_)=>({...m,orderIndex:_}));S(m=>({...m,[s]:h}));try{await Pt(s,d,R.current),x.current&&N(x.current),i?.onSuccess?.()}catch(m){S(o);const _=m instanceof Error?m:new Error("Failed to reorder features");throw i?.onError?.(_),_}},[N]),Q=a.useCallback(async(s,d,i,r)=>{const c=we.current;let o=null;for(const[F,W]of Object.entries(c))if(W.some(Ke=>Ke.id===s)){o=F;break}if(!o){const F=new Error("Feature not found");throw r?.onError?.(F),F}if(o===d){const F=c[o]||[],W=Math.max(0,Math.min(i,F.length-1));if(F.findIndex(We=>We.id===s)===W){r?.onSuccess?.();return}}const h=c[o]||[],m=c[d]||[],_=h.find(F=>F.id===s);if(!_){const F=new Error("Feature not found");throw r?.onError?.(F),F}const H=h.filter(F=>F.id!==s).map((F,W)=>({...F,orderIndex:W})),ye={..._,milestoneId:d,orderIndex:i},se=[...m];se.splice(i,0,ye);const Ue=se.map((F,W)=>({...F,orderIndex:W}));S(o===d?F=>({...F,[o]:Ue}):F=>({...F,[o]:H,[d]:Ue}));try{await Tt(s,d,i,n),x.current&&N(x.current),r?.onSuccess?.()}catch(F){S(c);const W=F instanceof Error?F:new Error("Failed to move feature");throw r?.onError?.(W),W}},[N,n]);function V(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`draft-${Date.now()}-${Math.random().toString(36).slice(2,11)}`}const ae=a.useCallback(async(s,d=5,i)=>{const r=x.current;if(!r){const h=new Error("No roadmap selected");throw i?.onError?.(h),h}const c=M.current,o=R.current;G(!0);try{const h=await Lt(r,s,d,o);if(M.current!==c)return;const m=h.suggestions.map(_=>({id:V(),title:_.title,description:_.description}));B(m),i?.onSuccess?.()}catch(h){if(M.current!==c)return;const m=h instanceof Error?h:new Error("Failed to generate suggestions");throw i?.onError?.(m),m}finally{M.current===c&&G(!1)}},[]),Re=a.useCallback((s,d)=>{const r=oe.current.map(c=>c.id===s?{...c,...d}:c);oe.current=r,B(c=>c.map(o=>o.id===s?{...o,...d}:o))},[]),U=a.useCallback(async(s,d)=>{const i=x.current;if(!i){const m=new Error("No roadmap selected");throw d?.onError?.(m),m}const r=M.current,c=oe.current,o=c.findIndex(m=>m.id===s);if(o===-1){const m=new Error("Suggestion draft not found");throw d?.onError?.(m),m}const h=c[o];if(!h.title.trim()){const m=new Error("Title cannot be empty");throw d?.onError?.(m),m}B(m=>m.filter(_=>_.id!==s));try{if(await tt(i,{title:h.title,description:h.description},R.current),M.current!==r){B(m=>{const _=[...m];return _.splice(o,0,h),_});return}x.current&&N(x.current),d?.onSuccess?.()}catch(m){B(H=>{const ye=[...H];return ye.splice(o,0,h),ye});const _=m instanceof Error?m:new Error("Failed to accept suggestion");throw d?.onError?.(_),_}},[N]),K=a.useCallback(async s=>{const d=x.current;if(!d){const o=new Error("No roadmap selected");throw s?.onError?.(o),o}const i=[...oe.current];if(i.length===0)return;const r=i.findIndex(o=>!o.title.trim());if(r!==-1){const o=new Error(`Title cannot be empty at position ${r+1}`);throw s?.onError?.(o),o}B([]);const c=M.current;for(let o=0;o<i.length&&M.current===c;o++){const h=i[o];try{await tt(d,{title:h.title,description:h.description},R.current)}catch(m){const _=m instanceof Error?m:new Error("Failed to accept all suggestions");throw s?.onError?.(_),_}}M.current===c&&(x.current&&N(x.current),s?.onSuccess?.())},[N]),Ye=a.useCallback(s=>ve.current[s]??!1,[]),Be=a.useCallback(async(s,d,i)=>{const r=M.current,c=R.current;ee(o=>({...o,[s]:!0}));try{const o=await Vt(s,d,c);if(M.current!==r)return;const h=o.suggestions.map(m=>({id:V(),title:m.title,description:m.description}));P(m=>({...m,[s]:h})),i?.onSuccess?.()}catch(o){if(M.current!==r)return;const h=o instanceof Error?o:new Error("Failed to generate feature suggestions");throw i?.onError?.(h),h}finally{M.current===r&&ee(o=>({...o,[s]:!1}))}},[]),Ce=a.useCallback((s,d,i)=>{const c=(J.current[s]||[]).map(o=>o.id===d?{...o,...i}:o);J.current={...J.current,[s]:c},P(o=>({...o,[s]:o[s]?.map(h=>h.id===d?{...h,...i}:h)||[]}))},[]),Ge=a.useCallback(async(s,d,i)=>{const r=M.current,c=J.current[s]||[],o=c.findIndex(m=>m.id===d);if(o===-1){const m=new Error("Suggestion draft not found");throw i?.onError?.(m),m}const h=c[o];if(!h.title.trim()){const m=new Error("Title cannot be empty");throw i?.onError?.(m),m}P(m=>({...m,[s]:m[s]?.filter(_=>_.id!==d)||[]}));try{if(await at(s,{title:h.title,description:h.description},R.current),M.current!==r){P(m=>{const H=[...m[s]||[]];return H.splice(o,0,h),{...m,[s]:H}});return}x.current&&N(x.current),i?.onSuccess?.()}catch(m){P(H=>{const se=[...H[s]||[]];return se.splice(o,0,h),{...H,[s]:se}});const _=m instanceof Error?m:new Error("Failed to accept suggestion");throw i?.onError?.(_),_}},[N]),Je=a.useCallback(async(s,d)=>{const i=[...J.current[s]||[]];if(i.length===0)return;const r=i.findIndex(o=>!o.title.trim());if(r!==-1){const o=new Error(`Title cannot be empty at position ${r+1}`);throw d?.onError?.(o),o}P(o=>({...o,[s]:[]}));const c=M.current;for(let o=0;o<i.length&&M.current===c;o++){const h=i[o];try{await at(s,{title:h.title,description:h.description},R.current)}catch(m){const _=m instanceof Error?m:new Error("Failed to accept all suggestions");throw d?.onError?.(_),_}}M.current===c&&(x.current&&N(x.current),d?.onSuccess?.())},[N]),Ne=a.useCallback(()=>{B([]),G(!1)},[]),Xe=a.useCallback(s=>{P(d=>{const i={...d};return delete i[s],i}),ee(d=>{const i={...d};return delete i[s],i})},[]),ue=a.useCallback(async(s,d)=>{const i=++le.current,r=n;ge(!0),Z(null);try{const c=await Ut(s,r);if(le.current!==i||n!==r)return;pe(c),d?.onSuccess?.()}catch(c){if(le.current!==i||n!==r)return;const o=c instanceof Error?c:new Error(String(c));Z(o),pe(null),d?.onError?.(o)}finally{le.current===i&&ge(!1)}},[n]),Ie=a.useCallback(()=>{pe(null),Z(null),ge(!1)},[]),Qe=a.useCallback(async()=>{await X(),x.current&&await N(x.current)},[X,N]);return{roadmaps:v,selectedRoadmapId:C,selectedRoadmap:y,milestones:k,featuresByMilestoneId:j,loading:A,error:L,createRoadmap:Oe,updateRoadmap:je,deleteRoadmap:He,selectRoadmap:Le,createMilestone:p,updateMilestone:I,deleteMilestone:te,reorderMilestones:E,createFeature:Ve,updateFeature:De,deleteFeature:Me,reorderFeatures:ce,moveFeature:Q,milestoneSuggestions:fe,isGeneratingSuggestions:O,generateMilestoneSuggestions:ae,updateMilestoneSuggestionDraft:Re,acceptMilestoneSuggestion:U,acceptAllMilestoneSuggestions:K,clearMilestoneSuggestions:Ne,featureSuggestionsByMilestoneId:be,isGeneratingFeatureSuggestions:Ye,generateFeatureSuggestions:Be,updateFeatureSuggestionDraft:Ce,acceptFeatureSuggestion:Ge,acceptAllFeatureSuggestions:Je,clearFeatureSuggestions:Xe,handoffPayload:ne,isFetchingHandoff:Te,handoffError:he,fetchHandoff:ue,clearHandoff:Ie,refresh:Qe}}function ea({isOpen:l,onClose:n,roadmapTitle:v,handoffPayload:f,isLoading:C,error:w,onFetchHandoff:y,onCopyToClipboard:g}){return l?e.jsx("div",{className:"modal-overlay open",onClick:n,role:"presentation",children:e.jsxs("div",{className:"modal modal-lg",onClick:k=>k.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":"handoff-modal-title",children:[e.jsxs("div",{className:"modal-header",children:[e.jsxs("h2",{id:"handoff-modal-title",children:["Export Roadmap: ",v]}),e.jsx("button",{className:"modal-close",onClick:n,"aria-label":"Close modal",children:e.jsx(re,{size:18})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{className:"text-muted roadmaps-view__handoff-intro",children:"Export roadmap data for use in mission and task planning flows. This is a read-only export — no missions or tasks will be created."}),w&&e.jsxs("div",{className:"form-error roadmaps-view__handoff-error",children:["Error loading handoff data: ",w.message]}),!f&&!C&&e.jsx("div",{className:"roadmaps-view__handoff-empty-state",children:e.jsxs("button",{className:"btn btn-primary",onClick:y,children:[e.jsx(st,{size:16,className:"roadmaps-view__handoff-button-icon"}),"Load Handoff Data"]})}),C&&e.jsxs("div",{className:"roadmaps-view__handoff-loading-state",children:[e.jsx(Qt,{size:24,className:"spin"}),e.jsx("p",{className:"roadmaps-view__handoff-loading-text",children:"Loading handoff data..."})]}),f&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__handoff-section",children:[e.jsx("h3",{className:"roadmaps-view__handoff-section-title",children:"Mission Planning Handoff"}),e.jsx("div",{className:"card roadmaps-view__handoff-card",children:e.jsx("pre",{className:"roadmaps-view__handoff-pre roadmaps-view__handoff-pre--mission",children:JSON.stringify(f.mission,null,2)})})]}),e.jsxs("div",{className:"roadmaps-view__handoff-section",children:[e.jsxs("h3",{className:"roadmaps-view__handoff-section-title",children:["Feature Task Planning Handoffs (",f.features.length,")"]}),e.jsx("div",{className:"card roadmaps-view__handoff-card",children:e.jsx("pre",{className:"roadmaps-view__handoff-pre roadmaps-view__handoff-pre--features",children:JSON.stringify(f.features,null,2)})})]})]})]}),e.jsxs("div",{className:"modal-actions",children:[e.jsx("div",{className:"modal-actions-left",children:f&&e.jsxs("button",{className:"btn btn-sm",onClick:g,children:[e.jsx(Jt,{size:14,className:"roadmaps-view__handoff-copy-icon"}),"Copy to Clipboard"]})}),e.jsx("div",{className:"modal-actions-right",children:e.jsx("button",{className:"btn",onClick:n,children:"Close"})})]})]})}):null}function ta({roadmap:l,isSelected:n,onSelect:v,onEdit:f,onDelete:C,onExport:w}){const y=j=>{j.key==="Enter"&&v()},g=j=>{j.stopPropagation(),f()},k=j=>{j.stopPropagation(),C()},D=j=>{j.stopPropagation(),w()};return e.jsxs("div",{className:`roadmaps-view__sidebar-item${n?" roadmaps-view__sidebar-item--active":""}`,onClick:v,onKeyDown:y,role:"button",tabIndex:0,"aria-selected":n,"data-testid":`roadmap-item-${l.id}`,children:[e.jsxs("div",{className:"roadmaps-view__sidebar-item-content",children:[e.jsx("div",{className:"roadmaps-view__sidebar-item-title",children:l.title}),l.description&&e.jsx("div",{className:"roadmaps-view__sidebar-item-desc",children:l.description})]}),e.jsxs("div",{className:"roadmaps-view__sidebar-item-actions",onClick:g,role:"presentation",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:D,title:"Export roadmap","aria-label":"Export roadmap","data-testid":`roadmap-export-${l.id}`,type:"button",children:e.jsx(st,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:g,title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":`roadmap-edit-${l.id}`,type:"button",children:e.jsx(Fe,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:k,title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":`roadmap-delete-${l.id}`,type:"button",children:e.jsx(Pe,{size:14})})]})]})}function aa({roadmaps:l,selectedRoadmapId:n,onSelect:v,onCreate:f,onEdit:C,onDelete:w,onExport:y,showCreateForm:g,onCancelCreate:k,onSaveCreate:D}){return e.jsxs("div",{className:"roadmaps-view__mobile-list","data-testid":"roadmaps-view__mobile-list",children:[e.jsxs("div",{className:"roadmaps-view__mobile-list-header",children:[e.jsx("h2",{className:"roadmaps-view__mobile-list-title",children:"Roadmaps"}),!g&&e.jsx("button",{className:"roadmaps-view__mobile-add-btn",onClick:f,title:"Create roadmap","aria-label":"Create roadmap","data-testid":"mobile-create-roadmap-btn",children:e.jsx(ze,{size:18})})]}),g&&e.jsx("div",{className:"roadmaps-view__mobile-create-form",children:e.jsx(mt,{onSave:D,onCancel:k})}),l.length===0&&!g?e.jsxs("div",{className:"roadmaps-view__mobile-empty",children:[e.jsx("p",{children:"No roadmaps yet."}),e.jsxs("button",{className:"btn btn-primary btn-sm",onClick:f,children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Create Roadmap"})]})]}):e.jsx("div",{className:"roadmaps-view__mobile-list-items",children:l.map(j=>e.jsxs("div",{className:`roadmaps-view__mobile-item${j.id===n?" roadmaps-view__mobile-item--active":""}`,onClick:()=>v(j.id),role:"button",tabIndex:0,onKeyDown:S=>{S.key==="Enter"&&v(j.id)},"data-testid":`mobile-roadmap-item-${j.id}`,children:[e.jsxs("div",{className:"roadmaps-view__mobile-item-content",children:[e.jsx("span",{className:"roadmaps-view__mobile-item-title",children:j.title}),j.description&&e.jsx("span",{className:"roadmaps-view__mobile-item-desc",children:j.description})]}),e.jsxs("div",{className:"roadmaps-view__mobile-item-actions",children:[e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:S=>{S.stopPropagation(),y(j)},title:"Export roadmap","aria-label":"Export roadmap","data-testid":`mobile-roadmap-export-${j.id}`,children:e.jsx(st,{size:16})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:S=>{S.stopPropagation(),C(j)},title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":`mobile-roadmap-edit-${j.id}`,children:e.jsx(Fe,{size:16})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn roadmaps-view__mobile-action-btn--danger",onClick:S=>{S.stopPropagation(),w(j.id)},title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":`mobile-roadmap-delete-${j.id}`,children:e.jsx(Pe,{size:16})})]})]},j.id))})]})}function sa({roadmapTitle:l,onBack:n,onEdit:v,onDelete:f,onCreate:C}){return e.jsxs("div",{className:"roadmaps-view__mobile-header","data-testid":"roadmaps-view__mobile-header",children:[e.jsx("button",{className:"roadmaps-view__mobile-back-btn",onClick:n,title:"Back to roadmap list","aria-label":"Back to roadmap list","data-testid":"mobile-back-btn",children:e.jsx(Yt,{size:20})}),e.jsx("h2",{className:"roadmaps-view__mobile-header-title",children:l}),e.jsxs("div",{className:"roadmaps-view__mobile-header-actions",children:[e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:C,title:"Create roadmap","aria-label":"Create roadmap","data-testid":"mobile-header-create-btn",children:e.jsx(ze,{size:18})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:v,title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":"mobile-header-edit-btn",children:e.jsx(Fe,{size:18})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn roadmaps-view__mobile-action-btn--danger",onClick:f,title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":"mobile-header-delete-btn",children:e.jsx(Pe,{size:18})})]})]})}function ra({milestone:l,features:n,onEditMilestone:v,onDeleteMilestone:f,onAddFeature:C,onEditFeature:w,onDeleteFeature:y,milestoneEdit:g,onMilestoneEditChange:k,onMilestoneEditFieldChange:D,onCancelMilestoneEdit:j,onSaveMilestoneEdit:S,featureEdit:A,onFeatureEditChange:Y,onStartFeatureEdit:L,onCancelFeatureEdit:$,onSaveFeatureEdit:ne,projectId:pe,addToast:Te,isMilestoneDragging:ge,isMilestoneDropTarget:he,milestoneDropPosition:Z,onMilestoneDragStart:fe,onMilestoneDragEnd:B,onMilestoneDragOver:O,onMilestoneDrop:G,onMilestoneDragLeave:be,isFeatureDragging:P,isFeatureDropTarget:ie,featureDropIndex:ee,onFeatureDragStart:J,onFeatureDragEnd:ve,onFeatureDragOver:oe,onFeatureDrop:xe,onFeatureDragLeave:M,onFeatureDropOnMilestone:le,featureSuggestions:_e,isGeneratingFeatureSuggestions:x,onGenerateFeatureSuggestions:de,onAcceptFeatureSuggestion:we,onAcceptAllFeatureSuggestions:R,onUpdateFeatureSuggestionDraft:Ae,onClearFeatureSuggestions:X}){const N=g?.milestoneId===l.id,Oe=p=>{p.key==="Enter"?(p.preventDefault(),g&&S({title:g.value})):p.key==="Escape"&&j()},je=p=>{p.key==="Escape"&&j()},He=["roadmaps-view__milestone",ge?"roadmaps-view__milestone--dragging":"",he?"roadmaps-view__milestone--drop-target":"",he&&Z==="before"?"roadmaps-view__milestone--drop-before":"",he&&Z==="after"?"roadmaps-view__milestone--drop-after":""].filter(Boolean).join(" "),Le=["roadmaps-view__feature-list",ie?"roadmaps-view__feature-list--drop-target":""].filter(Boolean).join(" ");return e.jsxs("div",{className:He,draggable:!N,onDragStart:p=>{N||(fe(l.id),p.dataTransfer.setData("text/plain",`milestone:${l.id}`),p.dataTransfer.effectAllowed="move")},onDragEnd:B,onDragOver:p=>{p.dataTransfer.types.includes("text/plain")&&p.dataTransfer.types.includes("text/plain")&&(p.preventDefault(),p.dataTransfer.dropEffect="move",O(l.id))},onDrop:p=>{p.preventDefault(),p.dataTransfer.getData("text/plain")?.startsWith("feature:")||G(l.id)},onDragLeave:be,"data-testid":`milestone-card-${l.id}`,children:[e.jsx("div",{className:"roadmaps-view__milestone-header",children:N?e.jsxs("div",{className:"roadmaps-view__inline-edit",children:[e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`milestone-drag-handle-${l.id}`,children:e.jsx(qe,{size:14})}),e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:g.value,onChange:p=>{D("title"),k(p.target.value)},onKeyDown:Oe,placeholder:"Milestone title",autoFocus:!0,"data-testid":`milestone-title-input-${l.id}`}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>S({title:g.value}),"aria-label":"Save milestone title",title:"Save",children:e.jsx(me,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:j,"aria-label":"Cancel editing",title:"Cancel",children:e.jsx(re,{size:14})})]}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:g.field==="description"?g.value:l.description||"",onChange:p=>{D("description"),k(p.target.value)},onKeyDown:je,placeholder:"Milestone description (optional)",rows:2,"data-testid":`milestone-desc-input-${l.id}`})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__milestone-title-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`milestone-drag-handle-${l.id}`,children:e.jsx(qe,{size:14})}),e.jsx("h3",{className:"roadmaps-view__milestone-title",children:l.title}),e.jsxs("div",{className:"roadmaps-view__milestone-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:v,title:"Edit milestone","aria-label":"Edit milestone","data-testid":`milestone-edit-${l.id}`,children:e.jsx(Fe,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:f,title:"Delete milestone","aria-label":"Delete milestone","data-testid":`milestone-delete-${l.id}`,children:e.jsx(Pe,{size:14})})]})]}),l.description&&e.jsx("p",{className:"roadmaps-view__milestone-desc",children:l.description})]})}),e.jsxs("div",{className:"roadmaps-view__milestone-actions-bar",children:[e.jsxs("button",{className:"roadmaps-view__add-feature-btn",onClick:C,title:"Add feature","aria-label":"Add feature","data-testid":`add-feature-${l.id}`,children:[e.jsx(ze,{size:12}),e.jsx("span",{children:"Add Feature"})]}),e.jsxs("button",{className:"roadmaps-view__suggest-btn",onClick:()=>{de?.()},disabled:x??!1,title:"Generate feature suggestions with AI","aria-label":"Generate feature suggestions","data-testid":`generate-features-${l.id}`,children:[e.jsx(ut,{size:12}),e.jsx("span",{children:x?"Generating...":"AI Suggestions"})]})]}),e.jsxs("div",{className:Le,onDragOver:p=>{p.preventDefault(),p.dataTransfer.dropEffect="move",p.dataTransfer.getData("text/plain")?.startsWith("feature:")&&le()},onDrop:p=>{p.preventDefault();const I=p.dataTransfer.getData("text/plain");I?.startsWith("feature:")&&xe(I.split(":")[1],n.length)},onDragLeave:M,children:[n.length===0?e.jsx("p",{className:"roadmaps-view__empty-features",children:"No features yet."}):n.map((p,I)=>{const te=A?.featureId===p.id,Ve=P(p.id),De=E=>{E.key==="Enter"?(E.preventDefault(),A&&ne({title:A.value})):E.key==="Escape"&&$()},Me=["roadmaps-view__feature-item",Ve?"roadmaps-view__feature-item--dragging":"",ie&&ee===I?"roadmaps-view__feature-item--drop-before":"",ie&&ee===I+1?"roadmaps-view__feature-item--drop-after":""].filter(Boolean).join(" ");return e.jsx("div",{className:Me,draggable:!te,onDragStart:E=>{te||(J(p.id,l.id),E.dataTransfer.setData("text/plain",`feature:${p.id}`),E.dataTransfer.effectAllowed="move")},onDragEnd:ve,onDragOver:E=>{if(E.preventDefault(),E.stopPropagation(),E.dataTransfer.dropEffect="move",E.dataTransfer.getData("text/plain")?.startsWith("feature:")){const Q=E.currentTarget.getBoundingClientRect(),V=Q.top+Q.height/2,ae=E.clientY<V?"before":"after";oe(p.id,ae)}},onDrop:E=>{E.preventDefault(),E.stopPropagation();const ce=E.dataTransfer.getData("text/plain");if(ce?.startsWith("feature:")){const Q=ce.split(":")[1],V=E.currentTarget.getBoundingClientRect(),ae=V.top+V.height/2,Re=E.clientY<ae?"before":"after";let U=I;Re==="after"&&(U=I+1),xe(Q,U)}},onDragLeave:M,"data-testid":`feature-item-${p.id}`,children:te?e.jsx("div",{className:"roadmaps-view__inline-edit roadmaps-view__inline-edit--compact",children:e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle roadmaps-view__drag-handle--feature",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`feature-drag-handle-${p.id}`,children:e.jsx(qe,{size:12})}),e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:A.value,onChange:E=>Y(E.target.value),onKeyDown:De,placeholder:"Feature title",autoFocus:!0,"data-testid":`feature-title-input-${p.id}`}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>ne({title:A.value}),"aria-label":"Save feature title",title:"Save",children:e.jsx(me,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:$,"aria-label":"Cancel editing",title:"Cancel",children:e.jsx(re,{size:14})})]})}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"roadmaps-view__drag-handle roadmaps-view__drag-handle--feature",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`feature-drag-handle-${p.id}`,children:e.jsx(qe,{size:12})}),e.jsxs("div",{className:"roadmaps-view__feature-content",children:[e.jsx("span",{className:"roadmaps-view__feature-title",children:p.title}),p.description&&e.jsx("p",{className:"roadmaps-view__feature-desc",children:p.description})]}),e.jsxs("div",{className:"roadmaps-view__feature-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:()=>w(p.id),title:"Edit feature","aria-label":"Edit feature","data-testid":`feature-edit-${p.id}`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:()=>y(p.id),title:"Delete feature","aria-label":"Delete feature","data-testid":`feature-delete-${p.id}`,children:e.jsx(Pe,{size:12})})]})]})},p.id)}),_e&&_e.length>0&&e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsxs("div",{className:"roadmap-suggestion-header",children:[e.jsx("h4",{className:"roadmap-suggestion-title",children:"AI Feature Suggestions"}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-accept-all-btn",onClick:()=>R?.(),title:"Accept all suggestions","aria-label":"Accept all","data-testid":`accept-all-features-${l.id}`,children:"Accept All"}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:()=>X?.(),title:"Clear suggestions","aria-label":"Clear","data-testid":`clear-features-${l.id}`,children:"Clear"})]})]}),e.jsx("div",{className:"roadmap-suggestion-list",children:_e.map(p=>e.jsx(na,{suggestion:p,onUpdateDraft:I=>Ae?.(l.id,p.id,I),onAccept:()=>{we?.(l.id,p.id)},testIdPrefix:`feature-suggestion-${l.id}`},p.id))})]})]})]})}function na({suggestion:l,onUpdateDraft:n,onAccept:v,testIdPrefix:f}){const[C,w]=a.useState(!1),[y,g]=a.useState(l.title),[k,D]=a.useState(l.description||""),j=()=>{g(l.title),D(l.description||""),w(!0)},S=()=>{n({title:y.trim(),description:k.trim()||void 0}),w(!1)},A=()=>{g(l.title),D(l.description||""),w(!1)},Y=()=>{l.title.trim()&&v()},L=l.title.trim().length>0;return C?e.jsx("div",{className:"roadmap-suggestion-card roadmap-suggestion-card--editing",children:e.jsxs("div",{className:"roadmap-suggestion-edit-form",children:[e.jsx("input",{type:"text",className:"roadmap-suggestion-input",value:y,onChange:$=>g($.target.value),placeholder:"Feature title",autoFocus:!0,"data-testid":`${f}-${l.id}-title-input`}),e.jsx("textarea",{className:"roadmap-suggestion-textarea",value:k,onChange:$=>D($.target.value),placeholder:"Description (optional)",rows:2,"data-testid":`${f}-${l.id}-desc-input`}),e.jsxs("div",{className:"roadmap-suggestion-edit-actions",children:[e.jsx("button",{className:"roadmap-suggestion-save-btn",onClick:S,disabled:!y.trim(),title:"Save","data-testid":`${f}-${l.id}-save`,children:e.jsx(me,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-cancel-btn",onClick:A,title:"Cancel","data-testid":`${f}-${l.id}-cancel`,children:e.jsx(re,{size:12})})]})]})}):e.jsxs("div",{className:"roadmap-suggestion-card","data-testid":`${f}-${l.id}`,children:[e.jsxs("div",{className:"roadmap-suggestion-content",children:[e.jsx("span",{className:"roadmap-suggestion-card-title",children:l.title}),l.description&&e.jsx("p",{className:"roadmap-suggestion-card-desc",children:l.description})]}),e.jsxs("div",{className:"roadmap-suggestion-card-actions",children:[e.jsx("button",{className:"roadmap-suggestion-edit-btn",onClick:j,title:"Edit suggestion","aria-label":"Edit","data-testid":`${f}-${l.id}-edit`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-accept-btn",onClick:Y,disabled:!L,title:"Accept this suggestion","aria-label":"Accept","data-testid":`${f}-${l.id}-accept`,children:e.jsx(me,{size:12})})]})]})}function ct({suggestion:l,onUpdateDraft:n,onAccept:v,testIdPrefix:f}){const[C,w]=a.useState(!1),[y,g]=a.useState(l.title),[k,D]=a.useState(l.description||""),j=()=>{g(l.title),D(l.description||""),w(!0)},S=()=>{n({title:y.trim(),description:k.trim()||void 0}),w(!1)},A=()=>{g(l.title),D(l.description||""),w(!1)},Y=()=>{l.title.trim()&&v()},L=l.title.trim().length>0;return C?e.jsx("div",{className:"roadmap-suggestion-card roadmap-suggestion-card--editing",children:e.jsxs("div",{className:"roadmap-suggestion-edit-form",children:[e.jsx("input",{type:"text",className:"roadmap-suggestion-input",value:y,onChange:$=>g($.target.value),placeholder:"Milestone title",autoFocus:!0,"data-testid":`${f}-${l.id}-title-input`}),e.jsx("textarea",{className:"roadmap-suggestion-textarea",value:k,onChange:$=>D($.target.value),placeholder:"Description (optional)",rows:2,"data-testid":`${f}-${l.id}-desc-input`}),e.jsxs("div",{className:"roadmap-suggestion-edit-actions",children:[e.jsx("button",{className:"roadmap-suggestion-save-btn",onClick:S,disabled:!y.trim(),title:"Save","data-testid":`${f}-${l.id}-save`,children:e.jsx(me,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-cancel-btn",onClick:A,title:"Cancel","data-testid":`${f}-${l.id}-cancel`,children:e.jsx(re,{size:12})})]})]})}):e.jsxs("div",{className:"roadmap-suggestion-card","data-testid":`${f}-${l.id}`,children:[e.jsxs("div",{className:"roadmap-suggestion-content",children:[e.jsx("span",{className:"roadmap-suggestion-card-title",children:l.title}),l.description&&e.jsx("p",{className:"roadmap-suggestion-card-desc",children:l.description})]}),e.jsxs("div",{className:"roadmap-suggestion-card-actions",children:[e.jsx("button",{className:"roadmap-suggestion-edit-btn",onClick:j,title:"Edit suggestion","aria-label":"Edit","data-testid":`${f}-${l.id}-edit`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-accept-btn",onClick:Y,disabled:!L,title:"Accept this suggestion","aria-label":"Accept","data-testid":`${f}-${l.id}-accept`,children:e.jsx(me,{size:12})})]})]})}function mt({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form","data-testid":"create-roadmap-form",children:e.jsxs("form",{onSubmit:y,children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Roadmap title",autoFocus:!0,"data-testid":"create-roadmap-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Roadmap description (optional)",rows:2,"data-testid":"create-roadmap-description"}),e.jsxs("div",{className:"roadmaps-view__create-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__btn roadmaps-view__btn--primary",disabled:!v.trim(),"data-testid":"create-roadmap-submit",children:"Create"}),e.jsx("button",{type:"button",className:"roadmaps-view__btn",onClick:n,"data-testid":"create-roadmap-cancel",children:"Cancel"})]})]})})}function ia({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form roadmaps-view__create-form--inline","data-testid":"create-milestone-form",children:e.jsxs("form",{onSubmit:y,className:"roadmaps-view__inline-form",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Milestone title",autoFocus:!0,"data-testid":"create-milestone-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Description (optional)",rows:1,"data-testid":"create-milestone-description"}),e.jsxs("div",{className:"roadmaps-view__inline-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",disabled:!v.trim(),"aria-label":"Save milestone",title:"Save","data-testid":"create-milestone-submit",children:e.jsx(me,{size:14})}),e.jsx("button",{type:"button",className:"roadmaps-view__icon-btn",onClick:n,"aria-label":"Cancel",title:"Cancel","data-testid":"create-milestone-cancel",children:e.jsx(re,{size:14})})]})]})})}function oa({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form roadmaps-view__create-form--inline","data-testid":"create-feature-form",children:e.jsxs("form",{onSubmit:y,className:"roadmaps-view__inline-form",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Feature title",autoFocus:!0,"data-testid":"create-feature-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Description (optional)",rows:1,"data-testid":"create-feature-description"}),e.jsxs("div",{className:"roadmaps-view__inline-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",disabled:!v.trim(),"aria-label":"Save feature",title:"Save","data-testid":"create-feature-submit",children:e.jsx(me,{size:14})}),e.jsx("button",{type:"button",className:"roadmaps-view__icon-btn",onClick:n,"aria-label":"Cancel",title:"Cancel","data-testid":"create-feature-cancel",children:e.jsx(re,{size:14})})]})]})})}function ma({projectId:l,addToast:n}){const{confirm:v}=Kt(),f=Wt()==="mobile",{roadmaps:C,selectedRoadmapId:w,selectedRoadmap:y,milestones:g,featuresByMilestoneId:k,loading:D,error:j,createRoadmap:S,updateRoadmap:A,deleteRoadmap:Y,selectRoadmap:L,createMilestone:$,updateMilestone:ne,deleteMilestone:pe,createFeature:Te,updateFeature:ge,deleteFeature:he,reorderMilestones:Z,reorderFeatures:fe,moveFeature:B,milestoneSuggestions:O,isGeneratingSuggestions:G,generateMilestoneSuggestions:be,updateMilestoneSuggestionDraft:P,acceptMilestoneSuggestion:ie,acceptAllMilestoneSuggestions:ee,clearMilestoneSuggestions:J,featureSuggestionsByMilestoneId:ve,isGeneratingFeatureSuggestions:oe,generateFeatureSuggestions:xe,updateFeatureSuggestionDraft:M,acceptFeatureSuggestion:le,acceptAllFeatureSuggestions:_e,clearFeatureSuggestions:x,handoffPayload:de,isFetchingHandoff:we,handoffError:R,fetchHandoff:Ae,clearHandoff:X}=Zt({projectId:l}),[N,Oe]=a.useState(!1),[je,He]=a.useState(null),[Le,p]=a.useState(""),[I,te]=a.useState(""),[Ve,De]=a.useState(!1),Me=a.useRef(null);a.useEffect(()=>{Me.current!==null&&Me.current!==w&&De(!1),Me.current=w},[w]);const[E,ce]=a.useState({roadmapId:null,field:null,value:""}),[Q,V]=a.useState({milestoneId:null,field:null,value:""}),[ae,Re]=a.useState({featureId:null,field:null,value:""}),[U,K]=a.useState({type:null,parentId:void 0,title:"",description:""}),[Ye,Be]=a.useState(!1),[Ce,Ge]=a.useState({draggingId:null,dropTargetId:null,dropPosition:null}),Je=a.useCallback(t=>{Ge(u=>({...u,draggingId:t}))},[]),Ne=a.useCallback(()=>{Ge({draggingId:null,dropTargetId:null,dropPosition:null})},[]),Xe=a.useCallback(t=>{Ge(u=>u.draggingId===t?u:{...u,dropTargetId:t,dropPosition:null})},[]),[ue,Ie]=a.useState({draggingId:null,draggingMilestoneId:null,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null}),Qe=a.useCallback((t,u)=>{Ie(b=>({...b,draggingId:t,draggingMilestoneId:u}))},[]),s=a.useCallback(()=>{Ie({draggingId:null,draggingMilestoneId:null,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null})},[]),d=a.useCallback((t,u)=>{Ie(b=>{if(b.draggingId===t)return b;const T=(k[b.draggingMilestoneId||""]||[]).findIndex(Ee=>Ee.id===t);let q;return u==="before"?q=T:q=T+1,{...b,dropTargetMilestoneId:b.draggingMilestoneId,dropTargetIndex:q,dropPosition:u}})},[k]),i=a.useCallback(()=>{Ie(t=>({...t,dropTargetMilestoneId:t.draggingMilestoneId,dropTargetIndex:(k[t.draggingMilestoneId||""]||[]).length}))},[k]),r=a.useCallback(async(t,u)=>{const{draggingMilestoneId:b,dropTargetMilestoneId:z}=ue;if(!b){s();return}const T=z||b,q=k[b]||[],Ee=q.find(ke=>ke.id===t);if(!Ee){s();return}if(b!==T){if(b===T){s();return}try{await B(t,T,u,{onError:ke=>{n(`Failed to move feature: ${ke.message}`,"error")}})}catch{}}else{const ke=[...q],kt=ke.findIndex($e=>$e.id===t);ke.splice(kt,1),ke.splice(u,0,Ee);const dt=ke.map($e=>$e.id),Ft=q.map($e=>$e.id);if(dt.join(",")===Ft.join(",")){s();return}try{await fe(b,dt,{onError:$e=>{n(`Failed to reorder features: ${$e.message}`,"error")}})}catch{}}s()},[ue,k,fe,B,n,s]),c=a.useCallback(t=>{const u=t.currentTarget.getBoundingClientRect(),b=t.clientX,z=t.clientY;(b<u.left||b>u.right||z<u.top||z>u.bottom)&&Ie(T=>({...T,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null}))},[]),o=a.useCallback(t=>ue.draggingId===t,[ue.draggingId]),h=a.useCallback(async t=>{const{draggingId:u}=Ce;if(!u||u===t){Ne();return}const b=g.map(Ee=>Ee.id),z=b.indexOf(u),T=b.indexOf(t);if(z===-1||T===-1){Ne();return}const q=[...b];if(q.splice(z,1),q.splice(T,0,u),q.join(",")===b.join(",")){Ne();return}try{await Z(w,q,{onError:Ee=>{n(`Failed to reorder milestones: ${Ee.message}`,"error")}})}catch{}Ne()},[Ce,g,w,Z,n,Ne]),m=a.useCallback(t=>{const u=t.currentTarget.getBoundingClientRect(),b=t.clientX,z=t.clientY;(b<u.left||b>u.right||z<u.top||z>u.bottom)&&Ge(T=>({...T,dropTargetId:null,dropPosition:null}))},[]),_=a.useCallback(t=>{L(t.id),ce({roadmapId:t.id,field:"title",value:t.title})},[L]),H=a.useCallback(()=>{ce({roadmapId:null,field:null,value:""})},[]),ye=a.useCallback(async t=>{if(E.roadmapId)try{await A(E.roadmapId,t,{onError:u=>n(u.message,"error")}),H()}catch{}},[E.roadmapId,A,H,n]),se=a.useCallback(async t=>{if(await v({title:"Delete Roadmap",message:"Delete this roadmap? This cannot be undone.",danger:!0}))try{await Y(t,{onError:b=>n(b.message,"error")}),n("Roadmap deleted","success")}catch{}},[Y,n,v]),Ue=a.useCallback((t,u)=>{He(t),p(u),Oe(!0),X()},[X]),F=a.useCallback(()=>{Oe(!1),He(null),p(""),X()},[X]),W=a.useCallback(()=>{je&&Ae(je,{onError:t=>n(`Failed to load handoff: ${t.message}`,"error")})},[je,Ae,n]),Ke=a.useCallback(()=>{if(de){const t=JSON.stringify(de,null,2);navigator.clipboard.writeText(t).then(()=>{n("Handoff data copied to clipboard","success")}).catch(()=>{n("Failed to copy to clipboard","error")})}},[de,n]),We=a.useCallback(async t=>{try{await S(t,{onError:u=>n(u.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Roadmap created","success")}catch{}},[S,n]),pt=a.useCallback(t=>{V({milestoneId:t.id,field:"title",value:t.title})},[]),gt=a.useCallback(t=>{V(u=>({...u,value:t}))},[]),ht=a.useCallback(t=>{V(u=>({...u,field:t}))},[]),Ze=a.useCallback(()=>{V({milestoneId:null,field:null,value:""})},[]),ft=a.useCallback(async t=>{if(Q.milestoneId)try{await ne(Q.milestoneId,t,{onError:u=>n(u.message,"error")}),Ze()}catch{}},[Q.milestoneId,ne,Ze,n]),bt=a.useCallback(async t=>{if(await v({title:"Delete Milestone",message:"Delete this milestone and all its features?",danger:!0}))try{await pe(t,{onError:b=>n(b.message,"error")}),n("Milestone deleted","success")}catch{}},[pe,n,v]),vt=a.useCallback(async t=>{try{await $(t,{onError:u=>n(u.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Milestone created","success")}catch{}},[$,n]),rt=a.useCallback((t,u,b)=>{Re({featureId:t,field:"title",value:u})},[]),xt=a.useCallback(t=>{Re(u=>({...u,value:t}))},[]),et=a.useCallback(()=>{Re({featureId:null,field:null,value:""})},[]),_t=a.useCallback(async t=>{if(ae.featureId)try{await ge(ae.featureId,t,{onError:u=>n(u.message,"error")}),et()}catch{}},[ae.featureId,ge,et,n]),wt=a.useCallback(async t=>{if(await v({title:"Delete Feature",message:"Delete this feature?",danger:!0}))try{await he(t,{onError:b=>n(b.message,"error")}),n("Feature deleted","success")}catch{}},[he,n,v]),nt=a.useCallback(async()=>{if(I.trim())try{await be(I,5,{onError:t=>n(t.message,"error")})}catch{}},[I,be,n]),it=a.useCallback(async t=>{try{await ie(t,{onError:u=>n(u.message,"error")}),n("Milestone added","success")}catch{}},[ie,n]),ot=a.useCallback(async()=>{try{await ee({onError:t=>n(t.message,"error")}),n(`${O.length} milestones added`,"success"),te("")}catch{}},[ee,O.length,n]),lt=a.useCallback(()=>{J(),te("")},[J]),jt=a.useCallback(async t=>{try{await xe(t,{count:5},{onError:u=>n(u.message,"error")})}catch{}},[xe,n]),Ct=a.useCallback(async(t,u)=>{try{await le(t,u,{onError:b=>n(b.message,"error")}),n("Feature added","success")}catch{}},[le,n]),Nt=a.useCallback((t,u,b)=>{M(t,u,b)},[M]),yt=a.useCallback(async t=>{const u=ve[t]||[];try{await _e(t,{onError:b=>n(b.message,"error")}),n(`${u.length} features added`,"success")}catch{}},[_e,ve,n]),St=a.useCallback(t=>{x(t)},[x]),Et=a.useCallback(async(t,u)=>{try{await Te(t,u,{onError:b=>n(b.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Feature created","success")}catch{}},[Te,n]),Se=w;return D&&C.length===0?e.jsx("div",{className:"roadmaps-view roadmaps-view--loading",children:e.jsx("div",{className:"roadmaps-view__loading-state",children:"Loading roadmaps..."})}):j&&C.length===0?e.jsx("div",{className:"roadmaps-view roadmaps-view--error",children:e.jsxs("div",{className:"roadmaps-view__error-state",children:[e.jsx("p",{children:"Failed to load roadmaps"}),e.jsx("p",{className:"roadmaps-view__error-msg",children:j.message})]})}):e.jsxs("div",{className:"roadmaps-view",children:[f&&!Se&&e.jsx(aa,{roadmaps:C,selectedRoadmapId:Se,onSelect:t=>L(t),onCreate:()=>Be(!0),onEdit:_,onDelete:se,onExport:t=>Ue(t.id,t.title),showCreateForm:Ye,onCancelCreate:()=>Be(!1),onSaveCreate:async t=>{await We(t),Be(!1)}}),!f&&e.jsxs("aside",{className:"roadmaps-view__sidebar","aria-label":"Roadmaps",children:[e.jsxs("div",{className:"roadmaps-view__sidebar-header",children:[e.jsx("h2",{className:"roadmaps-view__sidebar-title",children:"Roadmaps"}),e.jsx("button",{className:"roadmaps-view__add-btn",onClick:()=>K({type:"roadmap",title:"",description:""}),title:"Create roadmap","aria-label":"Create roadmap","data-testid":"create-roadmap-btn",children:e.jsx(ze,{size:16})})]}),U.type==="roadmap"&&e.jsx(mt,{onSave:We,onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})}),e.jsx("div",{className:"roadmaps-view__sidebar-list",children:C.length===0?e.jsx("p",{className:"roadmaps-view__empty-sidebar",children:"No roadmaps yet. Click + to create one."}):C.map(t=>e.jsx(ta,{roadmap:t,isSelected:t.id===Se,onSelect:()=>L(t.id),onEdit:()=>_(t),onDelete:()=>se(t.id),onExport:()=>Ue(t.id,t.title)},t.id))})]}),e.jsxs("main",{className:"roadmaps-view__main","aria-label":"Roadmap content",children:[f&&Se&&e.jsx(sa,{roadmapTitle:y?.title||"Untitled Roadmap",onBack:()=>L(null),onEdit:()=>{y&&_(y)},onDelete:()=>se(Se),onCreate:()=>Be(!0)}),Se?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"roadmaps-view__roadmap-header",children:E.roadmapId===Se?e.jsx("div",{className:"roadmaps-view__inline-edit",children:e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input roadmaps-view__inline-input--large",value:E.value,onChange:t=>ce(u=>({...u,value:t.target.value})),onKeyDown:t=>{t.key==="Enter"?ye({title:E.value}):t.key==="Escape"&&H()},placeholder:"Roadmap title",autoFocus:!0,"data-testid":"roadmap-title-input"}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>ye({title:E.value}),"aria-label":"Save",title:"Save",children:e.jsx(me,{size:16})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:H,"aria-label":"Cancel",title:"Cancel",children:e.jsx(re,{size:16})})]})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__roadmap-title-row",children:[e.jsx("h1",{className:"roadmaps-view__roadmap-title",children:y?.title||"Untitled Roadmap"}),e.jsxs("div",{className:"roadmaps-view__roadmap-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:()=>{y&&_(y)},title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":"edit-roadmap-btn",children:e.jsx(Fe,{size:16})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:()=>se(Se),title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":"delete-roadmap-btn",children:e.jsx(Pe,{size:16})})]})]}),y?.description&&e.jsx("p",{className:"roadmaps-view__roadmap-desc",children:y.description})]})}),f?Ve?e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsxs("div",{className:"roadmap-suggestion-header",children:[e.jsx("h3",{className:"roadmap-suggestion-title",children:"Generate Milestone Ideas"}),e.jsx("button",{className:"roadmap-suggestion-collapse-btn",onClick:()=>De(!1),"aria-label":"Collapse suggestion panel","data-testid":"collapse-suggestion-panel-btn",children:e.jsx(qt,{size:16})})]}),e.jsxs("div",{className:"roadmap-suggestion-form",children:[e.jsx("textarea",{className:"roadmap-suggestion-input",value:I,onChange:t=>te(t.target.value),placeholder:"Describe your roadmap goal (e.g., 'Build a user authentication system with OAuth, profiles, and admin dashboard')",rows:2,disabled:G||!w,"data-testid":"goal-prompt-input",autoFocus:!0}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-generate-btn",onClick:nt,disabled:!I.trim()||G||!w,"data-testid":"generate-suggestions-btn",children:G?"Generating...":"Generate Milestones"}),O.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"roadmap-suggestion-accept-all-btn",onClick:ot,"data-testid":"accept-all-suggestions-btn",children:["Accept All (",O.length,")"]}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:lt,title:"Clear suggestions","aria-label":"Clear suggestions","data-testid":"clear-suggestions-btn",children:e.jsx(re,{size:14})})]})]})]}),O.length>0&&e.jsx("div",{className:"roadmap-suggestion-list",children:O.map(t=>e.jsx(ct,{suggestion:t,onUpdateDraft:u=>P(t.id,u),onAccept:()=>it(t.id),testIdPrefix:"suggestion"},t.id))})]}):e.jsx("div",{className:"roadmap-suggestion-section",children:e.jsxs("button",{className:"roadmap-suggestion-expand-btn",onClick:()=>De(!0),disabled:!w,"data-testid":"expand-suggestion-panel-btn",children:[e.jsx(ut,{size:16}),"Generate Milestone Ideas"]})}):e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsx("div",{className:"roadmap-suggestion-header",children:e.jsx("h3",{className:"roadmap-suggestion-title",children:"Generate Milestone Ideas"})}),e.jsxs("div",{className:"roadmap-suggestion-form",children:[e.jsx("textarea",{className:"roadmap-suggestion-input",value:I,onChange:t=>te(t.target.value),placeholder:"Describe your roadmap goal (e.g., 'Build a user authentication system with OAuth, profiles, and admin dashboard')",rows:2,disabled:G||!w,"data-testid":"goal-prompt-input"}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-generate-btn",onClick:nt,disabled:!I.trim()||G||!w,"data-testid":"generate-suggestions-btn",children:G?"Generating...":"Generate Milestones"}),O.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"roadmap-suggestion-accept-all-btn",onClick:ot,"data-testid":"accept-all-suggestions-btn",children:["Accept All (",O.length,")"]}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:lt,title:"Clear suggestions","aria-label":"Clear suggestions","data-testid":"clear-suggestions-btn",children:e.jsx(re,{size:14})})]})]})]}),O.length>0&&e.jsx("div",{className:"roadmap-suggestion-list",children:O.map(t=>e.jsx(ct,{suggestion:t,onUpdateDraft:u=>P(t.id,u),onAccept:()=>it(t.id),testIdPrefix:"suggestion"},t.id))})]}),e.jsxs("div",{className:"roadmaps-view__milestone-lanes",children:[U.type==="milestone"&&e.jsx(ia,{onSave:vt,onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})}),g.length===0&&U.type!=="milestone"?e.jsxs("div",{className:"roadmaps-view__empty-milestones",children:[e.jsx("p",{children:"This roadmap has no milestones."}),e.jsxs("button",{className:"roadmaps-view__add-milestone-btn",onClick:()=>K({type:"milestone",title:"",description:""}),"data-testid":"add-milestone-btn-empty",children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Add Milestone"})]})]}):e.jsxs(e.Fragment,{children:[U.type!=="milestone"&&e.jsxs("button",{className:"roadmaps-view__add-milestone-fab",onClick:()=>K({type:"milestone",title:"",description:""}),"data-testid":"add-milestone-btn",children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Add Milestone"})]}),g.map(t=>e.jsx(ra,{milestone:t,features:k[t.id]||[],onEditMilestone:()=>pt(t),onDeleteMilestone:()=>bt(t.id),onAddFeature:()=>K({type:"feature",parentId:t.id,title:"",description:""}),onEditFeature:u=>{const b=k[t.id]?.find(z=>z.id===u);b&&rt(u,b.title,b.description)},onDeleteFeature:wt,milestoneEdit:Q,onMilestoneEditChange:gt,onMilestoneEditFieldChange:ht,onCancelMilestoneEdit:Ze,onSaveMilestoneEdit:ft,featureEdit:ae,onFeatureEditChange:xt,onStartFeatureEdit:rt,onCancelFeatureEdit:et,onSaveFeatureEdit:_t,projectId:l,addToast:n,isMilestoneDragging:Ce.draggingId===t.id,isMilestoneDropTarget:Ce.dropTargetId===t.id,milestoneDropPosition:Ce.dropTargetId===t.id?Ce.dropPosition:null,onMilestoneDragStart:Je,onMilestoneDragEnd:Ne,onMilestoneDragOver:Xe,onMilestoneDrop:h,onMilestoneDragLeave:m,isFeatureDragging:o,isFeatureDropTarget:ue.dropTargetMilestoneId===t.id,featureDropIndex:ue.dropTargetMilestoneId===t.id?ue.dropTargetIndex:null,onFeatureDragStart:Qe,onFeatureDragEnd:s,onFeatureDragOver:d,onFeatureDrop:r,onFeatureDragLeave:c,onFeatureDropOnMilestone:i,featureSuggestions:ve[t.id],isGeneratingFeatureSuggestions:oe(t.id),onGenerateFeatureSuggestions:()=>jt(t.id),onAcceptFeatureSuggestion:u=>Ct(t.id,u),onAcceptAllFeatureSuggestions:()=>yt(t.id),onUpdateFeatureSuggestionDraft:(u,b,z)=>Nt(u,b,z),onClearFeatureSuggestions:()=>St(t.id)},t.id))]})]})]}):e.jsx("div",{className:"roadmaps-view__empty-main",children:e.jsx("p",{children:"Select a roadmap from the sidebar to view its milestones."})})]}),U.type==="feature"&&U.parentId&&e.jsx("div",{className:"roadmaps-view__feature-create-overlay",children:e.jsx(oa,{onSave:t=>Et(U.parentId,t),onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})})}),e.jsx(ea,{isOpen:N,onClose:F,roadmapId:je||"",roadmapTitle:Le,handoffPayload:de,isLoading:we,error:R,onFetchHandoff:W,onCopyToClipboard:Ke})]})}export{ma as RoadmapsView};
+ */const Xt=[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]],Qt=Dt("loader",Xt);function Zt(l){const n=l?.projectId,[v,f]=a.useState([]),[C,w]=a.useState(null),[y,g]=a.useState(null),[k,D]=a.useState([]),[j,S]=a.useState({}),[A,J]=a.useState(!1),[L,$]=a.useState(null),[ne,pe]=a.useState(null),[Te,ge]=a.useState(!1),[he,Z]=a.useState(null),[fe,P]=a.useState([]),[O,B]=a.useState(!1),[be,G]=a.useState({}),[ie,ee]=a.useState({}),q=a.useRef(be),ve=a.useRef(ie),oe=a.useRef(fe);q.current=be,ve.current=ie,oe.current=fe;const xe=a.useRef(n),M=a.useRef(0),le=a.useRef(0),_e=a.useRef(v),x=a.useRef(C),de=a.useRef(k),we=a.useRef(j),R=a.useRef(n),Ae=a.useRef(ne);_e.current=v,x.current=C,de.current=k,we.current=j,R.current=n,Ae.current=ne,a.useEffect(()=>{xe.current!==n&&(xe.current=n,M.current++,w(null),g(null),D([]),S({}),pe(null),Z(null),P([]),B(!1),G({}),ee({}))},[n]);const X=a.useCallback(async()=>{J(!0),$(null);try{const s=await Mt(n);f(s)}catch(s){$(s instanceof Error?s:new Error("Failed to fetch roadmaps"))}finally{J(!1)}},[n]),N=a.useCallback(async s=>{try{const d=await Rt(s,n);g(d),D(d.milestones||[]);const i={};for(const r of d.milestones||[])i[r.id]=r.features||[];S(i)}catch(d){$(d instanceof Error?d:new Error("Failed to fetch roadmap"))}},[n]);a.useEffect(()=>{X()},[X]),a.useEffect(()=>{C?N(C):(g(null),D([]),S({}))},[C,N]);const Oe=a.useCallback(async(s,d)=>{try{const i=await It(s,R.current);f(r=>[...r,i]),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to create roadmap");throw d?.onError?.(r),r}},[]),je=a.useCallback(async(s,d,i)=>{try{const r=await $t(s,d,R.current);f(c=>c.map(o=>o.id===s?r:o)),x.current===s&&g(c=>c?{...c,...r}:null),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update roadmap");throw i?.onError?.(c),c}},[]),He=a.useCallback(async(s,d)=>{try{await zt(s,R.current),f(i=>i.filter(r=>r.id!==s)),x.current===s&&(w(null),g(null),D([]),S({})),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete roadmap");throw d?.onError?.(r),r}},[]),Le=a.useCallback(s=>{w(s)},[]),p=a.useCallback(async(s,d)=>{const i=x.current;if(!i){const r=new Error("No roadmap selected");throw d?.onError?.(r),r}try{const r=await tt(i,s,R.current);D(c=>[...c,r]),S(c=>({...c,[r.id]:[]})),x.current&&N(x.current),d?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to create milestone");throw d?.onError?.(c),c}},[N]),I=a.useCallback(async(s,d,i)=>{try{const r=await At(s,d,R.current);D(c=>c.map(o=>o.id===s?r:o)),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update milestone");throw i?.onError?.(c),c}},[N]),te=a.useCallback(async(s,d)=>{try{await Ot(s,R.current),D(i=>i.filter(r=>r.id!==s)),S(i=>{const r={...i};return delete r[s],r}),x.current&&N(x.current),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete milestone");throw d?.onError?.(r),r}},[N]),Ve=a.useCallback(async(s,d,i)=>{try{const r=await at(s,d,R.current);S(c=>({...c,[s]:[...c[s]||[],r]})),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to create feature");throw i?.onError?.(c),c}},[N]),De=a.useCallback(async(s,d,i)=>{try{const r=await Ht(s,d,R.current);S(c=>{const o={};for(const[h,m]of Object.entries(c))o[h]=m.map(_=>_.id===s?r:_);return o}),x.current&&N(x.current),i?.onSuccess?.()}catch(r){const c=r instanceof Error?r:new Error("Failed to update feature");throw i?.onError?.(c),c}},[N]),Me=a.useCallback(async(s,d)=>{try{await Pt(s,R.current),S(i=>{const r={};for(const[c,o]of Object.entries(i))r[c]=o.filter(h=>h.id!==s);return r}),x.current&&N(x.current),d?.onSuccess?.()}catch(i){const r=i instanceof Error?i:new Error("Failed to delete feature");throw d?.onError?.(r),r}},[N]),E=a.useCallback(async(s,d,i)=>{const r=de.current,c=d.map(o=>r.find(h=>h.id===o)).filter(o=>o!==void 0).map((o,h)=>({...o,orderIndex:h}));D(c);try{await Bt(s,d,R.current),x.current&&N(x.current),i?.onSuccess?.()}catch(o){D(r);const h=o instanceof Error?o:new Error("Failed to reorder milestones");throw i?.onError?.(h),h}},[N]),ce=a.useCallback(async(s,d,i)=>{const r=we.current[s]||[],c=r.map(m=>m.id);if(JSON.stringify(c)===JSON.stringify(d)){i?.onSuccess?.();return}const o=we.current,h=d.map(m=>r.find(_=>_.id===m)).filter(m=>m!==void 0).map((m,_)=>({...m,orderIndex:_}));S(m=>({...m,[s]:h}));try{await Gt(s,d,R.current),x.current&&N(x.current),i?.onSuccess?.()}catch(m){S(o);const _=m instanceof Error?m:new Error("Failed to reorder features");throw i?.onError?.(_),_}},[N]),Q=a.useCallback(async(s,d,i,r)=>{const c=we.current;let o=null;for(const[F,W]of Object.entries(c))if(W.some(Ke=>Ke.id===s)){o=F;break}if(!o){const F=new Error("Feature not found");throw r?.onError?.(F),F}if(o===d){const F=c[o]||[],W=Math.max(0,Math.min(i,F.length-1));if(F.findIndex(We=>We.id===s)===W){r?.onSuccess?.();return}}const h=c[o]||[],m=c[d]||[],_=h.find(F=>F.id===s);if(!_){const F=new Error("Feature not found");throw r?.onError?.(F),F}const H=h.filter(F=>F.id!==s).map((F,W)=>({...F,orderIndex:W})),ye={..._,milestoneId:d,orderIndex:i},se=[...m];se.splice(i,0,ye);const Ue=se.map((F,W)=>({...F,orderIndex:W}));S(o===d?F=>({...F,[o]:Ue}):F=>({...F,[o]:H,[d]:Ue}));try{await Tt(s,d,i,n),x.current&&N(x.current),r?.onSuccess?.()}catch(F){S(c);const W=F instanceof Error?F:new Error("Failed to move feature");throw r?.onError?.(W),W}},[N,n]);function V(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`draft-${Date.now()}-${Math.random().toString(36).slice(2,11)}`}const ae=a.useCallback(async(s,d=5,i)=>{const r=x.current;if(!r){const h=new Error("No roadmap selected");throw i?.onError?.(h),h}const c=M.current,o=R.current;B(!0);try{const h=await Lt(r,s,d,o);if(M.current!==c)return;const m=h.suggestions.map(_=>({id:V(),title:_.title,description:_.description}));P(m),i?.onSuccess?.()}catch(h){if(M.current!==c)return;const m=h instanceof Error?h:new Error("Failed to generate suggestions");throw i?.onError?.(m),m}finally{M.current===c&&B(!1)}},[]),Re=a.useCallback((s,d)=>{const r=oe.current.map(c=>c.id===s?{...c,...d}:c);oe.current=r,P(c=>c.map(o=>o.id===s?{...o,...d}:o))},[]),U=a.useCallback(async(s,d)=>{const i=x.current;if(!i){const m=new Error("No roadmap selected");throw d?.onError?.(m),m}const r=M.current,c=oe.current,o=c.findIndex(m=>m.id===s);if(o===-1){const m=new Error("Suggestion draft not found");throw d?.onError?.(m),m}const h=c[o];if(!h.title.trim()){const m=new Error("Title cannot be empty");throw d?.onError?.(m),m}P(m=>m.filter(_=>_.id!==s));try{if(await tt(i,{title:h.title,description:h.description},R.current),M.current!==r){P(m=>{const _=[...m];return _.splice(o,0,h),_});return}x.current&&N(x.current),d?.onSuccess?.()}catch(m){P(H=>{const ye=[...H];return ye.splice(o,0,h),ye});const _=m instanceof Error?m:new Error("Failed to accept suggestion");throw d?.onError?.(_),_}},[N]),K=a.useCallback(async s=>{const d=x.current;if(!d){const o=new Error("No roadmap selected");throw s?.onError?.(o),o}const i=[...oe.current];if(i.length===0)return;const r=i.findIndex(o=>!o.title.trim());if(r!==-1){const o=new Error(`Title cannot be empty at position ${r+1}`);throw s?.onError?.(o),o}P([]);const c=M.current;for(let o=0;o<i.length&&M.current===c;o++){const h=i[o];try{await tt(d,{title:h.title,description:h.description},R.current)}catch(m){const _=m instanceof Error?m:new Error("Failed to accept all suggestions");throw s?.onError?.(_),_}}M.current===c&&(x.current&&N(x.current),s?.onSuccess?.())},[N]),Je=a.useCallback(s=>ve.current[s]??!1,[]),Pe=a.useCallback(async(s,d,i)=>{const r=M.current,c=R.current;ee(o=>({...o,[s]:!0}));try{const o=await Vt(s,d,c);if(M.current!==r)return;const h=o.suggestions.map(m=>({id:V(),title:m.title,description:m.description}));G(m=>({...m,[s]:h})),i?.onSuccess?.()}catch(o){if(M.current!==r)return;const h=o instanceof Error?o:new Error("Failed to generate feature suggestions");throw i?.onError?.(h),h}finally{M.current===r&&ee(o=>({...o,[s]:!1}))}},[]),Ce=a.useCallback((s,d,i)=>{const c=(q.current[s]||[]).map(o=>o.id===d?{...o,...i}:o);q.current={...q.current,[s]:c},G(o=>({...o,[s]:o[s]?.map(h=>h.id===d?{...h,...i}:h)||[]}))},[]),Be=a.useCallback(async(s,d,i)=>{const r=M.current,c=q.current[s]||[],o=c.findIndex(m=>m.id===d);if(o===-1){const m=new Error("Suggestion draft not found");throw i?.onError?.(m),m}const h=c[o];if(!h.title.trim()){const m=new Error("Title cannot be empty");throw i?.onError?.(m),m}G(m=>({...m,[s]:m[s]?.filter(_=>_.id!==d)||[]}));try{if(await at(s,{title:h.title,description:h.description},R.current),M.current!==r){G(m=>{const H=[...m[s]||[]];return H.splice(o,0,h),{...m,[s]:H}});return}x.current&&N(x.current),i?.onSuccess?.()}catch(m){G(H=>{const se=[...H[s]||[]];return se.splice(o,0,h),{...H,[s]:se}});const _=m instanceof Error?m:new Error("Failed to accept suggestion");throw i?.onError?.(_),_}},[N]),qe=a.useCallback(async(s,d)=>{const i=[...q.current[s]||[]];if(i.length===0)return;const r=i.findIndex(o=>!o.title.trim());if(r!==-1){const o=new Error(`Title cannot be empty at position ${r+1}`);throw d?.onError?.(o),o}G(o=>({...o,[s]:[]}));const c=M.current;for(let o=0;o<i.length&&M.current===c;o++){const h=i[o];try{await at(s,{title:h.title,description:h.description},R.current)}catch(m){const _=m instanceof Error?m:new Error("Failed to accept all suggestions");throw d?.onError?.(_),_}}M.current===c&&(x.current&&N(x.current),d?.onSuccess?.())},[N]),Ne=a.useCallback(()=>{P([]),B(!1)},[]),Xe=a.useCallback(s=>{G(d=>{const i={...d};return delete i[s],i}),ee(d=>{const i={...d};return delete i[s],i})},[]),ue=a.useCallback(async(s,d)=>{const i=++le.current,r=n;ge(!0),Z(null);try{const c=await Ut(s,r);if(le.current!==i||n!==r)return;pe(c),d?.onSuccess?.()}catch(c){if(le.current!==i||n!==r)return;const o=c instanceof Error?c:new Error(String(c));Z(o),pe(null),d?.onError?.(o)}finally{le.current===i&&ge(!1)}},[n]),Ie=a.useCallback(()=>{pe(null),Z(null),ge(!1)},[]),Qe=a.useCallback(async()=>{await X(),x.current&&await N(x.current)},[X,N]);return{roadmaps:v,selectedRoadmapId:C,selectedRoadmap:y,milestones:k,featuresByMilestoneId:j,loading:A,error:L,createRoadmap:Oe,updateRoadmap:je,deleteRoadmap:He,selectRoadmap:Le,createMilestone:p,updateMilestone:I,deleteMilestone:te,reorderMilestones:E,createFeature:Ve,updateFeature:De,deleteFeature:Me,reorderFeatures:ce,moveFeature:Q,milestoneSuggestions:fe,isGeneratingSuggestions:O,generateMilestoneSuggestions:ae,updateMilestoneSuggestionDraft:Re,acceptMilestoneSuggestion:U,acceptAllMilestoneSuggestions:K,clearMilestoneSuggestions:Ne,featureSuggestionsByMilestoneId:be,isGeneratingFeatureSuggestions:Je,generateFeatureSuggestions:Pe,updateFeatureSuggestionDraft:Ce,acceptFeatureSuggestion:Be,acceptAllFeatureSuggestions:qe,clearFeatureSuggestions:Xe,handoffPayload:ne,isFetchingHandoff:Te,handoffError:he,fetchHandoff:ue,clearHandoff:Ie,refresh:Qe}}function ea({isOpen:l,onClose:n,roadmapTitle:v,handoffPayload:f,isLoading:C,error:w,onFetchHandoff:y,onCopyToClipboard:g}){return l?e.jsx("div",{className:"modal-overlay open",onClick:n,role:"presentation",children:e.jsxs("div",{className:"modal modal-lg",onClick:k=>k.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":"handoff-modal-title",children:[e.jsxs("div",{className:"modal-header",children:[e.jsxs("h2",{id:"handoff-modal-title",children:["Export Roadmap: ",v]}),e.jsx("button",{className:"modal-close",onClick:n,"aria-label":"Close modal",children:e.jsx(re,{size:18})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{className:"text-muted roadmaps-view__handoff-intro",children:"Export roadmap data for use in mission and task planning flows. This is a read-only export — no missions or tasks will be created."}),w&&e.jsxs("div",{className:"form-error roadmaps-view__handoff-error",children:["Error loading handoff data: ",w.message]}),!f&&!C&&e.jsx("div",{className:"roadmaps-view__handoff-empty-state",children:e.jsxs("button",{className:"btn btn-primary",onClick:y,children:[e.jsx(st,{size:16,className:"roadmaps-view__handoff-button-icon"}),"Load Handoff Data"]})}),C&&e.jsxs("div",{className:"roadmaps-view__handoff-loading-state",children:[e.jsx(Qt,{size:24,className:"spin"}),e.jsx("p",{className:"roadmaps-view__handoff-loading-text",children:"Loading handoff data..."})]}),f&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__handoff-section",children:[e.jsx("h3",{className:"roadmaps-view__handoff-section-title",children:"Mission Planning Handoff"}),e.jsx("div",{className:"card roadmaps-view__handoff-card",children:e.jsx("pre",{className:"roadmaps-view__handoff-pre roadmaps-view__handoff-pre--mission",children:JSON.stringify(f.mission,null,2)})})]}),e.jsxs("div",{className:"roadmaps-view__handoff-section",children:[e.jsxs("h3",{className:"roadmaps-view__handoff-section-title",children:["Feature Task Planning Handoffs (",f.features.length,")"]}),e.jsx("div",{className:"card roadmaps-view__handoff-card",children:e.jsx("pre",{className:"roadmaps-view__handoff-pre roadmaps-view__handoff-pre--features",children:JSON.stringify(f.features,null,2)})})]})]})]}),e.jsxs("div",{className:"modal-actions",children:[e.jsx("div",{className:"modal-actions-left",children:f&&e.jsxs("button",{className:"btn btn-sm",onClick:g,children:[e.jsx(qt,{size:14,className:"roadmaps-view__handoff-copy-icon"}),"Copy to Clipboard"]})}),e.jsx("div",{className:"modal-actions-right",children:e.jsx("button",{className:"btn",onClick:n,children:"Close"})})]})]})}):null}function ta({roadmap:l,isSelected:n,onSelect:v,onEdit:f,onDelete:C,onExport:w}){const y=j=>{j.key==="Enter"&&v()},g=j=>{j.stopPropagation(),f()},k=j=>{j.stopPropagation(),C()},D=j=>{j.stopPropagation(),w()};return e.jsxs("div",{className:`roadmaps-view__sidebar-item${n?" roadmaps-view__sidebar-item--active":""}`,onClick:v,onKeyDown:y,role:"button",tabIndex:0,"aria-selected":n,"data-testid":`roadmap-item-${l.id}`,children:[e.jsxs("div",{className:"roadmaps-view__sidebar-item-content",children:[e.jsx("div",{className:"roadmaps-view__sidebar-item-title",children:l.title}),l.description&&e.jsx("div",{className:"roadmaps-view__sidebar-item-desc",children:l.description})]}),e.jsxs("div",{className:"roadmaps-view__sidebar-item-actions",onClick:g,role:"presentation",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:D,title:"Export roadmap","aria-label":"Export roadmap","data-testid":`roadmap-export-${l.id}`,type:"button",children:e.jsx(st,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:g,title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":`roadmap-edit-${l.id}`,type:"button",children:e.jsx(Fe,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:k,title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":`roadmap-delete-${l.id}`,type:"button",children:e.jsx(Ge,{size:14})})]})]})}function aa({roadmaps:l,selectedRoadmapId:n,onSelect:v,onCreate:f,onEdit:C,onDelete:w,onExport:y,showCreateForm:g,onCancelCreate:k,onSaveCreate:D}){return e.jsxs("div",{className:"roadmaps-view__mobile-list","data-testid":"roadmaps-view__mobile-list",children:[e.jsxs("div",{className:"roadmaps-view__mobile-list-header",children:[e.jsx("h2",{className:"roadmaps-view__mobile-list-title",children:"Roadmaps"}),!g&&e.jsx("button",{className:"roadmaps-view__mobile-add-btn",onClick:f,title:"Create roadmap","aria-label":"Create roadmap","data-testid":"mobile-create-roadmap-btn",children:e.jsx(ze,{size:18})})]}),g&&e.jsx("div",{className:"roadmaps-view__mobile-create-form",children:e.jsx(mt,{onSave:D,onCancel:k})}),l.length===0&&!g?e.jsxs("div",{className:"roadmaps-view__mobile-empty",children:[e.jsx("p",{children:"No roadmaps yet."}),e.jsxs("button",{className:"btn btn-primary btn-sm",onClick:f,children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Create Roadmap"})]})]}):e.jsx("div",{className:"roadmaps-view__mobile-list-items",children:l.map(j=>e.jsxs("div",{className:`roadmaps-view__mobile-item${j.id===n?" roadmaps-view__mobile-item--active":""}`,onClick:()=>v(j.id),role:"button",tabIndex:0,onKeyDown:S=>{S.key==="Enter"&&v(j.id)},"data-testid":`mobile-roadmap-item-${j.id}`,children:[e.jsxs("div",{className:"roadmaps-view__mobile-item-content",children:[e.jsx("span",{className:"roadmaps-view__mobile-item-title",children:j.title}),j.description&&e.jsx("span",{className:"roadmaps-view__mobile-item-desc",children:j.description})]}),e.jsxs("div",{className:"roadmaps-view__mobile-item-actions",children:[e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:S=>{S.stopPropagation(),y(j)},title:"Export roadmap","aria-label":"Export roadmap","data-testid":`mobile-roadmap-export-${j.id}`,children:e.jsx(st,{size:16})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:S=>{S.stopPropagation(),C(j)},title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":`mobile-roadmap-edit-${j.id}`,children:e.jsx(Fe,{size:16})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn roadmaps-view__mobile-action-btn--danger",onClick:S=>{S.stopPropagation(),w(j.id)},title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":`mobile-roadmap-delete-${j.id}`,children:e.jsx(Ge,{size:16})})]})]},j.id))})]})}function sa({roadmapTitle:l,onBack:n,onEdit:v,onDelete:f,onCreate:C}){return e.jsxs("div",{className:"roadmaps-view__mobile-header","data-testid":"roadmaps-view__mobile-header",children:[e.jsx("button",{className:"roadmaps-view__mobile-back-btn",onClick:n,title:"Back to roadmap list","aria-label":"Back to roadmap list","data-testid":"mobile-back-btn",children:e.jsx(Jt,{size:20})}),e.jsx("h2",{className:"roadmaps-view__mobile-header-title",children:l}),e.jsxs("div",{className:"roadmaps-view__mobile-header-actions",children:[e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:C,title:"Create roadmap","aria-label":"Create roadmap","data-testid":"mobile-header-create-btn",children:e.jsx(ze,{size:18})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn",onClick:v,title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":"mobile-header-edit-btn",children:e.jsx(Fe,{size:18})}),e.jsx("button",{className:"roadmaps-view__mobile-action-btn roadmaps-view__mobile-action-btn--danger",onClick:f,title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":"mobile-header-delete-btn",children:e.jsx(Ge,{size:18})})]})]})}function ra({milestone:l,features:n,onEditMilestone:v,onDeleteMilestone:f,onAddFeature:C,onEditFeature:w,onDeleteFeature:y,milestoneEdit:g,onMilestoneEditChange:k,onMilestoneEditFieldChange:D,onCancelMilestoneEdit:j,onSaveMilestoneEdit:S,featureEdit:A,onFeatureEditChange:J,onStartFeatureEdit:L,onCancelFeatureEdit:$,onSaveFeatureEdit:ne,projectId:pe,addToast:Te,isMilestoneDragging:ge,isMilestoneDropTarget:he,milestoneDropPosition:Z,onMilestoneDragStart:fe,onMilestoneDragEnd:P,onMilestoneDragOver:O,onMilestoneDrop:B,onMilestoneDragLeave:be,isFeatureDragging:G,isFeatureDropTarget:ie,featureDropIndex:ee,onFeatureDragStart:q,onFeatureDragEnd:ve,onFeatureDragOver:oe,onFeatureDrop:xe,onFeatureDragLeave:M,onFeatureDropOnMilestone:le,featureSuggestions:_e,isGeneratingFeatureSuggestions:x,onGenerateFeatureSuggestions:de,onAcceptFeatureSuggestion:we,onAcceptAllFeatureSuggestions:R,onUpdateFeatureSuggestionDraft:Ae,onClearFeatureSuggestions:X}){const N=g?.milestoneId===l.id,Oe=p=>{p.key==="Enter"?(p.preventDefault(),g&&S({title:g.value})):p.key==="Escape"&&j()},je=p=>{p.key==="Escape"&&j()},He=["roadmaps-view__milestone",ge?"roadmaps-view__milestone--dragging":"",he?"roadmaps-view__milestone--drop-target":"",he&&Z==="before"?"roadmaps-view__milestone--drop-before":"",he&&Z==="after"?"roadmaps-view__milestone--drop-after":""].filter(Boolean).join(" "),Le=["roadmaps-view__feature-list",ie?"roadmaps-view__feature-list--drop-target":""].filter(Boolean).join(" ");return e.jsxs("div",{className:He,draggable:!N,onDragStart:p=>{N||(fe(l.id),p.dataTransfer.setData("text/plain",`milestone:${l.id}`),p.dataTransfer.effectAllowed="move")},onDragEnd:P,onDragOver:p=>{p.dataTransfer.types.includes("text/plain")&&p.dataTransfer.types.includes("text/plain")&&(p.preventDefault(),p.dataTransfer.dropEffect="move",O(l.id))},onDrop:p=>{p.preventDefault(),p.dataTransfer.getData("text/plain")?.startsWith("feature:")||B(l.id)},onDragLeave:be,"data-testid":`milestone-card-${l.id}`,children:[e.jsx("div",{className:"roadmaps-view__milestone-header",children:N?e.jsxs("div",{className:"roadmaps-view__inline-edit",children:[e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`milestone-drag-handle-${l.id}`,children:e.jsx(Ye,{size:14})}),e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:g.value,onChange:p=>{D("title"),k(p.target.value)},onKeyDown:Oe,placeholder:"Milestone title",autoFocus:!0,"data-testid":`milestone-title-input-${l.id}`}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>S({title:g.value}),"aria-label":"Save milestone title",title:"Save",children:e.jsx(me,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:j,"aria-label":"Cancel editing",title:"Cancel",children:e.jsx(re,{size:14})})]}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:g.field==="description"?g.value:l.description||"",onChange:p=>{D("description"),k(p.target.value)},onKeyDown:je,placeholder:"Milestone description (optional)",rows:2,"data-testid":`milestone-desc-input-${l.id}`})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__milestone-title-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`milestone-drag-handle-${l.id}`,children:e.jsx(Ye,{size:14})}),e.jsx("h3",{className:"roadmaps-view__milestone-title",children:l.title}),e.jsxs("div",{className:"roadmaps-view__milestone-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:v,title:"Edit milestone","aria-label":"Edit milestone","data-testid":`milestone-edit-${l.id}`,children:e.jsx(Fe,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:f,title:"Delete milestone","aria-label":"Delete milestone","data-testid":`milestone-delete-${l.id}`,children:e.jsx(Ge,{size:14})})]})]}),l.description&&e.jsx("p",{className:"roadmaps-view__milestone-desc",children:l.description})]})}),e.jsxs("div",{className:"roadmaps-view__milestone-actions-bar",children:[e.jsxs("button",{className:"roadmaps-view__add-feature-btn",onClick:C,title:"Add feature","aria-label":"Add feature","data-testid":`add-feature-${l.id}`,children:[e.jsx(ze,{size:12}),e.jsx("span",{children:"Add Feature"})]}),e.jsxs("button",{className:"roadmaps-view__suggest-btn",onClick:()=>{de?.()},disabled:x??!1,title:"Generate feature suggestions with AI","aria-label":"Generate feature suggestions","data-testid":`generate-features-${l.id}`,children:[e.jsx(ut,{size:12}),e.jsx("span",{children:x?"Generating...":"AI Suggestions"})]})]}),e.jsxs("div",{className:Le,onDragOver:p=>{p.preventDefault(),p.dataTransfer.dropEffect="move",p.dataTransfer.getData("text/plain")?.startsWith("feature:")&&le()},onDrop:p=>{p.preventDefault();const I=p.dataTransfer.getData("text/plain");I?.startsWith("feature:")&&xe(I.split(":")[1],n.length)},onDragLeave:M,children:[n.length===0?e.jsx("p",{className:"roadmaps-view__empty-features",children:"No features yet."}):n.map((p,I)=>{const te=A?.featureId===p.id,Ve=G(p.id),De=E=>{E.key==="Enter"?(E.preventDefault(),A&&ne({title:A.value})):E.key==="Escape"&&$()},Me=["roadmaps-view__feature-item",Ve?"roadmaps-view__feature-item--dragging":"",ie&&ee===I?"roadmaps-view__feature-item--drop-before":"",ie&&ee===I+1?"roadmaps-view__feature-item--drop-after":""].filter(Boolean).join(" ");return e.jsx("div",{className:Me,draggable:!te,onDragStart:E=>{te||(q(p.id,l.id),E.dataTransfer.setData("text/plain",`feature:${p.id}`),E.dataTransfer.effectAllowed="move")},onDragEnd:ve,onDragOver:E=>{if(E.preventDefault(),E.stopPropagation(),E.dataTransfer.dropEffect="move",E.dataTransfer.getData("text/plain")?.startsWith("feature:")){const Q=E.currentTarget.getBoundingClientRect(),V=Q.top+Q.height/2,ae=E.clientY<V?"before":"after";oe(p.id,ae)}},onDrop:E=>{E.preventDefault(),E.stopPropagation();const ce=E.dataTransfer.getData("text/plain");if(ce?.startsWith("feature:")){const Q=ce.split(":")[1],V=E.currentTarget.getBoundingClientRect(),ae=V.top+V.height/2,Re=E.clientY<ae?"before":"after";let U=I;Re==="after"&&(U=I+1),xe(Q,U)}},onDragLeave:M,"data-testid":`feature-item-${p.id}`,children:te?e.jsx("div",{className:"roadmaps-view__inline-edit roadmaps-view__inline-edit--compact",children:e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("span",{className:"roadmaps-view__drag-handle roadmaps-view__drag-handle--feature",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`feature-drag-handle-${p.id}`,children:e.jsx(Ye,{size:12})}),e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:A.value,onChange:E=>J(E.target.value),onKeyDown:De,placeholder:"Feature title",autoFocus:!0,"data-testid":`feature-title-input-${p.id}`}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>ne({title:A.value}),"aria-label":"Save feature title",title:"Save",children:e.jsx(me,{size:14})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:$,"aria-label":"Cancel editing",title:"Cancel",children:e.jsx(re,{size:14})})]})}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"roadmaps-view__drag-handle roadmaps-view__drag-handle--feature",title:"Drag to reorder","aria-label":"Drag to reorder","data-testid":`feature-drag-handle-${p.id}`,children:e.jsx(Ye,{size:12})}),e.jsxs("div",{className:"roadmaps-view__feature-content",children:[e.jsx("span",{className:"roadmaps-view__feature-title",children:p.title}),p.description&&e.jsx("p",{className:"roadmaps-view__feature-desc",children:p.description})]}),e.jsxs("div",{className:"roadmaps-view__feature-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:()=>w(p.id),title:"Edit feature","aria-label":"Edit feature","data-testid":`feature-edit-${p.id}`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:()=>y(p.id),title:"Delete feature","aria-label":"Delete feature","data-testid":`feature-delete-${p.id}`,children:e.jsx(Ge,{size:12})})]})]})},p.id)}),_e&&_e.length>0&&e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsxs("div",{className:"roadmap-suggestion-header",children:[e.jsx("h4",{className:"roadmap-suggestion-title",children:"AI Feature Suggestions"}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-accept-all-btn",onClick:()=>R?.(),title:"Accept all suggestions","aria-label":"Accept all","data-testid":`accept-all-features-${l.id}`,children:"Accept All"}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:()=>X?.(),title:"Clear suggestions","aria-label":"Clear","data-testid":`clear-features-${l.id}`,children:"Clear"})]})]}),e.jsx("div",{className:"roadmap-suggestion-list",children:_e.map(p=>e.jsx(na,{suggestion:p,onUpdateDraft:I=>Ae?.(l.id,p.id,I),onAccept:()=>{we?.(l.id,p.id)},testIdPrefix:`feature-suggestion-${l.id}`},p.id))})]})]})]})}function na({suggestion:l,onUpdateDraft:n,onAccept:v,testIdPrefix:f}){const[C,w]=a.useState(!1),[y,g]=a.useState(l.title),[k,D]=a.useState(l.description||""),j=()=>{g(l.title),D(l.description||""),w(!0)},S=()=>{n({title:y.trim(),description:k.trim()||void 0}),w(!1)},A=()=>{g(l.title),D(l.description||""),w(!1)},J=()=>{l.title.trim()&&v()},L=l.title.trim().length>0;return C?e.jsx("div",{className:"roadmap-suggestion-card roadmap-suggestion-card--editing",children:e.jsxs("div",{className:"roadmap-suggestion-edit-form",children:[e.jsx("input",{type:"text",className:"roadmap-suggestion-input",value:y,onChange:$=>g($.target.value),placeholder:"Feature title",autoFocus:!0,"data-testid":`${f}-${l.id}-title-input`}),e.jsx("textarea",{className:"roadmap-suggestion-textarea",value:k,onChange:$=>D($.target.value),placeholder:"Description (optional)",rows:2,"data-testid":`${f}-${l.id}-desc-input`}),e.jsxs("div",{className:"roadmap-suggestion-edit-actions",children:[e.jsx("button",{className:"roadmap-suggestion-save-btn",onClick:S,disabled:!y.trim(),title:"Save","data-testid":`${f}-${l.id}-save`,children:e.jsx(me,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-cancel-btn",onClick:A,title:"Cancel","data-testid":`${f}-${l.id}-cancel`,children:e.jsx(re,{size:12})})]})]})}):e.jsxs("div",{className:"roadmap-suggestion-card","data-testid":`${f}-${l.id}`,children:[e.jsxs("div",{className:"roadmap-suggestion-content",children:[e.jsx("span",{className:"roadmap-suggestion-card-title",children:l.title}),l.description&&e.jsx("p",{className:"roadmap-suggestion-card-desc",children:l.description})]}),e.jsxs("div",{className:"roadmap-suggestion-card-actions",children:[e.jsx("button",{className:"roadmap-suggestion-edit-btn",onClick:j,title:"Edit suggestion","aria-label":"Edit","data-testid":`${f}-${l.id}-edit`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-accept-btn",onClick:J,disabled:!L,title:"Accept this suggestion","aria-label":"Accept","data-testid":`${f}-${l.id}-accept`,children:e.jsx(me,{size:12})})]})]})}function ct({suggestion:l,onUpdateDraft:n,onAccept:v,testIdPrefix:f}){const[C,w]=a.useState(!1),[y,g]=a.useState(l.title),[k,D]=a.useState(l.description||""),j=()=>{g(l.title),D(l.description||""),w(!0)},S=()=>{n({title:y.trim(),description:k.trim()||void 0}),w(!1)},A=()=>{g(l.title),D(l.description||""),w(!1)},J=()=>{l.title.trim()&&v()},L=l.title.trim().length>0;return C?e.jsx("div",{className:"roadmap-suggestion-card roadmap-suggestion-card--editing",children:e.jsxs("div",{className:"roadmap-suggestion-edit-form",children:[e.jsx("input",{type:"text",className:"roadmap-suggestion-input",value:y,onChange:$=>g($.target.value),placeholder:"Milestone title",autoFocus:!0,"data-testid":`${f}-${l.id}-title-input`}),e.jsx("textarea",{className:"roadmap-suggestion-textarea",value:k,onChange:$=>D($.target.value),placeholder:"Description (optional)",rows:2,"data-testid":`${f}-${l.id}-desc-input`}),e.jsxs("div",{className:"roadmap-suggestion-edit-actions",children:[e.jsx("button",{className:"roadmap-suggestion-save-btn",onClick:S,disabled:!y.trim(),title:"Save","data-testid":`${f}-${l.id}-save`,children:e.jsx(me,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-cancel-btn",onClick:A,title:"Cancel","data-testid":`${f}-${l.id}-cancel`,children:e.jsx(re,{size:12})})]})]})}):e.jsxs("div",{className:"roadmap-suggestion-card","data-testid":`${f}-${l.id}`,children:[e.jsxs("div",{className:"roadmap-suggestion-content",children:[e.jsx("span",{className:"roadmap-suggestion-card-title",children:l.title}),l.description&&e.jsx("p",{className:"roadmap-suggestion-card-desc",children:l.description})]}),e.jsxs("div",{className:"roadmap-suggestion-card-actions",children:[e.jsx("button",{className:"roadmap-suggestion-edit-btn",onClick:j,title:"Edit suggestion","aria-label":"Edit","data-testid":`${f}-${l.id}-edit`,children:e.jsx(Fe,{size:12})}),e.jsx("button",{className:"roadmap-suggestion-accept-btn",onClick:J,disabled:!L,title:"Accept this suggestion","aria-label":"Accept","data-testid":`${f}-${l.id}-accept`,children:e.jsx(me,{size:12})})]})]})}function mt({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form","data-testid":"create-roadmap-form",children:e.jsxs("form",{onSubmit:y,children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Roadmap title",autoFocus:!0,"data-testid":"create-roadmap-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Roadmap description (optional)",rows:2,"data-testid":"create-roadmap-description"}),e.jsxs("div",{className:"roadmaps-view__create-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__btn roadmaps-view__btn--primary",disabled:!v.trim(),"data-testid":"create-roadmap-submit",children:"Create"}),e.jsx("button",{type:"button",className:"roadmaps-view__btn",onClick:n,"data-testid":"create-roadmap-cancel",children:"Cancel"})]})]})})}function ia({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form roadmaps-view__create-form--inline","data-testid":"create-milestone-form",children:e.jsxs("form",{onSubmit:y,className:"roadmaps-view__inline-form",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Milestone title",autoFocus:!0,"data-testid":"create-milestone-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Description (optional)",rows:1,"data-testid":"create-milestone-description"}),e.jsxs("div",{className:"roadmaps-view__inline-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",disabled:!v.trim(),"aria-label":"Save milestone",title:"Save","data-testid":"create-milestone-submit",children:e.jsx(me,{size:14})}),e.jsx("button",{type:"button",className:"roadmaps-view__icon-btn",onClick:n,"aria-label":"Cancel",title:"Cancel","data-testid":"create-milestone-cancel",children:e.jsx(re,{size:14})})]})]})})}function oa({onSave:l,onCancel:n}){const[v,f]=a.useState(""),[C,w]=a.useState(""),y=g=>{g.preventDefault(),v.trim()&&l({title:v.trim(),description:C.trim()||void 0})};return e.jsx("div",{className:"roadmaps-view__create-form roadmaps-view__create-form--inline","data-testid":"create-feature-form",children:e.jsxs("form",{onSubmit:y,className:"roadmaps-view__inline-form",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input",value:v,onChange:g=>f(g.target.value),placeholder:"Feature title",autoFocus:!0,"data-testid":"create-feature-title"}),e.jsx("textarea",{className:"roadmaps-view__inline-textarea",value:C,onChange:g=>w(g.target.value),placeholder:"Description (optional)",rows:1,"data-testid":"create-feature-description"}),e.jsxs("div",{className:"roadmaps-view__inline-form-actions",children:[e.jsx("button",{type:"submit",className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",disabled:!v.trim(),"aria-label":"Save feature",title:"Save","data-testid":"create-feature-submit",children:e.jsx(me,{size:14})}),e.jsx("button",{type:"button",className:"roadmaps-view__icon-btn",onClick:n,"aria-label":"Cancel",title:"Cancel","data-testid":"create-feature-cancel",children:e.jsx(re,{size:14})})]})]})})}function ma({projectId:l,addToast:n}){const{confirm:v}=Kt(),f=Wt()==="mobile",{roadmaps:C,selectedRoadmapId:w,selectedRoadmap:y,milestones:g,featuresByMilestoneId:k,loading:D,error:j,createRoadmap:S,updateRoadmap:A,deleteRoadmap:J,selectRoadmap:L,createMilestone:$,updateMilestone:ne,deleteMilestone:pe,createFeature:Te,updateFeature:ge,deleteFeature:he,reorderMilestones:Z,reorderFeatures:fe,moveFeature:P,milestoneSuggestions:O,isGeneratingSuggestions:B,generateMilestoneSuggestions:be,updateMilestoneSuggestionDraft:G,acceptMilestoneSuggestion:ie,acceptAllMilestoneSuggestions:ee,clearMilestoneSuggestions:q,featureSuggestionsByMilestoneId:ve,isGeneratingFeatureSuggestions:oe,generateFeatureSuggestions:xe,updateFeatureSuggestionDraft:M,acceptFeatureSuggestion:le,acceptAllFeatureSuggestions:_e,clearFeatureSuggestions:x,handoffPayload:de,isFetchingHandoff:we,handoffError:R,fetchHandoff:Ae,clearHandoff:X}=Zt({projectId:l}),[N,Oe]=a.useState(!1),[je,He]=a.useState(null),[Le,p]=a.useState(""),[I,te]=a.useState(""),[Ve,De]=a.useState(!1),Me=a.useRef(null);a.useEffect(()=>{Me.current!==null&&Me.current!==w&&De(!1),Me.current=w},[w]);const[E,ce]=a.useState({roadmapId:null,field:null,value:""}),[Q,V]=a.useState({milestoneId:null,field:null,value:""}),[ae,Re]=a.useState({featureId:null,field:null,value:""}),[U,K]=a.useState({type:null,parentId:void 0,title:"",description:""}),[Je,Pe]=a.useState(!1),[Ce,Be]=a.useState({draggingId:null,dropTargetId:null,dropPosition:null}),qe=a.useCallback(t=>{Be(u=>({...u,draggingId:t}))},[]),Ne=a.useCallback(()=>{Be({draggingId:null,dropTargetId:null,dropPosition:null})},[]),Xe=a.useCallback(t=>{Be(u=>u.draggingId===t?u:{...u,dropTargetId:t,dropPosition:null})},[]),[ue,Ie]=a.useState({draggingId:null,draggingMilestoneId:null,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null}),Qe=a.useCallback((t,u)=>{Ie(b=>({...b,draggingId:t,draggingMilestoneId:u}))},[]),s=a.useCallback(()=>{Ie({draggingId:null,draggingMilestoneId:null,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null})},[]),d=a.useCallback((t,u)=>{Ie(b=>{if(b.draggingId===t)return b;const T=(k[b.draggingMilestoneId||""]||[]).findIndex(Ee=>Ee.id===t);let Y;return u==="before"?Y=T:Y=T+1,{...b,dropTargetMilestoneId:b.draggingMilestoneId,dropTargetIndex:Y,dropPosition:u}})},[k]),i=a.useCallback(()=>{Ie(t=>({...t,dropTargetMilestoneId:t.draggingMilestoneId,dropTargetIndex:(k[t.draggingMilestoneId||""]||[]).length}))},[k]),r=a.useCallback(async(t,u)=>{const{draggingMilestoneId:b,dropTargetMilestoneId:z}=ue;if(!b){s();return}const T=z||b,Y=k[b]||[],Ee=Y.find(ke=>ke.id===t);if(!Ee){s();return}if(b!==T){if(b===T){s();return}try{await P(t,T,u,{onError:ke=>{n(`Failed to move feature: ${ke.message}`,"error")}})}catch{}}else{const ke=[...Y],kt=ke.findIndex($e=>$e.id===t);ke.splice(kt,1),ke.splice(u,0,Ee);const dt=ke.map($e=>$e.id),Ft=Y.map($e=>$e.id);if(dt.join(",")===Ft.join(",")){s();return}try{await fe(b,dt,{onError:$e=>{n(`Failed to reorder features: ${$e.message}`,"error")}})}catch{}}s()},[ue,k,fe,P,n,s]),c=a.useCallback(t=>{const u=t.currentTarget.getBoundingClientRect(),b=t.clientX,z=t.clientY;(b<u.left||b>u.right||z<u.top||z>u.bottom)&&Ie(T=>({...T,dropTargetMilestoneId:null,dropTargetIndex:null,dropPosition:null}))},[]),o=a.useCallback(t=>ue.draggingId===t,[ue.draggingId]),h=a.useCallback(async t=>{const{draggingId:u}=Ce;if(!u||u===t){Ne();return}const b=g.map(Ee=>Ee.id),z=b.indexOf(u),T=b.indexOf(t);if(z===-1||T===-1){Ne();return}const Y=[...b];if(Y.splice(z,1),Y.splice(T,0,u),Y.join(",")===b.join(",")){Ne();return}try{await Z(w,Y,{onError:Ee=>{n(`Failed to reorder milestones: ${Ee.message}`,"error")}})}catch{}Ne()},[Ce,g,w,Z,n,Ne]),m=a.useCallback(t=>{const u=t.currentTarget.getBoundingClientRect(),b=t.clientX,z=t.clientY;(b<u.left||b>u.right||z<u.top||z>u.bottom)&&Be(T=>({...T,dropTargetId:null,dropPosition:null}))},[]),_=a.useCallback(t=>{L(t.id),ce({roadmapId:t.id,field:"title",value:t.title})},[L]),H=a.useCallback(()=>{ce({roadmapId:null,field:null,value:""})},[]),ye=a.useCallback(async t=>{if(E.roadmapId)try{await A(E.roadmapId,t,{onError:u=>n(u.message,"error")}),H()}catch{}},[E.roadmapId,A,H,n]),se=a.useCallback(async t=>{if(await v({title:"Delete Roadmap",message:"Delete this roadmap? This cannot be undone.",danger:!0}))try{await J(t,{onError:b=>n(b.message,"error")}),n("Roadmap deleted","success")}catch{}},[J,n,v]),Ue=a.useCallback((t,u)=>{He(t),p(u),Oe(!0),X()},[X]),F=a.useCallback(()=>{Oe(!1),He(null),p(""),X()},[X]),W=a.useCallback(()=>{je&&Ae(je,{onError:t=>n(`Failed to load handoff: ${t.message}`,"error")})},[je,Ae,n]),Ke=a.useCallback(()=>{if(de){const t=JSON.stringify(de,null,2);navigator.clipboard.writeText(t).then(()=>{n("Handoff data copied to clipboard","success")}).catch(()=>{n("Failed to copy to clipboard","error")})}},[de,n]),We=a.useCallback(async t=>{try{await S(t,{onError:u=>n(u.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Roadmap created","success")}catch{}},[S,n]),pt=a.useCallback(t=>{V({milestoneId:t.id,field:"title",value:t.title})},[]),gt=a.useCallback(t=>{V(u=>({...u,value:t}))},[]),ht=a.useCallback(t=>{V(u=>({...u,field:t}))},[]),Ze=a.useCallback(()=>{V({milestoneId:null,field:null,value:""})},[]),ft=a.useCallback(async t=>{if(Q.milestoneId)try{await ne(Q.milestoneId,t,{onError:u=>n(u.message,"error")}),Ze()}catch{}},[Q.milestoneId,ne,Ze,n]),bt=a.useCallback(async t=>{if(await v({title:"Delete Milestone",message:"Delete this milestone and all its features?",danger:!0}))try{await pe(t,{onError:b=>n(b.message,"error")}),n("Milestone deleted","success")}catch{}},[pe,n,v]),vt=a.useCallback(async t=>{try{await $(t,{onError:u=>n(u.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Milestone created","success")}catch{}},[$,n]),rt=a.useCallback((t,u,b)=>{Re({featureId:t,field:"title",value:u})},[]),xt=a.useCallback(t=>{Re(u=>({...u,value:t}))},[]),et=a.useCallback(()=>{Re({featureId:null,field:null,value:""})},[]),_t=a.useCallback(async t=>{if(ae.featureId)try{await ge(ae.featureId,t,{onError:u=>n(u.message,"error")}),et()}catch{}},[ae.featureId,ge,et,n]),wt=a.useCallback(async t=>{if(await v({title:"Delete Feature",message:"Delete this feature?",danger:!0}))try{await he(t,{onError:b=>n(b.message,"error")}),n("Feature deleted","success")}catch{}},[he,n,v]),nt=a.useCallback(async()=>{if(I.trim())try{await be(I,5,{onError:t=>n(t.message,"error")})}catch{}},[I,be,n]),it=a.useCallback(async t=>{try{await ie(t,{onError:u=>n(u.message,"error")}),n("Milestone added","success")}catch{}},[ie,n]),ot=a.useCallback(async()=>{try{await ee({onError:t=>n(t.message,"error")}),n(`${O.length} milestones added`,"success"),te("")}catch{}},[ee,O.length,n]),lt=a.useCallback(()=>{q(),te("")},[q]),jt=a.useCallback(async t=>{try{await xe(t,{count:5},{onError:u=>n(u.message,"error")})}catch{}},[xe,n]),Ct=a.useCallback(async(t,u)=>{try{await le(t,u,{onError:b=>n(b.message,"error")}),n("Feature added","success")}catch{}},[le,n]),Nt=a.useCallback((t,u,b)=>{M(t,u,b)},[M]),yt=a.useCallback(async t=>{const u=ve[t]||[];try{await _e(t,{onError:b=>n(b.message,"error")}),n(`${u.length} features added`,"success")}catch{}},[_e,ve,n]),St=a.useCallback(t=>{x(t)},[x]),Et=a.useCallback(async(t,u)=>{try{await Te(t,u,{onError:b=>n(b.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Feature created","success")}catch{}},[Te,n]),Se=w;return D&&C.length===0?e.jsx("div",{className:"roadmaps-view roadmaps-view--loading",children:e.jsx("div",{className:"roadmaps-view__loading-state",children:"Loading roadmaps..."})}):j&&C.length===0?e.jsx("div",{className:"roadmaps-view roadmaps-view--error",children:e.jsxs("div",{className:"roadmaps-view__error-state",children:[e.jsx("p",{children:"Failed to load roadmaps"}),e.jsx("p",{className:"roadmaps-view__error-msg",children:j.message})]})}):e.jsxs("div",{className:"roadmaps-view",children:[f&&!Se&&e.jsx(aa,{roadmaps:C,selectedRoadmapId:Se,onSelect:t=>L(t),onCreate:()=>Pe(!0),onEdit:_,onDelete:se,onExport:t=>Ue(t.id,t.title),showCreateForm:Je,onCancelCreate:()=>Pe(!1),onSaveCreate:async t=>{await We(t),Pe(!1)}}),!f&&e.jsxs("aside",{className:"roadmaps-view__sidebar","aria-label":"Roadmaps",children:[e.jsxs("div",{className:"roadmaps-view__sidebar-header",children:[e.jsx("h2",{className:"roadmaps-view__sidebar-title",children:"Roadmaps"}),e.jsx("button",{className:"roadmaps-view__add-btn",onClick:()=>K({type:"roadmap",title:"",description:""}),title:"Create roadmap","aria-label":"Create roadmap","data-testid":"create-roadmap-btn",children:e.jsx(ze,{size:16})})]}),U.type==="roadmap"&&e.jsx(mt,{onSave:We,onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})}),e.jsx("div",{className:"roadmaps-view__sidebar-list",children:C.length===0?e.jsx("p",{className:"roadmaps-view__empty-sidebar",children:"No roadmaps yet. Click + to create one."}):C.map(t=>e.jsx(ta,{roadmap:t,isSelected:t.id===Se,onSelect:()=>L(t.id),onEdit:()=>_(t),onDelete:()=>se(t.id),onExport:()=>Ue(t.id,t.title)},t.id))})]}),e.jsxs("main",{className:"roadmaps-view__main","aria-label":"Roadmap content",children:[f&&Se&&e.jsx(sa,{roadmapTitle:y?.title||"Untitled Roadmap",onBack:()=>L(null),onEdit:()=>{y&&_(y)},onDelete:()=>se(Se),onCreate:()=>Pe(!0)}),Se?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"roadmaps-view__roadmap-header",children:E.roadmapId===Se?e.jsx("div",{className:"roadmaps-view__inline-edit",children:e.jsxs("div",{className:"roadmaps-view__inline-edit-row",children:[e.jsx("input",{type:"text",className:"roadmaps-view__inline-input roadmaps-view__inline-input--large",value:E.value,onChange:t=>ce(u=>({...u,value:t.target.value})),onKeyDown:t=>{t.key==="Enter"?ye({title:E.value}):t.key==="Escape"&&H()},placeholder:"Roadmap title",autoFocus:!0,"data-testid":"roadmap-title-input"}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--success",onClick:()=>ye({title:E.value}),"aria-label":"Save",title:"Save",children:e.jsx(me,{size:16})}),e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:H,"aria-label":"Cancel",title:"Cancel",children:e.jsx(re,{size:16})})]})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"roadmaps-view__roadmap-title-row",children:[e.jsx("h1",{className:"roadmaps-view__roadmap-title",children:y?.title||"Untitled Roadmap"}),e.jsxs("div",{className:"roadmaps-view__roadmap-actions",children:[e.jsx("button",{className:"roadmaps-view__icon-btn",onClick:()=>{y&&_(y)},title:"Edit roadmap","aria-label":"Edit roadmap","data-testid":"edit-roadmap-btn",children:e.jsx(Fe,{size:16})}),e.jsx("button",{className:"roadmaps-view__icon-btn roadmaps-view__icon-btn--danger",onClick:()=>se(Se),title:"Delete roadmap","aria-label":"Delete roadmap","data-testid":"delete-roadmap-btn",children:e.jsx(Ge,{size:16})})]})]}),y?.description&&e.jsx("p",{className:"roadmaps-view__roadmap-desc",children:y.description})]})}),f?Ve?e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsxs("div",{className:"roadmap-suggestion-header",children:[e.jsx("h3",{className:"roadmap-suggestion-title",children:"Generate Milestone Ideas"}),e.jsx("button",{className:"roadmap-suggestion-collapse-btn",onClick:()=>De(!1),"aria-label":"Collapse suggestion panel","data-testid":"collapse-suggestion-panel-btn",children:e.jsx(Yt,{size:16})})]}),e.jsxs("div",{className:"roadmap-suggestion-form",children:[e.jsx("textarea",{className:"roadmap-suggestion-input",value:I,onChange:t=>te(t.target.value),placeholder:"Describe your roadmap goal (e.g., 'Build a user authentication system with OAuth, profiles, and admin dashboard')",rows:2,disabled:B||!w,"data-testid":"goal-prompt-input",autoFocus:!0}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-generate-btn",onClick:nt,disabled:!I.trim()||B||!w,"data-testid":"generate-suggestions-btn",children:B?"Generating...":"Generate Milestones"}),O.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"roadmap-suggestion-accept-all-btn",onClick:ot,"data-testid":"accept-all-suggestions-btn",children:["Accept All (",O.length,")"]}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:lt,title:"Clear suggestions","aria-label":"Clear suggestions","data-testid":"clear-suggestions-btn",children:e.jsx(re,{size:14})})]})]})]}),O.length>0&&e.jsx("div",{className:"roadmap-suggestion-list",children:O.map(t=>e.jsx(ct,{suggestion:t,onUpdateDraft:u=>G(t.id,u),onAccept:()=>it(t.id),testIdPrefix:"suggestion"},t.id))})]}):e.jsx("div",{className:"roadmap-suggestion-section",children:e.jsxs("button",{className:"roadmap-suggestion-expand-btn",onClick:()=>De(!0),disabled:!w,"data-testid":"expand-suggestion-panel-btn",children:[e.jsx(ut,{size:16}),"Generate Milestone Ideas"]})}):e.jsxs("div",{className:"roadmap-suggestion-section",children:[e.jsx("div",{className:"roadmap-suggestion-header",children:e.jsx("h3",{className:"roadmap-suggestion-title",children:"Generate Milestone Ideas"})}),e.jsxs("div",{className:"roadmap-suggestion-form",children:[e.jsx("textarea",{className:"roadmap-suggestion-input",value:I,onChange:t=>te(t.target.value),placeholder:"Describe your roadmap goal (e.g., 'Build a user authentication system with OAuth, profiles, and admin dashboard')",rows:2,disabled:B||!w,"data-testid":"goal-prompt-input"}),e.jsxs("div",{className:"roadmap-suggestion-actions",children:[e.jsx("button",{className:"roadmap-suggestion-generate-btn",onClick:nt,disabled:!I.trim()||B||!w,"data-testid":"generate-suggestions-btn",children:B?"Generating...":"Generate Milestones"}),O.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{className:"roadmap-suggestion-accept-all-btn",onClick:ot,"data-testid":"accept-all-suggestions-btn",children:["Accept All (",O.length,")"]}),e.jsx("button",{className:"roadmap-suggestion-clear-btn",onClick:lt,title:"Clear suggestions","aria-label":"Clear suggestions","data-testid":"clear-suggestions-btn",children:e.jsx(re,{size:14})})]})]})]}),O.length>0&&e.jsx("div",{className:"roadmap-suggestion-list",children:O.map(t=>e.jsx(ct,{suggestion:t,onUpdateDraft:u=>G(t.id,u),onAccept:()=>it(t.id),testIdPrefix:"suggestion"},t.id))})]}),e.jsxs("div",{className:"roadmaps-view__milestone-lanes",children:[U.type==="milestone"&&e.jsx(ia,{onSave:vt,onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})}),g.length===0&&U.type!=="milestone"?e.jsxs("div",{className:"roadmaps-view__empty-milestones",children:[e.jsx("p",{children:"This roadmap has no milestones."}),e.jsxs("button",{className:"roadmaps-view__add-milestone-btn",onClick:()=>K({type:"milestone",title:"",description:""}),"data-testid":"add-milestone-btn-empty",children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Add Milestone"})]})]}):e.jsxs(e.Fragment,{children:[U.type!=="milestone"&&e.jsxs("button",{className:"roadmaps-view__add-milestone-fab",onClick:()=>K({type:"milestone",title:"",description:""}),"data-testid":"add-milestone-btn",children:[e.jsx(ze,{size:14}),e.jsx("span",{children:"Add Milestone"})]}),g.map(t=>e.jsx(ra,{milestone:t,features:k[t.id]||[],onEditMilestone:()=>pt(t),onDeleteMilestone:()=>bt(t.id),onAddFeature:()=>K({type:"feature",parentId:t.id,title:"",description:""}),onEditFeature:u=>{const b=k[t.id]?.find(z=>z.id===u);b&&rt(u,b.title,b.description)},onDeleteFeature:wt,milestoneEdit:Q,onMilestoneEditChange:gt,onMilestoneEditFieldChange:ht,onCancelMilestoneEdit:Ze,onSaveMilestoneEdit:ft,featureEdit:ae,onFeatureEditChange:xt,onStartFeatureEdit:rt,onCancelFeatureEdit:et,onSaveFeatureEdit:_t,projectId:l,addToast:n,isMilestoneDragging:Ce.draggingId===t.id,isMilestoneDropTarget:Ce.dropTargetId===t.id,milestoneDropPosition:Ce.dropTargetId===t.id?Ce.dropPosition:null,onMilestoneDragStart:qe,onMilestoneDragEnd:Ne,onMilestoneDragOver:Xe,onMilestoneDrop:h,onMilestoneDragLeave:m,isFeatureDragging:o,isFeatureDropTarget:ue.dropTargetMilestoneId===t.id,featureDropIndex:ue.dropTargetMilestoneId===t.id?ue.dropTargetIndex:null,onFeatureDragStart:Qe,onFeatureDragEnd:s,onFeatureDragOver:d,onFeatureDrop:r,onFeatureDragLeave:c,onFeatureDropOnMilestone:i,featureSuggestions:ve[t.id],isGeneratingFeatureSuggestions:oe(t.id),onGenerateFeatureSuggestions:()=>jt(t.id),onAcceptFeatureSuggestion:u=>Ct(t.id,u),onAcceptAllFeatureSuggestions:()=>yt(t.id),onUpdateFeatureSuggestionDraft:(u,b,z)=>Nt(u,b,z),onClearFeatureSuggestions:()=>St(t.id)},t.id))]})]})]}):e.jsx("div",{className:"roadmaps-view__empty-main",children:e.jsx("p",{children:"Select a roadmap from the sidebar to view its milestones."})})]}),U.type==="feature"&&U.parentId&&e.jsx("div",{className:"roadmaps-view__feature-create-overlay",children:e.jsx(oa,{onSave:t=>Et(U.parentId,t),onCancel:()=>K({type:null,parentId:void 0,title:"",description:""})})}),e.jsx(ea,{isOpen:N,onClose:F,roadmapId:je||"",roadmapTitle:Le,handoffPayload:de,isLoading:we,error:R,onFetchHandoff:W,onCopyToClipboard:Ke})]})}export{ma as RoadmapsView};

package/dist/client/assets/SettingsModal-BNSrO1M9.css

@@ -0,0 +1 @@
+.cli-binary-panel{display:flex;flex-direction:column;gap:12px;padding:0 var(--space-xl);margin-top:var(--space-lg);border:0;background:transparent}.cli-binary-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cli-binary-header .settings-section-heading{margin:0}.cli-binary-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.cli-binary-pill--ok{background:#2ea0432e;color:#57c97a;border:1px solid rgba(46,160,67,.4)}.cli-binary-pill--warn{background:#d299222e;color:#e3b341;border:1px solid rgba(210,153,34,.4)}.cli-binary-pill--err{background:#da36332e;color:#f48581;border:1px solid rgba(218,54,51,.4)}.cli-binary-help{color:var(--text-secondary, #98a3b1);line-height:1.4}.cli-binary-help code{background:#ffffff0f;padding:1px 6px;border-radius:4px;font-size:.92em}.cli-binary-status-line{margin:0;color:var(--text-secondary, #98a3b1)}.cli-binary-status-line code{background:#ffffff0f;padding:1px 6px;border-radius:4px}.cli-binary-detail{display:flex;flex-direction:column;gap:12px}.cli-binary-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.cli-binary-info-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cli-binary-info-list span{color:var(--text-secondary, #98a3b1);min-width:64px}.cli-binary-info-list code{background:#ffffff0f;padding:1px 6px;border-radius:4px;word-break:break-all}.cli-binary-expected{color:var(--text-secondary, #98a3b1);font-size:12px}.cli-binary-actions{display:flex;gap:8px;flex-wrap:wrap}.cli-binary-install-btn,.cli-binary-refresh-btn,.cli-binary-copy-btn{cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.cli-binary-install-btn{background:var(--accent, #3b82f6);color:#fff}.cli-binary-install-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.cli-binary-install-btn:disabled,.cli-binary-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.cli-binary-refresh-btn,.cli-binary-copy-btn{background:#ffffff0a;color:var(--text-primary, #e6edf3);border-color:#ffffff1f}.cli-binary-refresh-btn:hover:not(:disabled),.cli-binary-copy-btn:hover{background:#ffffff14}.cli-binary-commands{display:flex;flex-direction:column;gap:6px}.cli-binary-commands label{font-size:12px;color:var(--text-secondary, #98a3b1);text-transform:uppercase;letter-spacing:.04em}.cli-binary-command-row{display:flex;align-items:center;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:6px 8px 6px 12px}.cli-binary-command-row code{flex:1;font-family:var(--font-mono, ui-monospace, "SFMono-Regular", monospace);font-size:12.5px;color:var(--text-primary, #e6edf3);white-space:nowrap;overflow-x:auto}.cli-binary-install-log{border-top:1px solid rgba(255,255,255,.06);padding-top:10px;font-size:12.5px}.cli-binary-install-log summary{cursor:pointer;color:var(--text-secondary, #98a3b1)}.cli-binary-install-output{margin:6px 0 0;padding:8px 10px;background:#00000059;border-radius:4px;max-height:220px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.4}.cli-binary-install-output--err{color:#f48581}.cli-binary-permissions-hint{margin:6px 0;padding:8px 10px;background:#da36331a;border-left:3px solid rgba(218,54,51,.55);border-radius:0 4px 4px 0;color:#f7c4c2;font-size:12.5px;line-height:1.5}.prompt-manager{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-xl);margin-top:var(--space-md)}.prompt-manager-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.prompt-manager-tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.prompt-manager-tab:hover{color:var(--text);background:var(--surface)}.prompt-manager-tab:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-color:var(--todo)}.prompt-manager-tab.active{color:var(--text);background:var(--surface);border-color:var(--border)}.prompt-manager-content{min-height:200px}.prompt-manager-templates-tab,.prompt-manager-assignments-tab,.prompt-manager-overrides-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.prompt-template-section{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-template-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.prompt-template-section-desc{font-size:12px;color:var(--text-muted);margin:0}.prompt-template-list{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-template-card{padding:var(--space-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.prompt-template-card:hover{border-color:var(--text-dim)}.prompt-template-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.prompt-template-card-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.prompt-template-card-name{font-weight:600;color:var(--text);font-size:14px}.prompt-template-badge-built-in,.prompt-template-badge-custom,.prompt-template-badge-override{display:inline-flex;align-items:center;padding:calc(var(--space-xs) * .5) calc(var(--space-xs) * 1.5);font-size:10px;font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.prompt-template-badge-built-in{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.prompt-template-badge-custom{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.prompt-template-badge-override{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.prompt-template-badge-role{display:inline-flex;align-items:center;padding:calc(var(--space-xs) * .5) calc(var(--space-xs) * 1.5);font-size:10px;font-weight:500;border-radius:var(--radius-sm)}.prompt-template-badge-built-in,.prompt-template-badge-role,.prompt-role-badge{--prompt-role-color: var(--color-muted)}.prompt-role-tone--executor{--prompt-role-color: var(--todo)}.prompt-role-tone--triage{--prompt-role-color: var(--triage)}.prompt-role-tone--reviewer{--prompt-role-color: var(--in-review)}.prompt-role-tone--merger{--prompt-role-color: var(--done)}.prompt-role-tone--scheduler{--prompt-role-color: var(--color-info)}.prompt-role-tone--engineer{--prompt-role-color: var(--color-warning)}.prompt-role-tone--custom{--prompt-role-color: var(--color-muted)}.prompt-template-badge-role,.prompt-role-badge{background:color-mix(in srgb,var(--prompt-role-color) 15%,transparent);color:var(--prompt-role-color)}.prompt-template-badge-built-in.prompt-role-tone--executor,.prompt-template-badge-built-in.prompt-role-tone--triage,.prompt-template-badge-built-in.prompt-role-tone--reviewer,.prompt-template-badge-built-in.prompt-role-tone--merger,.prompt-template-badge-built-in.prompt-role-tone--scheduler,.prompt-template-badge-built-in.prompt-role-tone--engineer,.prompt-template-badge-built-in.prompt-role-tone--custom{border-color:var(--prompt-role-color)}.prompt-template-card-actions{display:flex;gap:var(--space-xs)}.prompt-template-card-actions .btn-icon{padding:var(--space-xs)}.prompt-template-card-description{font-size:12px;color:var(--text-muted);margin:0 0 var(--space-sm) 0;line-height:1.4}.prompt-template-card-preview{background:var(--surface);border-radius:var(--radius-sm);padding:var(--space-sm);overflow:hidden}.prompt-template-card-preview code{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;display:block;max-height:120px;overflow-y:auto}.prompt-template-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md)}.prompt-template-add-btn{align-self:flex-start;margin-top:var(--space-sm)}.prompt-template-editor{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.prompt-template-editor-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 var(--space-md) 0}.prompt-template-editor-fields{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-template-field{display:flex;flex-direction:column;gap:var(--space-xs)}.prompt-template-field label{font-size:12px;font-weight:500;color:var(--text-muted)}.prompt-template-field input,.prompt-template-field select,.prompt-template-prompt-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:13px;transition:border-color var(--transition-fast)}.prompt-template-field input:focus,.prompt-template-field select:focus,.prompt-template-prompt-textarea:focus{outline:none;border-color:var(--todo)}.prompt-template-prompt-textarea{font-family:var(--font-mono);font-size:12px;line-height:1.5;resize:vertical;min-height:120px}.prompt-template-error{padding:var(--space-sm);background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:12px}.prompt-template-editor-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-sm)}.prompt-template-delete-confirm{padding:var(--space-md);background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid var(--color-error);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm)}.prompt-template-delete-confirm p{margin:0;font-size:13px;color:var(--text)}.prompt-template-delete-actions{display:flex;gap:var(--space-sm)}.prompt-assignments-desc{font-size:12px;color:var(--text-muted);margin:0}.prompt-role-assignment-list{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-role-assignment-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.prompt-role-assignment-label{display:flex;align-items:center;gap:var(--space-md)}.prompt-role-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:12px;font-weight:600;border-radius:var(--radius-sm)}.prompt-role-assignment-status{font-size:12px;color:var(--text-muted)}.prompt-role-select{min-width:200px;padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:13px;cursor:pointer}.prompt-role-select:focus{outline:none;border-color:var(--todo)}.prompt-role-select:focus-visible{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.prompt-assignments-note{margin-top:var(--space-md);padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);line-height:1.5}.prompt-assignments-note strong{color:var(--text)}.prompt-overrides-desc{font-size:12px;color:var(--text-muted);margin:0}.prompt-overrides-list{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-override-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.prompt-override-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);cursor:pointer;transition:background var(--transition-fast)}.prompt-override-header:hover{background:var(--card-hover)}.prompt-override-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);flex:1;min-width:0;border:none;background:none;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer;border-radius:var(--radius-sm)}.prompt-override-info:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.prompt-override-name{font-weight:600;color:var(--text);font-size:13px}.prompt-override-key{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);padding:calc(var(--space-xs) * .5) var(--space-xs);background:var(--surface);border-radius:var(--radius-sm)}.prompt-override-badge{display:inline-flex;align-items:center;padding:calc(var(--space-xs) * .5) calc(var(--space-xs) * 1.5);font-size:10px;font-weight:500;background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border-radius:var(--radius-sm)}.prompt-override-expand-btn{display:flex;align-items:center;justify-content:center;width:var(--space-xl);height:var(--space-xl);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.prompt-override-expand-btn:hover{color:var(--text);background:var(--surface)}.prompt-override-expand-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);color:var(--text);background:var(--surface)}.prompt-override-description{font-size:12px;color:var(--text-muted);margin:0;padding:0 var(--space-md) var(--space-md);line-height:1.4}.prompt-override-editor{padding:var(--space-md);border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:var(--space-sm)}.prompt-override-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:12px;font-family:var(--font-mono);line-height:1.5;resize:vertical;min-height:calc(var(--space-xl) * 3 + var(--space-sm));transition:border-color var(--transition-fast)}.prompt-override-textarea:focus{outline:none;border-color:var(--todo)}.prompt-override-footer{display:flex;align-items:center;gap:var(--space-md)}.prompt-override-hint{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted)}.prompt-override-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.prompt-override-fullscreen-btn{display:flex;align-items:center;justify-content:center;width:var(--space-xl);height:var(--space-xl);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.prompt-override-fullscreen-btn:hover{color:var(--text);background:var(--surface)}.prompt-override-fullscreen-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);color:var(--text);background:var(--surface)}.prompt-override-fullscreen{position:fixed;inset:0;z-index:10000;background:var(--surface);padding:max(var(--space-lg),env(safe-area-inset-top,0px)) max(var(--space-lg),env(safe-area-inset-right,0px)) max(var(--space-lg),env(safe-area-inset-bottom,0px)) max(var(--space-lg),env(safe-area-inset-left,0px));display:flex;flex-direction:column}.prompt-override-fullscreen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-shrink:0}.prompt-override-fullscreen-title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:var(--space-sm)}.prompt-override-fullscreen-close{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:12px;transition:all var(--transition-fast)}.prompt-override-fullscreen-close:hover{color:var(--text);border-color:var(--text-muted)}.prompt-override-fullscreen-close:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.prompt-override-fullscreen textarea{flex:1;min-height:unset;resize:none;border-radius:var(--radius-md);font-size:14px;line-height:1.6}.prompt-template-fullscreen-pre{flex:1;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-y:auto;padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);margin:0}.prompt-override-fullscreen .prompt-override-footer{flex-shrink:0;padding-top:var(--space-sm)}.prompt-template-prompt-label-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.prompt-template-prompt-label-row label{display:block}.prompt-template-fullscreen-btn{vertical-align:middle}.prompt-template-prompt-label-row .prompt-template-fullscreen-btn{margin-left:var(--space-xs)}@media(max-width:768px){.prompt-manager{padding:0 var(--space-lg)}.prompt-manager-tabs{flex-wrap:wrap}.prompt-manager-tab{flex:1;justify-content:center;min-width:calc(50% - var(--space-xs))}.prompt-role-assignment-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.prompt-role-select{width:100%}.prompt-template-editor-actions{flex-direction:column}.prompt-template-editor-actions .btn{width:100%}.prompt-override-fullscreen{padding:max(var(--space-md),env(safe-area-inset-top,0px)) max(var(--space-md),env(safe-area-inset-right,0px)) max(var(--space-md),env(safe-area-inset-bottom,0px)) max(var(--space-md),env(safe-area-inset-left,0px))}.prompt-override-fullscreen textarea{font-size:16px}.prompt-override-expand-btn,.prompt-override-fullscreen-btn{width:calc(var(--space-lg) * 2 + var(--space-xs));height:calc(var(--space-lg) * 2 + var(--space-xs))}}@keyframes custom-provider-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-providers-section .onboarding-disclosure-content{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.custom-provider-list{display:flex;flex-direction:column;gap:var(--space-sm)}.custom-provider-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.custom-provider-item:hover{border-color:var(--text-dim)}.custom-provider-item-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.custom-provider-item-name{font-weight:600;color:var(--text)}.custom-provider-item-meta{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-provider-item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.custom-provider-badge{display:inline-flex;align-items:center;padding:var(--space-xs);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.custom-provider-empty{color:var(--text-muted);padding:var(--space-sm) 0}.custom-provider-add-btn{margin-top:var(--space-sm)}.custom-provider-form{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-sm)}.custom-provider-form-row{margin-bottom:var(--space-sm)}.custom-provider-form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.custom-provider-form-error{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-error);margin-top:var(--space-xs);background:color-mix(in srgb,var(--color-error) 10%,transparent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.custom-provider-item-edit-form{margin-top:var(--space-xs)}.spin{animation:custom-provider-spin calc(var(--transition-slow) * 4) linear infinite}@media(max-width:768px){.custom-provider-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.custom-provider-item-meta{max-width:100%}.custom-provider-form{padding:var(--space-sm)}.custom-provider-item-actions{align-self:flex-end;margin-top:var(--space-xs)}}

package/dist/client/assets/{SettingsModal-Cn_CIPXu.js → SettingsModal-ByVl_fUi.js}

@@ -1 +1 @@
-import{r as e}from"./vendor-react-K0fH_qHe.js";import{de as C}from"./index-BlkXZ4C5.js";function L(k={}){const{projectId:d,pollInterval:b=6e4,autoRefresh:p=!1,enabled:t=!0}=k,[S,o]=e.useState(null),[m,l]=e.useState(t),[E,c]=e.useState(null),[R,v]=e.useState(null),r=e.useRef(null),n=e.useRef(null),a=e.useRef(!0),s=e.useCallback(async()=>{if(!t){l(!1),c(null),o(null);return}r.current&&r.current.abort(),r.current=new AbortController,l(!0),c(null),o(null);try{const u=await C(d);if(!a.current)return;o(u),c(null),v(new Date),l(!1)}catch(u){if(u instanceof Error&&u.name==="AbortError"||!a.current)return;const A=u instanceof Error?u.message:"Failed to fetch memory backend status";c(A),l(!1)}},[t,d]);e.useEffect(()=>(a.current=!0,t?(s(),()=>{a.current=!1}):(r.current&&r.current.abort(),o(null),c(null),l(!1),()=>{a.current=!1})),[t,s]),e.useEffect(()=>{if(!(!t||!p))return n.current=setInterval(()=>{s()},b),()=>{n.current&&(clearInterval(n.current),n.current=null)}},[t,p,b,s]),e.useEffect(()=>()=>{a.current=!1,r.current&&r.current.abort(),n.current&&(clearInterval(n.current),n.current=null)},[]);const h=e.useCallback(()=>s(),[s]),f=m?null:S,B=f?.currentBackend??null,i=f?.capabilities??null,y=f?.availableBackends??[],I=i?.readable??!1,g=i?.writable??!1,w=i?.supportsAtomicWrite??!1;return{status:f,currentBackend:B,capabilities:i,availableBackends:y,isReadable:I,isWritable:g,supportsAtomicWrite:w,loading:m,error:E,lastUpdated:R,refresh:h}}export{L as u};
+import{r as e}from"./vendor-react-K0fH_qHe.js";import{cX as C}from"./index-CtiRbTNv.js";function L(k={}){const{projectId:d,pollInterval:b=6e4,autoRefresh:p=!1,enabled:t=!0}=k,[S,o]=e.useState(null),[m,l]=e.useState(t),[E,c]=e.useState(null),[R,v]=e.useState(null),r=e.useRef(null),n=e.useRef(null),a=e.useRef(!0),s=e.useCallback(async()=>{if(!t){l(!1),c(null),o(null);return}r.current&&r.current.abort(),r.current=new AbortController,l(!0),c(null),o(null);try{const u=await C(d);if(!a.current)return;o(u),c(null),v(new Date),l(!1)}catch(u){if(u instanceof Error&&u.name==="AbortError"||!a.current)return;const A=u instanceof Error?u.message:"Failed to fetch memory backend status";c(A),l(!1)}},[t,d]);e.useEffect(()=>(a.current=!0,t?(s(),()=>{a.current=!1}):(r.current&&r.current.abort(),o(null),c(null),l(!1),()=>{a.current=!1})),[t,s]),e.useEffect(()=>{if(!(!t||!p))return n.current=setInterval(()=>{s()},b),()=>{n.current&&(clearInterval(n.current),n.current=null)}},[t,p,b,s]),e.useEffect(()=>()=>{a.current=!1,r.current&&r.current.abort(),n.current&&(clearInterval(n.current),n.current=null)},[]);const h=e.useCallback(()=>s(),[s]),f=m?null:S,B=f?.currentBackend??null,i=f?.capabilities??null,y=f?.availableBackends??[],I=i?.readable??!1,g=i?.writable??!1,w=i?.supportsAtomicWrite??!1;return{status:f,currentBackend:B,capabilities:i,availableBackends:y,isReadable:I,isWritable:g,supportsAtomicWrite:w,loading:m,error:E,lastUpdated:R,refresh:h}}export{L as u};

package/dist/client/assets/SettingsModal-oOnIed5O.css

@@ -0,0 +1 @@
+.settings-header-actions{display:flex;align-items:stretch;gap:var(--space-xs);margin-left:auto;margin-right:var(--space-sm)}.settings-header-actions>.settings-github-star-btn,.settings-header-actions>.btn{height:calc(var(--space-md) * 2 + var(--space-xs) / 2);box-sizing:border-box}@media(max-width:768px){.settings-header-actions>.btn-icon{min-height:calc(var(--space-md) * 3);min-width:calc(var(--space-md) * 3)}}.settings-github-star-btn{display:inline-flex;align-items:stretch;border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--text);font-size:12px;font-weight:500;text-decoration:none;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}.settings-github-star-btn:hover{border-color:var(--text-muted);background:var(--card-hover)}.settings-github-star-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-color:var(--todo)}.settings-github-star-btn__action{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) calc(var(--space-sm) + var(--space-xs) / 2)}.settings-github-star-btn__count{display:inline-flex;align-items:center;padding:var(--space-xs) calc(var(--space-sm) + var(--space-xs) / 4);border-left:var(--btn-border-width) solid var(--border);background:color-mix(in srgb,var(--surface) 60%,var(--card));color:var(--text-muted);font-variant-numeric:tabular-nums}.settings-modal{width:min(95vw,1100px);max-width:95vw;min-width:520px;height:80vh;min-height:480px;max-height:calc(100dvh - var(--overlay-padding-top, 10vh) - 16px);overflow:hidden;resize:both}@media(max-width:768px){.modal-overlay.settings-modal-overlay,.modal-overlay:has(.settings-modal){padding-top:0;align-items:stretch;justify-content:stretch}.modal.settings-modal{width:100vw;min-width:0;max-width:100vw;height:100dvh;min-height:0;max-height:100dvh;margin:0;border:none;border-radius:0;resize:none}.modal.settings-modal[style*=--keyboard-overlap]{height:var(--vv-height, 100dvh);max-height:var(--vv-height, 100dvh);transform:translateY(var(--vv-offset-top, 0px));will-change:transform}}.settings-modal-heading{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-modal-heading h3{margin:0}.settings-modal-version{margin:0;font-size:.85rem;color:var(--text-muted);font-weight:500}.settings-update-check{display:flex;align-items:center;gap:var(--space-sm)}.settings-version-check-btn{--settings-inline-touch-target: calc(var(--space-lg) + var(--space-lg) + var(--space-xs));display:inline-flex;align-items:center;gap:var(--space-xs);margin:0;min-height:var(--settings-inline-touch-target);padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:opacity var(--transition-fast),box-shadow var(--transition-fast)}.settings-version-check-btn:hover:not(:disabled){opacity:.85}.settings-version-check-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:var(--radius-sm)}.settings-version-check-btn:disabled{cursor:default;opacity:.7}.settings-version-check-btn svg{color:var(--text-muted)}.settings-version-check-btn svg.spinning{animation:settings-update-spin 1s linear infinite}.settings-update-result{font-size:.85rem;font-weight:500}.settings-update-result--up-to-date{color:var(--color-success)}.settings-update-result--available{color:var(--color-info)}.settings-update-result--error{color:var(--text-muted)}.settings-update-result-link{color:var(--color-info);text-decoration:underline;transition:color var(--transition-fast),box-shadow var(--transition-fast)}.settings-update-result-link:hover{color:color-mix(in srgb,var(--color-info) 80%,var(--text))}.settings-update-result-link:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:var(--radius-sm)}@keyframes settings-update-spin{to{transform:rotate(360deg)}}.settings-layout{display:flex;flex:1;flex-direction:row;min-height:0;overflow:hidden}.settings-mobile-section-picker{display:none}.settings-sidebar{width:170px;min-width:170px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:10px 8px;gap:2px;background:color-mix(in srgb,var(--text) 10%,transparent);scrollbar-color:var(--border) transparent;scrollbar-width:thin}.settings-sidebar::-webkit-scrollbar{width:6px}.settings-sidebar::-webkit-scrollbar-track{background:transparent}.settings-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.settings-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-research-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media(max-width:768px){.settings-research-source-grid{grid-template-columns:1fr}}.settings-nav-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;color:var(--text-muted);background:none;border:none;border-left:3px solid transparent;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.settings-nav-item:hover{background:var(--bg);color:var(--text);border-left-color:var(--border)}.settings-nav-item:focus-visible{box-shadow:var(--focus-ring-strong);outline:none}.settings-nav-item.active{background:var(--bg);color:var(--todo);font-weight:600;border-left-color:var(--todo)}.settings-group-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-md) var(--space-md) var(--space-xs);margin-top:var(--space-sm);user-select:none}.settings-group-header:first-child{margin-top:0}.settings-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:4px 0 12px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-content>*{animation:settingsFadeIn var(--transition-normal)}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-section-heading{font-size:14px;font-weight:600;padding:var(--space-lg) 0 var(--space-md);margin:0;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:var(--space-xs)}.settings-section-heading--spaced{margin-top:var(--space-xl)}.settings-section-description{margin:0;padding:0 var(--space-xl);margin-bottom:var(--space-sm);color:var(--text-muted);font-size:13px;line-height:1.5}.settings-plugins-subsection-toggle{display:inline-flex;gap:var(--space-xs);padding:0 var(--space-xl);margin:var(--space-md) 0}.settings-plugins-subsection-btn{display:inline-flex;align-items:center;justify-content:center;border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;padding:var(--space-xs) var(--space-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-plugins-subsection-btn:hover{background:var(--surface-hover, color-mix(in srgb, var(--text) 6%, transparent));color:var(--text)}.settings-plugins-subsection-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.settings-plugins-subsection-btn.active{background:color-mix(in srgb,var(--todo) 14%,transparent);border-color:color-mix(in srgb,var(--todo) 45%,var(--border));color:var(--todo)}.settings-plugins-subsection-panel{padding-bottom:var(--space-md)}.settings-scope-icon{margin-right:6px;display:inline-flex;vertical-align:middle;color:var(--text-muted)}.settings-scope-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);margin:0 var(--space-xl) var(--space-xs);font-size:12px;border-radius:var(--radius);color:var(--text-muted)}.settings-scope-global{background:color-mix(in srgb,var(--color-info) 8%,transparent);border-left:3px solid color-mix(in srgb,var(--color-info) 40%,transparent)}.settings-scope-project{background:color-mix(in srgb,var(--color-success) 8%,transparent);border-left:3px solid color-mix(in srgb,var(--color-success) 40%,transparent)}.settings-scope-mixed{background:color-mix(in srgb,var(--triage) 8%,transparent);border-left:3px solid color-mix(in srgb,var(--triage) 40%,transparent)}.settings-note{display:block;padding:0 var(--space-xl);margin-top:var(--space-xs);font-size:12px;color:var(--text-muted)}.settings-overlap-ignore-group code{font-family:var(--font-mono);font-size:.9em}.settings-button-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.settings-raw-output{margin:var(--space-sm) 0 0;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);max-height:calc(var(--space-2xl) * 7);overflow:auto;font-family:var(--font-mono);font-size:calc(var(--space-sm) + var(--space-xs))}.settings-url-output{display:block;margin-top:var(--space-xs);padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);font-size:calc(var(--space-sm) + var(--space-xs));overflow-wrap:anywhere;word-break:break-word;overflow-x:auto;max-width:100%}.settings-qr-preview{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-qr-preview-label{margin:0;font-size:calc(var(--space-sm) + var(--space-xs));color:var(--text-muted)}.settings-qr-preview-image-wrap{width:fit-content;max-width:100%;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card)}.settings-qr-preview-image{display:block;width:min(calc(var(--space-2xl) * 6),100%);height:auto;aspect-ratio:1 / 1}.remote-provider-selector{display:flex;gap:var(--space-xs);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-xs);background:var(--surface)}.remote-provider-option{position:relative;flex:1;cursor:pointer}.remote-provider-option input{position:absolute;opacity:0;width:0;height:0}.remote-provider-option span{display:block;padding:var(--space-sm) var(--space-md);text-align:center;border-radius:var(--radius-sm);border:var(--btn-border-width) solid transparent;color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.remote-provider-option input:checked+span{background:var(--card);color:var(--text);border-color:var(--border)}.remote-provider-option input:focus-visible+span{box-shadow:var(--focus-ring-strong)}.remote-status-bar{--status-color: var(--text-muted);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-xl) var(--space-md);background:color-mix(in srgb,var(--status-color) 10%,transparent)}.remote-status-bar--running{--status-color: var(--color-success)}.remote-status-bar--starting{--status-color: var(--color-warning)}.remote-status-bar--error{--status-color: var(--color-error)}.remote-status-bar--stopped{--status-color: var(--text-muted)}.remote-share-block{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 var(--space-xl) var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--text-muted) 5%,transparent)}.remote-share-row{display:flex;flex-direction:column;gap:var(--space-xs)}.remote-share-row .settings-qr-preview-image{margin-top:var(--space-xs)}.remote-status-dot{width:var(--space-sm);height:var(--space-sm);border-radius:50%;display:inline-block;flex-shrink:0}.remote-status-dot--running{background:var(--color-success)}.remote-status-dot--starting{background:var(--color-warning)}.remote-status-dot--error{background:var(--color-error)}.remote-status-dot--stopped{background:var(--text-muted)}.remote-status-url{margin-left:auto;font-family:var(--font-mono);overflow-wrap:anywhere;word-break:break-word;user-select:all}.remote-provider-settings{display:flex;flex-direction:column;gap:var(--space-sm)}.remote-cli-detection{display:flex;align-items:flex-start;gap:var(--space-sm);margin:0 var(--space-xl) var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.remote-cli-detection--available{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.remote-cli-detection--missing{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning)}.remote-cli-detection-content{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text)}.remote-cli-detection .btn{align-self:flex-start}.remote-cli-install-error{color:var(--color-error)}.remote-cli-manual{color:var(--text-dim)}.remote-external-tunnel-panel{display:flex;flex-direction:column;gap:var(--space-sm);margin:0 var(--space-xl) var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-info) 10%,transparent)}.remote-external-tunnel-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-info)}.remote-external-tunnel-qr{display:flex;flex-direction:column;gap:var(--space-xs)}.remote-external-tunnel-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.remote-advanced-details{margin:var(--space-lg) var(--space-xl) 0;border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);background:var(--surface)}.remote-advanced-details>summary{cursor:pointer;color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));list-style:none}.remote-advanced-details>summary::-webkit-details-marker{display:none}.remote-advanced-details>summary:before{content:"▸";margin-right:var(--space-xs)}.remote-advanced-details[open]>summary:before{content:"▾"}.settings-option-details{margin-top:var(--space-xs)}.settings-option-details>summary{cursor:pointer;color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));list-style:none}.settings-option-details>summary::-webkit-details-marker{display:none}.settings-option-details>summary:before{content:"▸";margin-right:var(--space-xs)}.settings-option-details[open]>summary:before{content:"▾"}.remote-cf-advanced-details{margin-top:var(--space-xs)}.remote-cf-advanced-details>summary{cursor:pointer;color:var(--text-muted);font-size:calc(var(--space-sm) + var(--space-xs));list-style:none}.remote-cf-advanced-details>summary::-webkit-details-marker{display:none}.remote-cf-advanced-details>summary:before{content:"▸";margin-right:var(--space-xs)}.remote-cf-advanced-details[open]>summary:before{content:"▾"}.remote-cf-advanced-fields{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.remote-tunnel-actions{margin-top:var(--space-md)}.remote-tunnel-actions .btn{width:100%}.settings-overlap-ignore-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-sm) 0}.settings-overlap-ignore-row,.settings-overlap-ignore-path-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center}.settings-overlap-path-picker-modal{max-width:min(960px,calc(100vw - var(--space-2xl)))}.settings-overlap-path-picker-body{display:flex;flex-direction:column;gap:var(--space-sm);max-height:min(70vh,720px)}.settings-overlap-path-picker-note{margin:0;font-size:12px;color:var(--text-muted)}.settings-section-divider{border-top:1px solid var(--border);margin:var(--space-lg) var(--space-xl)}@media(max-width:768px){.settings-note{padding:0 var(--space-lg)}.settings-overlap-ignore-row,.settings-overlap-ignore-path-controls{grid-template-columns:minmax(0,1fr)}.settings-overlap-ignore-row>.btn{justify-self:start}.settings-overlap-path-picker-modal{max-width:calc(100vw - var(--space-md))}.remote-provider-selector{flex-direction:column}.remote-status-bar{flex-wrap:wrap;margin:0 var(--space-lg) var(--space-md)}.remote-share-block{margin:0 var(--space-lg) var(--space-md)}.remote-status-url{width:100%;margin-left:0;font-size:.8em}.remote-provider-option,.remote-tunnel-actions .btn{min-height:36px}.remote-cli-detection,.remote-external-tunnel-panel{margin:0 var(--space-lg) var(--space-md)}}.ntfy-advanced-disclosure{margin-top:var(--space-md);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.ntfy-advanced-disclosure>summary{cursor:pointer;list-style:none;padding:var(--space-sm) var(--space-md);font-size:12px;font-weight:600;color:var(--text)}.ntfy-advanced-disclosure>summary::-webkit-details-marker{display:none}.ntfy-advanced-content{padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-inline-link{color:var(--todo);text-decoration:none;transition:text-decoration var(--transition-fast)}.settings-inline-link:hover{text-decoration:underline}.settings-inline-link:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:var(--radius-sm)}.notification-provider-card{border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:0 var(--space-xl) var(--space-lg);overflow:hidden}.notification-provider-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:var(--btn-border-width) solid var(--border)}.notification-provider-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.notification-provider-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--btn-border-width) solid var(--border);margin-top:var(--space-md)}.memory-status-message{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.memory-status-message span{min-width:0}.memory-retrieval-test{margin-top:var(--space-lg)}.memory-test-result{margin:0 var(--space-xl) var(--space-lg);padding:var(--space-md);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);background:var(--card)}.memory-test-result strong,.memory-test-result span{color:var(--text);font-size:12px}.memory-test-result small{display:block;margin-top:var(--space-xs);color:var(--text-muted);font-size:12px}.memory-test-result ul{margin:var(--space-md) 0 0;padding:0;list-style:none}.memory-test-result li{padding-top:var(--space-sm);border-top:var(--btn-border-width) solid var(--border)}.memory-test-result li+li{margin-top:var(--space-sm)}.memory-test-result p{margin:var(--space-xs) 0 0;color:var(--text-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.memory-editor-section{margin-top:var(--space-lg)}.memory-file-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs) var(--space-md);align-items:center;margin:0 var(--space-xl) var(--space-md);padding:var(--space-md);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);background:var(--card)}.memory-file-summary span{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-info);background:color-mix(in srgb,var(--color-info) 12%,transparent);font-size:11px;font-weight:600}.memory-file-summary strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:12px}.memory-file-summary small{grid-column:2;color:var(--text-muted);font-size:12px}.memory-editor-frame{min-height:50vh;border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.auth-panel-body{padding-inline:var(--space-md)}.auth-section-hint{padding:12px 16px;margin-bottom:12px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:13px;color:var(--text-muted);border-left:3px solid var(--text-muted)}.auth-provider-group{margin-bottom:10px}.auth-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;padding:0 4px}.auth-provider-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:4px;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-provider-card:hover{border-color:var(--text-dim)}.auth-provider-card--authenticated{border-color:color-mix(in srgb,var(--color-success) 40%,var(--border));background:color-mix(in srgb,var(--color-success) 5%,var(--surface))}.auth-provider-card--authenticated:hover{border-color:color-mix(in srgb,var(--color-success) 60%,var(--border))}.auth-provider-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.auth-provider-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.auth-provider-info strong{font-weight:500;color:var(--text)}.auth-provider-icon-slot{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--space-md) + var(--space-xs) * 2);block-size:calc(var(--space-md) + var(--space-xs) * 2);flex-shrink:0}.auth-provider-icon-slot .provider-icon{display:inline-flex}.auth-hint{display:block;padding:12px 4px 0;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px}.auth-apikey-section{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.auth-apikey-input-row{display:flex;gap:6px;align-items:center}.auth-apikey-input{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 10px;font-size:13px;width:180px;font-family:monospace}.auth-apikey-input:focus{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring)}.auth-apikey-input:disabled{opacity:.6}.auth-apikey-progress{font-size:calc(var(--space-sm) + var(--space-xs) * .75);color:var(--text-muted);padding-right:4px}.auth-apikey-error{font-size:11px;color:var(--color-error);padding-right:4px}.auth-provider-actions-row{display:inline-flex;align-items:center;gap:var(--space-sm)}.auth-key-hint{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);display:inline-block;margin-top:var(--space-xs);user-select:none}.settings-lane-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.settings-lane-badge--override{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent)}.settings-lane-badge--inherited{background-color:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--text-muted)}.settings-description{font-size:13px;color:var(--text-secondary);padding-inline:var(--space-xl);margin-block:0 var(--space-md);line-height:1.5}.settings-model-presets{display:flex;flex-direction:column;gap:var(--space-md)}.settings-preset-list{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-preset-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);background:var(--card)}.settings-preset-item-meta{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.settings-preset-item-meta strong{color:var(--text);overflow-wrap:anywhere}.settings-preset-summary{font-size:12px;overflow-wrap:anywhere}.settings-preset-item-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.settings-preset-actions{display:flex;justify-content:flex-start}.settings-preset-editor{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border:var(--btn-border-width) solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 85%,var(--card))}.settings-preset-editor-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-preset-editor .form-group{padding:0}.settings-preset-editor-actions{justify-content:flex-start;margin-top:0;padding:0}.settings-preset-auto-select{margin-top:var(--space-sm)}.settings-preset-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.settings-preset-size-row{padding:0}@media(max-width:768px){.settings-layout{flex-direction:column;min-height:0}.settings-mobile-section-picker{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-bottom:var(--btn-border-width) solid var(--border);background:var(--surface)}.settings-mobile-section-picker label{color:var(--text-muted);font-weight:600;text-transform:uppercase}.settings-mobile-section-picker select{width:100%}.settings-mobile-section-picker select:focus-visible{outline:none;border-color:var(--todo);box-shadow:var(--focus-ring-strong)}.settings-sidebar{display:none}.settings-nav-item{display:flex;align-items:center;justify-content:center;gap:4px;border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius) var(--radius) 0 0;padding:6px 12px;white-space:nowrap}.settings-nav-item:hover{border-left-color:transparent;border-bottom-color:var(--border)}.settings-nav-item.active{border-left-color:transparent;border-bottom-color:var(--todo)}.settings-group-header{display:none}.notification-provider-card{margin:0 var(--space-lg) var(--space-md)}.notification-provider-header{padding:var(--space-sm) var(--space-md)}.notification-provider-body{padding:var(--space-md)}.settings-scope-icon{margin-right:0}.settings-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.settings-content .form-group small{overflow-wrap:break-word;word-break:break-all}.settings-content input,.settings-content select,.settings-content textarea{font-size:16px}.settings-section-heading{padding:var(--space-lg) 0 var(--space-md);margin:0}.settings-plugins-subsection-toggle{display:flex;width:100%;padding:0 var(--space-lg)}.settings-plugins-subsection-btn{flex:1;min-height:36px}.settings-plugins-subsection-panel{padding-left:var(--space-lg);padding-right:var(--space-lg)}.form-group{padding:0 14px}.settings-scope-banner{padding:var(--space-sm) var(--space-lg)}.memory-editor-frame{min-height:45vh}.memory-file-summary{grid-template-columns:1fr;margin:0 var(--space-lg) var(--space-md)}.memory-status-message{align-items:stretch;flex-direction:column}.memory-file-summary span{justify-content:flex-start}.memory-file-summary small{grid-column:auto}.settings-description{padding:0 var(--space-lg)}.settings-content .btn,.settings-preset-item-actions .btn{min-height:36px}.auth-provider-row{flex-wrap:wrap;padding:12px 14px;gap:var(--space-sm)}.auth-section-hint{margin:0 14px 12px;padding:10px 14px}.auth-provider-group{margin-bottom:12px}.auth-group-label{padding:0 14px}.auth-provider-card{margin:0 14px 8px}.auth-provider-header{flex-wrap:wrap;padding:10px 14px;gap:10px}.auth-provider-header>div:not(.auth-provider-info):not(.auth-apikey-section){margin-left:auto}.auth-provider-actions-row{width:100%;justify-content:flex-end}.auth-provider-info{width:100%;flex-basis:100%}.auth-apikey-section{width:100%;flex-basis:100%;align-items:flex-end}.auth-apikey-input-row{width:100%;flex-wrap:wrap;justify-content:flex-end}.auth-apikey-input{flex:1;min-width:120px;width:auto}.auth-apikey-input-row .btn{flex-shrink:0;margin-left:auto}.auth-hint{padding:12px 14px 0}.settings-model-presets{gap:var(--space-sm)}.settings-preset-item{flex-direction:column;align-items:stretch;padding:var(--space-sm) var(--space-md)}.settings-preset-item-actions{justify-content:flex-start}.settings-preset-editor{padding:var(--space-sm) var(--space-md)}.settings-preset-editor-actions{flex-wrap:wrap}.settings-preset-size-grid{grid-template-columns:1fr;gap:var(--space-xs)}.settings-node-routing-note{padding:var(--space-sm) var(--space-md);font-size:12px}}.settings-node-routing-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-top:var(--space-sm);color:var(--text-muted);font-size:13px;line-height:1.5}.settings-node-status{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:12px;color:var(--text-muted)}.auth-advanced-disclosure{margin-top:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.auth-advanced-disclosure>summary{cursor:pointer;padding:var(--space-sm) var(--space-md)}.auth-advanced-content{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.auth-custom-provider-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.auth-custom-provider-actions{display:flex;gap:var(--space-sm)}@media(max-width:768px){.auth-custom-provider-item{flex-direction:column;align-items:flex-start}}