@runfusion/fusion 0.22.0 → 0.24.0

package/dist/client/assets/PluginManager-pW6RMz5z.js

@@ -1 +0,0 @@
-import{r as o,j as n}from"./vendor-react-K0fH_qHe.js";import{D as T,e0 as ee,s as ne,X as A,av as se,Q as O,aW as M,a1 as V,R as te,e1 as ie,aQ as ae,cn as le,e2 as re,e3 as ce,e4 as de,e5 as ue,e6 as _,ck as oe}from"./index-DYDLmOcK.js";import{D as ge}from"./DirectoryPicker-CS1dwqcC.js";import"./vendor-xterm-DzcZoU0P.js";import"./folder-open-BiJpmnaT.js";const me=[{id:"fusion-plugin-agent-browser-runtime",name:"Agent Browser Runtime",path:"./plugins/fusion-plugin-agent-browser-runtime",experimental:!0},{id:"fusion-plugin-hermes-runtime",name:"Hermes Runtime",path:"./plugins/fusion-plugin-hermes-runtime",experimental:!0},{id:"fusion-plugin-paperclip-runtime",name:"Paperclip Runtime",path:"./plugins/fusion-plugin-paperclip-runtime"},{id:"fusion-plugin-openclaw-runtime",name:"OpenClaw Runtime",path:"./plugins/fusion-plugin-openclaw-runtime",experimental:!0},{id:"fusion-plugin-droid-runtime",name:"Droid Runtime",path:"./plugins/fusion-plugin-droid-runtime",experimental:!0},{id:"fusion-plugin-dependency-graph",name:"Dependency Graph",path:"./plugins/fusion-plugin-dependency-graph"}],N={started:"var(--color-success)",loaded:"var(--color-warning)",error:"var(--color-error)",stopped:"var(--color-muted)",installed:"var(--color-info)"};function fe({addToast:l,projectId:c}){const[x,b]=o.useState([]),[S,w]=o.useState(!0),[G,f]=o.useState(!1),[j,v]=o.useState(""),[C,P]=o.useState(!1),[h,$]=o.useState(null),[i,y]=o.useState(null),[a,p]=o.useState({}),[H,I]=o.useState(!1),[R,E]=o.useState(null),{confirm:Q}=T(),g=o.useCallback(async()=>{try{w(!0);const e=await ee(c);b(e)}catch(e){l(`Failed to load plugins: ${e instanceof Error?e.message:String(e)}`,"error")}finally{w(!1)}},[c,l]);o.useEffect(()=>{g()},[g]);const J=o.useRef([]);J.current=x,o.useEffect(()=>{const e=c?`?projectId=${encodeURIComponent(c)}`:"",s=d=>{try{const t=JSON.parse(d.data);if(c&&t.projectId&&t.projectId!==c)return;switch(t.transition){case"installing":case"enabled":case"disabled":case"settings-updated":b(u=>{const m=u.findIndex(r=>r.id===t.pluginId);if(m>=0){const r=[...u];return r[m]={...r[m],enabled:t.enabled,state:t.state,settings:t.settings,error:t.error},r}else return g(),u});break;case"uninstalled":b(u=>u.filter(m=>m.id!==t.pluginId));break;case"error":b(u=>{const m=u.findIndex(r=>r.id===t.pluginId);if(m>=0){const r=[...u];return r[m]={...r[m],state:t.state,error:t.error},r}return u});break}}catch{}};return ne(`/api/events${e}`,{events:{"plugin:lifecycle":s},onReconnect:()=>{g()}})},[c,g]);const z=async()=>{if(!j.trim()){l("Please enter a plugin path","error");return}try{P(!0),await _({path:j},c),l("Plugin installed successfully","success"),f(!1),v(""),await g()}catch(e){l(`Failed to install plugin: ${e instanceof Error?e.message:String(e)}`,"error")}finally{P(!1)}},K=async e=>{try{E(e.id),await _({path:e.path},c),l(`${e.name} installed successfully`,"success"),await g()}catch(s){l(`Failed to install ${e.name}: ${s instanceof Error?s.message:String(s)}`,"error")}finally{E(null)}},B=async e=>{try{await de(e.id,c),l(`${e.name} enabled`,"success"),await g()}catch(s){l(`Failed to enable plugin: ${s instanceof Error?s.message:String(s)}`,"error")}},D=async e=>{try{await ce(e.id,c),l(`${e.name} disabled`,"success"),await g()}catch(s){l(`Failed to disable plugin: ${s instanceof Error?s.message:String(s)}`,"error")}},F=async e=>{try{$(e.id),await re(e.id,c),l(`${e.name} reloaded`,"success"),await g()}catch(s){l(`Failed to reload plugin: ${s instanceof Error?s.message:String(s)}`,"error")}finally{$(null)}},L=async e=>{if(await Q({title:"Uninstall Plugin",message:`Are you sure you want to uninstall "${e.name}"?`,danger:!0}))try{await ue(e.id,c),l(`${e.name} uninstalled`,"success"),await g(),y(null)}catch(d){l(`Failed to uninstall plugin: ${d instanceof Error?d.message:String(d)}`,"error")}},U=async e=>{y(e);try{I(!0);const s=await oe(e.id,c);p(s)}catch{p({})}finally{I(!1)}},W=async()=>{if(i)try{await le(i.id,a,c),l("Settings saved","success")}catch(e){l(`Failed to save settings: ${e instanceof Error?e.message:String(e)}`,"error")}};if(i)return n.jsxs("div",{className:"plugin-manager-detail","data-testid":"plugin-manager-detail",children:[n.jsxs("div",{className:"plugin-manager-detail-header",children:[n.jsx("button",{className:"btn-icon",onClick:()=>y(null),"aria-label":"Back to plugin list",children:n.jsx(A,{size:16})}),n.jsxs("div",{className:"plugin-detail-title",children:[n.jsx("h4",{className:"plugin-detail-name",children:i.name}),n.jsx("span",{className:"plugin-state-badge",style:{color:N[i.state]||N.installed},children:i.state})]})]}),n.jsxs("div",{className:"plugin-detail-content",children:[n.jsxs("div",{className:"plugin-detail-card",children:[i.description&&n.jsx("p",{className:"plugin-description",children:i.description}),i.author&&n.jsxs("p",{className:"plugin-detail-meta-row",children:[n.jsx("span",{className:"text-muted",children:"Author:"}),i.author]}),i.homepage&&n.jsxs("p",{className:"plugin-detail-meta-row plugin-homepage",children:[n.jsx("span",{className:"text-muted",children:"Homepage:"}),n.jsxs("a",{href:i.homepage,target:"_blank",rel:"noopener noreferrer",children:[i.homepage,n.jsx(se,{size:12})]})]}),n.jsxs("p",{className:"plugin-detail-meta-row",children:[n.jsx("span",{className:"text-muted",children:"Version:"}),i.version]})]}),n.jsxs("div",{className:"plugin-detail-card",children:[n.jsx("h5",{className:"plugin-detail-section-heading",children:"Settings"}),H?n.jsx("p",{className:"text-muted",children:"Loading..."}):i.settingsSchema&&Object.keys(i.settingsSchema).length>0?n.jsxs("div",{className:"plugin-settings-form",children:[Object.entries(i.settingsSchema).map(([e,s])=>{const d=`setting-${e}-help`;return n.jsxs("div",{className:"form-group",children:[n.jsxs("label",{htmlFor:`setting-${e}`,children:[s.label||e,s.required&&" *"]}),s.type==="string"&&!s.multiline&&n.jsx("input",{className:"input",type:"text",id:`setting-${e}`,value:a[e]??"",onChange:t=>p({...a,[e]:t.target.value}),placeholder:s.description,"aria-describedby":s.description&&!s.required?d:void 0}),s.type==="string"&&s.multiline&&n.jsx("textarea",{className:"input",id:`setting-${e}`,rows:4,value:a[e]??"",onChange:t=>p({...a,[e]:t.target.value}),placeholder:s.description,"aria-describedby":s.description&&!s.required?d:void 0}),s.type==="password"&&n.jsx("input",{className:"input",type:"password",id:`setting-${e}`,value:a[e]??"",onChange:t=>p({...a,[e]:t.target.value}),placeholder:s.description,"aria-describedby":s.description&&!s.required?d:void 0}),s.type==="number"&&n.jsx("input",{className:"input",type:"number",id:`setting-${e}`,value:a[e]??"",onChange:t=>p({...a,[e]:Number(t.target.value)}),"aria-describedby":s.description&&!s.required?d:void 0}),s.type==="boolean"&&n.jsxs("label",{className:"checkbox-label",children:[n.jsx("input",{type:"checkbox",checked:a[e]??!1,onChange:t=>p({...a,[e]:t.target.checked})}),s.description]}),s.type==="enum"&&n.jsxs("select",{className:"select",id:`setting-${e}`,value:a[e]??"",onChange:t=>p({...a,[e]:t.target.value}),"aria-describedby":s.description&&!s.required?d:void 0,children:[n.jsx("option",{value:"",children:"Select..."}),s.enumValues?.map(t=>n.jsx("option",{value:t,children:t},t))]}),s.type==="array"&&n.jsxs("div",{className:"plugin-settings-array",children:[a[e]?.map((t,u)=>n.jsxs("div",{className:"plugin-settings-array-item",children:[n.jsx("input",{className:"input",type:s.itemType==="number"?"number":"text",value:t??"",onChange:m=>{const r=m.target.value,q=[...a[e]||[]];q[u]=s.itemType==="number"?Number(r):r,p({...a,[e]:q})}}),n.jsx("button",{className:"btn-icon",onClick:()=>{const r=[...a[e]||[]];r.splice(u,1),p({...a,[e]:r})},"aria-label":"Remove item",children:n.jsx(A,{size:14})})]},u)),n.jsxs("button",{className:"btn btn-secondary",onClick:()=>{const t=a[e]||[],u=s.itemType==="number"?0:"";p({...a,[e]:[...t,u]})},children:[n.jsx(O,{size:14})," Add Item"]})]}),s.description&&!s.required&&!s.multiline&&n.jsx("span",{id:d,className:"form-help",children:s.description})]},e)}),n.jsx("button",{className:"btn btn-primary",onClick:W,children:"Save Settings"})]}):n.jsx("p",{className:"text-muted",children:"No configurable settings."})]}),n.jsxs("div",{className:"plugin-detail-actions",children:[i.state==="started"&&n.jsxs("button",{className:"btn btn-secondary",onClick:()=>F(i),disabled:h===i.id,children:[n.jsx(M,{size:14,className:h===i.id?"spin":""}),h===i.id?"Reloading...":"Reload"]}),i.enabled?n.jsx("button",{className:"btn btn-secondary",onClick:()=>D(i),children:"Disable"}):n.jsx("button",{className:"btn btn-primary",onClick:()=>B(i),children:"Enable"}),n.jsxs("button",{className:"btn btn-danger",onClick:()=>L(i),children:[n.jsx(V,{size:14})," Uninstall"]})]})]})]});const X=new Set(x.map(e=>e.id)),Y=new Map(x.map(e=>[e.id,e])),k=x,Z=()=>n.jsxs("section",{className:"plugin-bundled-runtime-section","aria-label":"Bundled Plugins",children:[n.jsxs("div",{className:"plugin-bundled-runtime-header",children:[n.jsx("h4",{className:"plugin-bundled-runtime-heading",children:"Bundled Plugins"}),n.jsx("p",{className:"plugin-bundled-runtime-description",children:"Install Fusion's bundled plugins directly from this screen."})]}),n.jsx("div",{className:"plugin-bundled-runtime-list","aria-label":"Bundled plugin recommendations",children:me.map(e=>{const s=X.has(e.id);return n.jsxs("div",{className:"plugin-bundled-runtime-item",children:[n.jsxs("div",{className:"plugin-bundled-runtime-meta",children:[n.jsx("span",{className:"plugin-bundled-runtime-name",children:e.name}),e.experimental&&n.jsx("span",{className:"plugin-bundled-runtime-badge",children:"Experimental"}),n.jsx("span",{className:`plugin-bundled-runtime-status ${s?"plugin-bundled-runtime-status--installed":"plugin-bundled-runtime-status--available"}`,children:s?"Installed":"Not installed"})]}),n.jsx("button",{className:`btn ${s?"btn-secondary":"btn-primary"} btn-sm`,onClick:()=>{if(s){const d=Y.get(e.id);d&&U(d);return}K(e)},disabled:R===e.id,children:s?"Manage":R===e.id?"Installing...":`Install ${e.name}`})]},e.id)})})]});return n.jsxs("div",{className:"plugin-manager","data-testid":"plugin-manager",children:[n.jsxs("div",{className:"plugin-manager-header",children:[n.jsx("span",{className:"plugin-manager-header-title",children:"Installed Plugins"}),n.jsxs("div",{className:"plugin-manager-actions",children:[n.jsxs("button",{className:"btn btn-sm",onClick:g,title:"Refresh","aria-label":"Refresh plugin list",children:[n.jsx(te,{size:14,className:S?"spin":""}),"Refresh"]}),n.jsxs("button",{className:"btn btn-primary btn-sm",onClick:()=>f(!0),children:[n.jsx(O,{size:14})," Install"]})]})]}),G&&n.jsxs("div",{className:"plugin-install-form",children:[n.jsxs("p",{className:"plugin-install-hint",children:["Browse to a plugin package root (contains ",n.jsx("code",{children:"manifest.json"}),") or a built ",n.jsx("code",{children:"dist"})," directory."]}),n.jsx(ge,{value:j,onChange:v,placeholder:"Absolute path to plugin directory or dist folder",onInputKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),z())}}),n.jsxs("div",{className:"plugin-install-actions",children:[n.jsx("button",{className:"btn btn-primary",onClick:z,disabled:C||!j.trim(),children:C?"Installing...":"Install Plugin"}),n.jsx("button",{className:"btn btn-secondary",onClick:()=>{f(!1),v("")},children:"Cancel"})]})]}),S?n.jsx("div",{className:"settings-empty-state",children:"Loading plugins..."}):n.jsxs(n.Fragment,{children:[k.length===0?n.jsxs("div",{className:"settings-empty-state",children:[n.jsx(ie,{size:32,className:"text-muted"}),n.jsx("p",{children:"No plugins installed."}),n.jsx("p",{className:"text-muted",children:"Install a plugin to get started, or use a bundled plugin below."})]}):n.jsx("div",{className:"plugin-list",children:k.map(e=>n.jsxs("div",{className:"plugin-item",children:[n.jsxs("div",{className:"plugin-info",children:[n.jsx("span",{className:"plugin-name",children:e.name}),n.jsxs("span",{className:"plugin-version text-muted",children:["v",e.version]}),n.jsx("span",{className:"plugin-state-badge",style:{color:N[e.state]||N.installed},children:e.state})]}),n.jsxs("div",{className:"plugin-actions",children:[e.state==="started"&&n.jsx("button",{className:"btn-icon",onClick:()=>F(e),disabled:h===e.id,title:"Reload",children:n.jsx(M,{size:14,className:h===e.id?"spin":""})}),n.jsxs("label",{className:"toggle-switch",children:[n.jsx("input",{type:"checkbox",checked:e.enabled,onChange:()=>e.enabled?D(e):B(e)}),n.jsx("span",{className:"toggle-slider"})]}),n.jsx("button",{className:"btn-icon",onClick:()=>U(e),title:"Settings",children:n.jsx(ae,{size:14})}),n.jsx("button",{className:"btn-icon",onClick:()=>L(e),title:"Uninstall",children:n.jsx(V,{size:14})})]})]},e.id))}),Z()]})]})}export{fe as PluginManager,N as STATE_COLORS};

package/dist/client/assets/RoadmapsView-Djc_X35v.js

@@ -1,6 +0,0 @@
-import{r as a,j as e}from"./vendor-react-K0fH_qHe.js";import{c as Dt,bl as Mt,bm as Rt,bn as It,bo as $t,bp as zt,bq as tt,br as At,bs as Ot,bt as at,bu as Ht,bv as Bt,bw as Gt,bx as Tt,by as Pt,bz as Lt,bA as Vt,bB as Ut,D as Kt,x as qt,Q as ze,bC as me,X as re,aU as Fe,a1 as Te,ai as Wt,aq as ut,aT as st,af as Yt,bD as We,bE as Jt}from"./index-DYDLmOcK.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),[Pe,ge]=a.useState(!1),[he,Z]=a.useState(null),[fe,B]=a.useState([]),[O,G]=a.useState(!1),[be,T]=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),T({}),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 Tt(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,q]of Object.entries(c))if(q.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]||[],q=Math.max(0,Math.min(i,F.length-1));if(F.findIndex(qe=>qe.id===s)===q){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,q)=>({...F,orderIndex:q})),ye={..._,milestoneId:d,orderIndex:i},se=[...m];se.splice(i,0,ye);const Ue=se.map((F,q)=>({...F,orderIndex:q}));S(o===d?F=>({...F,[o]:Ue}):F=>({...F,[o]:H,[d]:Ue}));try{await Pt(s,d,i,n),x.current&&N(x.current),r?.onSuccess?.()}catch(F){S(c);const q=F instanceof Error?F:new Error("Failed to move feature");throw r?.onError?.(q),q}},[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}));T(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},T(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}T(m=>({...m,[s]:m[s]?.filter(_=>_.id!==d)||[]}));try{if(await at(s,{title:h.title,description:h.description},R.current),M.current!==r){T(m=>{const H=[...m[s]||[]];return H.splice(o,0,h),{...m,[s]:H}});return}x.current&&N(x.current),i?.onSuccess?.()}catch(m){T(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}T(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=>{T(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:Pe,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(Te,{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(Te,{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(Te,{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:Pe,isMilestoneDragging:ge,isMilestoneDropTarget:he,milestoneDropPosition:Z,onMilestoneDragStart:fe,onMilestoneDragEnd:B,onMilestoneDragOver:O,onMilestoneDrop:G,onMilestoneDragLeave:be,isFeatureDragging:T,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(We,{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(We,{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(Te,{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=T(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(We,{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(We,{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(Te,{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=qt()==="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:Pe,updateFeature:ge,deleteFeature:he,reorderMilestones:Z,reorderFeatures:fe,moveFeature:B,milestoneSuggestions:O,isGeneratingSuggestions:G,generateMilestoneSuggestions:be,updateMilestoneSuggestionDraft:T,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 P=(k[b.draggingMilestoneId||""]||[]).findIndex(Ee=>Ee.id===t);let W;return u==="before"?W=P:W=P+1,{...b,dropTargetMilestoneId:b.draggingMilestoneId,dropTargetIndex:W,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 P=z||b,W=k[b]||[],Ee=W.find(ke=>ke.id===t);if(!Ee){s();return}if(b!==P){if(b===P){s();return}try{await B(t,P,u,{onError:ke=>{n(`Failed to move feature: ${ke.message}`,"error")}})}catch{}}else{const ke=[...W],kt=ke.findIndex($e=>$e.id===t);ke.splice(kt,1),ke.splice(u,0,Ee);const dt=ke.map($e=>$e.id),Ft=W.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(P=>({...P,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),P=b.indexOf(t);if(z===-1||P===-1){Ne();return}const W=[...b];if(W.splice(z,1),W.splice(P,0,u),W.join(",")===b.join(",")){Ne();return}try{await Z(w,W,{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(P=>({...P,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]),q=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]),qe=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 Pe(t,u,{onError:b=>n(b.message,"error")}),K({type:null,parentId:void 0,title:"",description:""}),n("Feature created","success")}catch{}},[Pe,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 qe(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:qe,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(Te,{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(Wt,{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=>T(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=>T(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:q,onCopyToClipboard:Ke})]})}export{ma as RoadmapsView};

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

@@ -1 +0,0 @@
-.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:0;inset:0;align-items:stretch;justify-content:stretch}.modal.settings-modal{width:100vw;min-width:0;max-width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0;border:none;border-radius:0;resize:none;flex:1 1 auto}.modal.settings-modal[style*=--keyboard-overlap]{height:var(--vv-height, 100dvh);min-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-md) var(--radius-md) 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) var(--space-xl) var(--space-md);margin:0 0 var(--space-md);color:var(--text);border-bottom:1px solid var(--border)}.settings-content>.settings-section-heading:first-child,.settings-modal-section>.settings-section-heading:first-child{padding-top:var(--space-md)}.settings-section-heading--spaced{margin-top:var(--space-lg)}.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-md);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:var(--space-md) var(--space-lg);margin-bottom:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);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-token-cap-row{display:flex;align-items:center;gap:var(--space-sm)}.settings-model-lane-label-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.settings-model-lane-control-row{display:flex;align-items:center;gap:var(--space-sm)}.settings-model-lane-control-main{flex:1}.settings-summarization-actions{justify-content:flex-start}.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-md) var(--radius-md) 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) var(--space-lg) var(--space-md);margin:0 0 var(--space-md)}.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:var(--space-md) calc(var(--space-md) + var(--space-xs) / 2);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}}