@deepseekcode/cli 1.0.17 → 1.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.js +1014 -1004
- package/package.json +1 -1
- package/web/dist/assets/{AgentFlowView-D-nPVDb9.js → AgentFlowView-qR01S0jV.js} +1 -1
- package/web/dist/assets/{AgentsView-DHNgV13S.js → AgentsView-CLvG8aae.js} +1 -1
- package/web/dist/assets/{AuditView-ZCIV7Q0I.js → AuditView-CMYlGV9S.js} +1 -1
- package/web/dist/assets/{AutomationView-By6rBhla.js → AutomationView-wrcdqhJY.js} +1 -1
- package/web/dist/assets/{ChannelConfigView-_cIgiA-O.js → ChannelConfigView-DM70m5RE.js} +1 -1
- package/web/dist/assets/{ConnectorsView-BQQ_k_7I.js → ConnectorsView-B5ndd8pU.js} +1 -1
- package/web/dist/assets/{FileTreeView-DKUEkVqn.js → FileTreeView-DL66cxki.js} +1 -1
- package/web/dist/assets/{HookConfigView-DbkxVuAs.js → HookConfigView-BugHBHlO.js} +2 -2
- package/web/dist/assets/{InboxView-B3ddpq78.js → InboxView-DLPWNrqG.js} +1 -1
- package/web/dist/assets/ModelsView-CwhL9YPX.js +2 -0
- package/web/dist/assets/SessionGrid-CC1NAZ45.js +26 -0
- package/web/dist/assets/SettingsPanel-n1UbEjzX.js +4 -0
- package/web/dist/assets/{SkillsView-BwJowYXS.js → SkillsView-DznSS50I.js} +1 -1
- package/web/dist/assets/{TemplatesTab-BB-6z4z4.js → TemplatesTab-BPD0hvrG.js} +1 -1
- package/web/dist/assets/{TerminalView-D9e8fyOS.js → TerminalView-B4WUBGzA.js} +1 -1
- package/web/dist/assets/{ToolsView-CQ3hybgP.js → ToolsView-CQgPyD6U.js} +1 -1
- package/web/dist/assets/{icons-B5yCkBjC.js → icons-CrV0VGFQ.js} +107 -82
- package/web/dist/assets/index-DMxlsuNM.js +20 -0
- package/web/dist/assets/index-DjWfcgLQ.css +1 -0
- package/web/dist/assets/{markdown-D0iUI0Yw.js → markdown-CaPdHFK5.js} +1 -1
- package/web/dist/assets/panels-B3UcQJtY.js +1 -0
- package/web/dist/assets/{react-vendor-Bxu3r3ox.js → react-vendor-DnYXnA42.js} +1 -1
- package/web/dist/assets/{state-C80Yzgl0.js → state-BHmvnECu.js} +1 -1
- package/web/dist/index.html +6 -6
- package/web/dist/assets/AskQuestionModal-BKkh6JlF.js +0 -1
- package/web/dist/assets/HookApprovalModal-DC_q-If8.js +0 -1
- package/web/dist/assets/HookApprovalPreview-C8fU_Umi.js +0 -3
- package/web/dist/assets/ModelsView-B2N4jMxM.js +0 -1
- package/web/dist/assets/SessionGrid-CnK6naC_.js +0 -23
- package/web/dist/assets/SettingsPanel-czOfv9mx.js +0 -3
- package/web/dist/assets/index-DVZ3Ws5S.css +0 -1
- package/web/dist/assets/index-YAnKQ1Q6.js +0 -20
- package/web/dist/assets/panels-DOT_5rsR.js +0 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{j as e}from"./markdown-CaPdHFK5.js";import{r as n,R as O,F as ie,m as _,$ as de,aw as xe,s as U,L as Y,ay as Z,aQ as J,aR as ue,aI as re,D as me,t as pe,Y as he,x as ee,aS as ge,aT as te,aC as be,aU as fe,aK as je,aj as ke,aV as ve,aW as ye,aX as we,I as Ne}from"./icons-CrV0VGFQ.js";import{a as w,t as u,e as Q,i as se,g as Ce,c as Se,T as ze,D as $e,w as q,q as ae}from"./index-DMxlsuNM.js";import"./react-vendor-DnYXnA42.js";import"./state-BHmvnECu.js";const V=n.memo(function({title:x,subtitle:r,enabled:a,onChange:d}){return e.jsxs("div",{className:"flex items-center justify-between p-3 bg-dark-bg rounded-lg",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-sm",children:x}),e.jsx("div",{className:"text-xs text-dark-muted",children:r})]}),e.jsx("button",{onClick:()=>d(!a),className:`relative w-12 h-6 rounded-full transition-colors ${a?"bg-accent-green":"bg-dark-border"}`,children:e.jsx("span",{className:`absolute top-1 w-4 h-4 bg-white rounded-full transition-transform ${a?"left-7":"left-1"}`})})]})});function Te(s){return s<1024?`${s} B`:s<1024*1024?`${(s/1024).toFixed(1)} KB`:`${(s/(1024*1024)).toFixed(1)} MB`}function Ee(s){return new Date(s).toLocaleString()}function Ie(){const[s,x]=n.useState([]),[r,a]=n.useState(null),[d,o]=n.useState(""),[g,N]=n.useState(""),[p,i]=n.useState(!1),[b,E]=n.useState(!1),I=n.useCallback(async()=>{i(!0);try{const c=await w.config.files.list();c.success&&Array.isArray(c.data)&&x(c.data)}catch{u.error("Failed to load config files")}finally{i(!1)}},[]),D=n.useCallback(async c=>{try{const S=await w.config.files.read(c);if(S.success&&S.data){const f=S.data;a(f.name),o(f.content),N(f.content)}}catch{u.error(`Failed to read ${c}`)}},[]);n.useEffect(()=>{I()},[I]);const K=n.useCallback(async()=>{if(r){E(!0);try{const c=await w.config.files.write(r,d);c.success?(N(d),u.success(`${r} saved`),I()):u.error(c.error||"Failed to save")}catch{u.error("Failed to save file")}finally{E(!1)}}},[r,d,I]),k=d!==g,v=(r==null?void 0:r.endsWith(".yaml"))||(r==null?void 0:r.endsWith(".yml")),B=r==null?void 0:r.endsWith(".json"),L=c=>v?c.replace(/(#.*)$/,'<span class="text-dark-muted">$1</span>').replace(/^(\s*)([\w-]+)(:)/,'$1<span class="text-accent-blue">$2</span>$3').replace(/:\s+(true|false|null|~)(\s*)$/,': <span class="text-accent-purple">$1</span>$2').replace(/:\s+(\d+\.?\d*)(\s*)$/,': <span class="text-accent-green">$1</span>$2').replace(/:\s+"([^"]*)"(\s*)$/,': <span class="text-accent-yellow">"$1"</span>$2'):B?c.replace(/(\s*"[^"]*")(\s*:)/g,'<span class="text-accent-blue">$1</span>$2').replace(/:\s+(true|false|null)/g,': <span class="text-accent-purple">$1</span>').replace(/:\s+(\d+\.?\d*)/g,': <span class="text-accent-green">$1</span>').replace(/:\s+"([^"]*)"/g,': <span class="text-accent-yellow">"$1"</span>'):c;return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h4",{className:"text-sm font-medium text-dark-text",children:"Config Files"}),e.jsx("button",{onClick:I,disabled:p,className:"p-1.5 rounded hover:bg-dark-hover transition-colors text-dark-muted",title:"Refresh file list",children:e.jsx(O,{size:14,className:p?"animate-spin":""})})]}),s.length===0&&!p&&e.jsx("p",{className:"text-xs text-dark-muted",children:"No config files found in ~/.agent/"}),s.length>0&&e.jsxs("div",{className:"flex gap-3",children:[e.jsx("div",{className:"w-48 shrink-0 space-y-0.5 max-h-[300px] overflow-y-auto custom-scrollbar",children:s.map(c=>e.jsxs("button",{onClick:()=>D(c.name),className:`w-full text-left px-2.5 py-1.5 rounded text-xs flex items-center gap-2 transition-colors ${r===c.name?"bg-accent-blue/10 text-accent-blue":"text-dark-text hover:bg-dark-hover"}`,children:[e.jsx(ie,{size:12,className:"shrink-0"}),e.jsx("span",{className:"truncate flex-1",children:c.name}),!c.editable&&e.jsx("span",{className:"text-[10px] text-dark-muted shrink-0",title:"Read-only",children:"read"})]},c.name))}),r?e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-dark-muted",children:[e.jsx("span",{className:"text-dark-text font-medium",children:r}),s.find(c=>c.name===r)&&e.jsxs("span",{children:[Te(s.find(c=>c.name===r).size)," · ",Ee(s.find(c=>c.name===r).modified)]}),k&&e.jsxs("span",{className:"text-accent-yellow flex items-center gap-1",children:[e.jsx(_,{size:10}),"unsaved changes"]})]}),e.jsxs("button",{onClick:K,disabled:!k||b,className:`flex items-center gap-1 px-2.5 py-1 rounded text-xs transition-all ${k?"bg-accent-blue text-white hover:opacity-90":"bg-dark-hover text-dark-muted cursor-not-allowed"}`,children:[e.jsx(de,{size:12}),b?"Saving...":"Save"]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("pre",{className:"w-full h-[260px] p-3 rounded-lg bg-dark-bg border border-dark-border font-mono text-xs leading-relaxed overflow-auto custom-scrollbar pointer-events-none",dangerouslySetInnerHTML:{__html:d.split(`
|
|
2
|
+
`).map(L).join(`
|
|
3
|
+
`)||" "}}),e.jsx("textarea",{value:d,onChange:c=>o(c.target.value),className:"absolute inset-0 w-full h-full p-3 rounded-lg bg-transparent border border-dark-border font-mono text-xs leading-relaxed resize-none overflow-auto custom-scrollbar text-transparent caret-dark-text focus:outline-none focus:border-accent-blue/50",style:{color:"transparent"},spellCheck:!1})]})]}):e.jsx("div",{className:"flex-1 flex items-center justify-center text-xs text-dark-muted",children:"Select a file to edit"})]})]})}function Re(){const{t:s}=Q(),[x,r]=n.useState(null),[a,d]=n.useState(null),[o,g]=n.useState({running:!1,logs:[]}),[N,p]=n.useState(!1),i=n.useRef(null),b=n.useRef(o),E=n.useRef(null),[I,D]=n.useState(()=>{try{return localStorage.getItem("dsc.stt.lang")==="zh"?"zh":"en"}catch{return"en"}}),K=n.useCallback(l=>{D(l);try{localStorage.setItem("dsc.stt.lang",l)}catch{}window.dispatchEvent(new CustomEvent("stt-lang-changed",{detail:{lang:l}}))},[]);n.useEffect(()=>{b.current=o},[o]);const k=n.useCallback(async()=>{p(!0);const l=await w.stt.status();l.success&&l.data?(r(l.data),l.data.env&&d(l.data.env)):l.error&&u.error(l.error),p(!1)},[]);n.useEffect(()=>{k()},[k]);const v=n.useCallback(async()=>{const l=await w.stt.installStatus();if(l.success&&l.data){const h=b.current.running;g(l.data),l.data.running?i.current=window.setTimeout(()=>void v(),1e3):(k(),h&&l.data.status==="done"&&window.dispatchEvent(new CustomEvent("stt-backends-changed")))}},[k]);n.useEffect(()=>()=>{i.current&&window.clearTimeout(i.current)},[]),n.useEffect(()=>{E.current&&(E.current.scrollTop=E.current.scrollHeight)},[o.logs]);const B=n.useCallback(async l=>{var M,m,z,R;const h=await w.stt.install(l);h.success&&((M=h.data)!=null&&M.started)?(g({running:!0,backend:l,logs:[],status:"running"}),v()):(m=h.data)!=null&&m.alreadyRunning?(u.info(s("stt.setup.jobInProgress")),v()):g({running:!1,backend:l,logs:[],status:"error",error:h.error||((z=h.data)==null?void 0:z.error)||"install failed",manualCommand:(R=h.data)==null?void 0:R.manualCommand})},[v,s]),L=n.useCallback(async()=>{await w.stt.cancelInstall(),v()},[v]),c=n.useCallback(l=>{navigator.clipboard.writeText(l).then(()=>u.success(s("stt.setup.copySuccess")),()=>u.error(s("stt.setup.copyFailed")))},[s]),S=o.running?o.backend:void 0,f=o.running,F=l=>l?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-accent-green/15 text-accent-green",children:[e.jsx(U,{size:12}),s("stt.setup.installed")]}):e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-dark-hover text-dark-muted",children:[e.jsx(pe,{size:12}),s("stt.setup.notInstalled")]}),W=(l,h,M)=>{var $;const m=(($=x==null?void 0:x.backends)==null?void 0:$[l])??{installed:!1},z=S===l,R=f&&!z,A=I===l;return e.jsxs("div",{className:se("rounded-lg border p-3 flex items-start justify-between gap-3 transition-colors cursor-pointer",A?"border-accent-blue/50 bg-accent-blue/5":"border-dark-border bg-dark-bg hover:border-dark-hover"),onClick:()=>K(l),children:[e.jsxs("div",{className:"flex items-start gap-3 min-w-0",children:[e.jsx("div",{className:se("w-9 h-9 shrink-0 rounded-lg flex items-center justify-center text-sm font-semibold",A?"bg-accent-blue/15 text-accent-blue":"bg-accent-blue/10 text-accent-blue"),children:l==="en"?"W":"F"}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("span",{className:"text-sm font-medium text-dark-text",children:h}),F(m.installed),A&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-accent-blue/15 text-accent-blue",children:[e.jsx(J,{size:12}),s("stt.setup.inUse")]})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-1 text-[11px] text-dark-muted",children:[e.jsx("code",{className:"text-[10px] bg-dark-hover px-1.5 py-0.5 rounded",children:M}),e.jsx("span",{children:s(l==="en"?"stt.setup.whisperDesc":"stt.setup.funasrDesc")})]}),l==="zh"&&e.jsxs("p",{className:"mt-1 text-[11px] text-dark-muted flex items-center gap-1",children:[e.jsx(re,{size:11}),s("stt.setup.torchHint")]}),A&&!m.installed&&e.jsxs("p",{className:"mt-1 text-[11px] text-accent-orange flex items-center gap-1",children:[e.jsx(_,{size:11}),s("stt.setup.engineNotInstalledHint")]})]})]}),e.jsx("div",{className:"shrink-0",onClick:G=>G.stopPropagation(),children:z?e.jsxs("button",{className:"btn btn-secondary cursor-not-allowed opacity-70",disabled:!0,children:[e.jsx(Y,{size:14,className:"animate-spin"}),s("stt.setup.installing")]}):R?e.jsx("button",{className:"btn btn-secondary cursor-not-allowed opacity-50",disabled:!0,children:s("stt.setup.installing")}):m.installed?e.jsxs("button",{className:"btn btn-ghost",onClick:()=>void k(),title:s("stt.setup.recheck"),children:[e.jsx(O,{size:14}),s("stt.setup.recheck")]}):e.jsxs("button",{className:"btn btn-accent",onClick:()=>void B(l),children:[e.jsx(me,{size:14}),s("stt.setup.install")]})})]})},H=(a==null?void 0:a.pythonAvailable)&&(a==null?void 0:a.pipAvailable);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"rounded-lg border border-dark-border bg-dark-bg p-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-dark-text",children:[e.jsx(xe,{size:14,className:"text-accent-blue"}),s("stt.setup.envCard")]}),e.jsxs("button",{className:"btn btn-ghost",onClick:()=>void k(),disabled:N,children:[e.jsx(O,{size:13,className:N?"animate-spin":""}),s("stt.setup.recheck")]})]}),e.jsxs("div",{className:"mt-2.5 space-y-2",children:[a?a.pythonAvailable?e.jsxs("div",{className:"flex items-center gap-2 text-xs text-dark-text",children:[e.jsx(U,{size:13,className:"text-accent-green"}),s("stt.setup.pythonOk",{version:(a.pythonVersion||"").replace(/^Python\s*/i,"")||a.pythonPath||"Python"}),a.pythonPath?e.jsx("code",{className:"text-[10px] text-dark-muted",children:a.pythonPath}):null]}):e.jsxs("div",{className:"flex items-center justify-between gap-2 rounded-md border border-accent-red/30 bg-accent-red/5 px-2.5 py-2",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-accent-red",children:[e.jsx(_,{size:13}),s("stt.setup.pythonMissing")]}),e.jsx("a",{className:"btn btn-secondary !py-1 !px-2 text-xs",href:"https://www.python.org/downloads/",target:"_blank",rel:"noreferrer",children:s("stt.setup.pythonGuide")})]}):e.jsxs("div",{className:"flex items-center gap-2 text-xs text-dark-muted",children:[e.jsx(Y,{size:13,className:"animate-spin"}),s("stt.setup.envChecking")]}),a&&!a.pipAvailable&&e.jsxs("div",{className:"rounded-md border border-accent-red/30 bg-accent-red/5 px-2.5 py-2",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-accent-red",children:[e.jsx(_,{size:13}),s("stt.setup.pipMissing")]}),e.jsxs("div",{className:"mt-1.5",children:[e.jsx("div",{className:"text-[10px] text-dark-muted mb-1",children:s("stt.setup.pipGuide")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("code",{className:"flex-1 rounded bg-dark-bg border border-dark-border px-2 py-1 font-mono text-[10px] text-dark-text break-all select-all",children:[a.pythonPath||"python"," -m ensurepip --upgrade"]}),e.jsx("button",{className:"btn btn-ghost !py-1 !px-2 text-xs",onClick:()=>c(`${a.pythonPath||"python"} -m ensurepip --upgrade`),children:e.jsx(Z,{size:12})})]})]})]})]})]}),e.jsxs("div",{className:"rounded-lg border border-dark-border bg-dark-surface p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-dark-text",children:[e.jsx(J,{size:14,className:"text-accent-blue"}),s("stt.setup.defaultEngine")]}),e.jsx("p",{className:"mt-1 text-[11px] text-dark-muted",children:s("stt.setup.defaultEngineHint")})]}),W("en",s("stt.setup.whisperTitle"),"base.en"),W("zh",s("stt.setup.funasrTitle"),"paraformer-zh"),f&&e.jsxs("div",{className:"rounded-lg border border-dark-border bg-dark-bg p-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-accent-blue font-medium",children:[e.jsx(Y,{size:13,className:"animate-spin"}),s("stt.setup.installing"),e.jsxs("span",{className:"text-dark-muted font-normal",children:["(",S==="en"?"whisper":"funasr",")"]})]}),e.jsx("button",{className:"btn btn-danger !py-1 !px-2 text-xs",onClick:()=>void L(),children:s("stt.setup.cancel")})]}),e.jsx("div",{ref:E,className:"rounded-md border border-dark-border bg-dark-bg p-2.5 font-mono text-[11px] text-dark-muted overflow-auto max-h-48 whitespace-pre-wrap custom-scrollbar",children:o.logs.length===0?e.jsx("span",{className:"text-dark-muted/70",children:s("stt.setup.logWaiting")}):o.logs.join(`
|
|
4
|
+
`)})]}),!f&&o.status&&o.status!=="done"&&e.jsxs("div",{className:"rounded-lg border border-accent-red/30 bg-accent-red/5 p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-accent-red font-medium",children:[e.jsx(_,{size:13}),o.status==="timeout"?s("stt.setup.installTimeout"):o.status==="cancelled"?s("stt.setup.installCancelled"):s("stt.setup.installFailed")]}),o.error?e.jsx("p",{className:"mt-1 text-xs text-accent-red/90 break-all",children:o.error}):null,(o.manualCommand||o.status==="error"&&S)&&e.jsxs("div",{className:"mt-2",children:[e.jsxs("div",{className:"text-[10px] text-dark-muted mb-1 flex items-center gap-1",children:[e.jsx(ue,{size:11}),s("stt.setup.manualCommand")]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("code",{className:"flex-1 rounded bg-dark-bg border border-dark-border px-2 py-1.5 font-mono text-[10px] text-dark-text break-all whitespace-pre-wrap select-all",children:o.manualCommand??(S==="zh"?`${(a==null?void 0:a.pythonPath)||"python"} -m pip install -U "funasr>=1.1.0" "modelscope>=1.15.0" "torch>=2.0.0"`:`${(a==null?void 0:a.pythonPath)||"python"} -m pip install "faster-whisper>=1.0.0"`)}),o.manualCommand&&e.jsxs("button",{className:"btn btn-ghost !py-1 !px-2 text-xs shrink-0",onClick:()=>c(o.manualCommand),children:[e.jsx(Z,{size:12}),s("stt.setup.copyCommand")]})]})]})]}),!f&&o.status==="done"&&e.jsxs("div",{className:"rounded-lg border border-accent-green/30 bg-accent-green/5 px-3 py-2.5 flex items-center gap-2 text-xs text-accent-green",children:[e.jsx(U,{size:14}),s("stt.setup.installDone")]}),!f&&H&&x&&!x.backends.en.installed&&!x.backends.zh.installed&&e.jsx("p",{className:"text-[11px] text-dark-muted px-1",children:s("stt.setup.chooseHint")})]})}const Pe=n.memo(function({nameKey:x,descriptionKey:r,colors:a,isSelected:d,onClick:o}){const{t:g}=Q(),N=["bg","surface","border","text","muted","accentBlue","accentGreen","accentRed","accentYellow","accentPurple"];return e.jsxs("button",{onClick:o,className:`relative flex flex-col items-center rounded-xl p-2 transition-all focus:outline-none focus:ring-2 focus:ring-accent-blue/50 ${d?"ring-2 ring-accent-blue/60 bg-dark-bg border border-accent-blue/40 shadow-sm":"border border-dark-border hover:border-accent-blue/30 bg-dark-bg hover:shadow-sm"}`,title:g(r),"aria-pressed":d,"aria-label":g(x),children:[e.jsx("div",{className:"flex gap-[2px] rounded-md overflow-hidden w-full h-8 mb-1.5 border border-dark-border/40",children:N.map(p=>e.jsx("div",{className:"flex-1",style:{backgroundColor:a[p]},title:p},p))}),e.jsx("span",{className:`text-[11px] font-medium truncate w-full text-center ${d?"text-accent-blue":"text-dark-text"}`,children:g(x)}),d&&e.jsx("span",{className:"absolute top-1 right-1 w-4 h-4 bg-accent-blue rounded-full flex items-center justify-center shadow-sm",children:e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:e.jsx("path",{d:"M1.5 4L3.5 6L6.5 2",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}),ne=[{key:"bg",labelKey:"settings.colorBg"},{key:"surface",labelKey:"settings.colorSurface"},{key:"border",labelKey:"settings.colorBorder"},{key:"text",labelKey:"settings.colorText"},{key:"muted",labelKey:"settings.colorMuted"},{key:"accentBlue",labelKey:"settings.colorAccentBlue"},{key:"accentGreen",labelKey:"settings.colorAccentGreen"},{key:"accentRed",labelKey:"settings.colorAccentRed"},{key:"accentYellow",labelKey:"settings.colorAccentYellow"},{key:"accentPurple",labelKey:"settings.colorAccentPurple"}],Ae={language:["language","lang","Chinese","中文","English","en","zh"],theme:["theme","dark","light","color","palette","custom"],advanced:["advanced","yolo","auto","swarm","workspace","guard","bypass"],provider:["provider","model","api","key","openai","anthropic","deepseek"],configFiles:["config","file","yaml","json","editor"],system:["system","server","uptime","restart","reboot"],about:["about","version","info"],stt:["voice","语音","stt","whisper","funasr","安装","install","python","pip","speech"]},_e=n.memo(function({onNavigate:x,focusSection:r}){const{t:a}=Q(),{theme:d,setTheme:o,themePresetId:g,setThemePreset:N,language:p,setLanguage:i,yolo:b,setYoloEnabled:E,autoSwarm:I,setAutoSwarmEnabled:D,workspaceGuardBypass:K,setWorkspaceGuardBypass:k,customTheme:v,customThemeEnabled:B,setCustomTheme:L,setCustomThemeEnabled:c,resetCustomTheme:S}=Ce(),f=Se(t=>t.activeSessionId),[F,W]=n.useState(B),H=n.useMemo(()=>d==="dark"?"dark":d==="light"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",[d]),l=n.useMemo(()=>Object.values(ze),[]),[h,M]=n.useState(0),[m,z]=n.useState(!1),[R,A]=n.useState(!1),[$,G]=n.useState(""),T=n.useCallback(t=>{if(!$.trim())return!0;const y=$.toLowerCase().trim();return(Ae[t]??[]).some(C=>C.toLowerCase().includes(y))},[$]),X=n.useRef(null);n.useEffect(()=>{var t;(r==null?void 0:r.section)==="stt"&&((t=X.current)==null||t.scrollIntoView({behavior:"smooth",block:"start"}))},[r==null?void 0:r.nonce]),n.useEffect(()=>{let t=!0;const y=async()=>{try{const C=await w.system.status();t&&C.success&&C.data&&M(C.data.uptime)}catch{}};y();const j=setInterval(y,m?2e3:1e4);return()=>{t=!1,clearInterval(j)}},[m]);const le=n.useCallback(async()=>{if(window.confirm("Restart the server? All active sessions will be disconnected.")){z(!0);try{const t=await w.system.restart();t.success?u.info("Server restarting..."):(u.error(t.error||"Restart failed"),z(!1))}catch{u.error("Failed to send restart request"),z(!1)}}},[]),ce=n.useCallback(async()=>{if(window.confirm("Shut down the server? This will stop the entire backend process.")&&window.confirm("Are you sure? All active sessions and unsaved work will be lost.")){A(!0);try{const t=await w.system.shutdown();t.success?u.info("Server shutting down..."):(u.error(t.error||"Shutdown failed"),A(!1))}catch{u.error("Failed to send shutdown request"),A(!1)}}},[]);n.useEffect(()=>{m&&h<1e4&&(z(!1),u.success("Server restarted"))},[h,m]);const oe=t=>{const y=Math.floor(t/1e3),j=Math.floor(y/60),C=Math.floor(j/60);return C>0?`${C}h ${j%60}m`:j>0?`${j}m ${y%60}s`:`${y}s`};return e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar p-4 bg-transparent",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 gap-4 rounded-xl border border-dark-border bg-dark-surface p-3",children:[e.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2 shrink-0",children:[e.jsx(he,{size:18,className:"text-accent-blue"}),a("settings.title")]}),e.jsxs("div",{className:"relative flex-1 max-w-xs",children:[e.jsx(ee,{size:14,className:"absolute left-3 top-1/2 -translate-y-1/2 text-dark-muted pointer-events-none"}),e.jsx("input",{type:"text",value:$,onChange:t=>G(t.target.value),placeholder:"Search settings...",className:"w-full bg-dark-bg border border-dark-border rounded-lg pl-9 pr-3 py-1.5 text-sm text-dark-text placeholder-dark-muted focus:border-accent-blue/60 focus:ring-2 focus:ring-accent-blue/15 outline-none transition-all"}),$&&e.jsx("button",{onClick:()=>G(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-dark-muted hover:text-dark-text text-xs p-1 rounded",children:"×"})]})]}),e.jsxs("div",{className:"space-y-5 max-w-3xl",children:[T("language")&&e.jsx(P,{icon:ge,iconColor:"text-accent-blue",title:a("settings.language"),children:e.jsx("div",{className:"flex gap-2",children:["zh-CN","en"].map(t=>e.jsx("button",{onClick:()=>i(t),className:`px-4 py-2 rounded-lg transition-all ${p===t?"bg-accent-blue text-white":"bg-dark-hover text-dark-text hover:bg-dark-border"}`,children:a(t==="zh-CN"?"settings.languageZh":"settings.languageEn")},t))})}),T("theme")&&e.jsxs(P,{icon:te,iconColor:"text-accent-purple",title:a("settings.theme"),children:[e.jsx("div",{className:"flex gap-2 mb-4",children:["dark","light","auto"].map(t=>e.jsx("button",{onClick:()=>o(t),className:`px-4 py-2 rounded-lg transition-all ${d===t?"bg-accent-blue text-white":"bg-dark-hover text-dark-text hover:bg-dark-border"}`,children:a(t==="dark"?"settings.themeDark":t==="light"?"settings.themeLight":"settings.themeAuto")},t))}),e.jsxs("div",{className:"mb-4",children:[e.jsx("h4",{className:"text-xs font-semibold text-dark-text mb-2",children:a("settings.themePresets")}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2",children:l.map(t=>{if(!t)return null;const y=(g||$e)===t.id,j=H==="dark"?t.dark:t.light;return e.jsx(Pe,{id:t.id,nameKey:t.nameKey,descriptionKey:t.descriptionKey,colors:j,isSelected:y,onClick:()=>N(t.id)},t.id)})})]}),e.jsxs("div",{className:"pt-4 border-t border-dark-border",children:[e.jsxs("button",{onClick:()=>{const t=!F;W(t),c(t)},className:"flex items-center gap-2 text-sm text-dark-muted hover:text-dark-text transition-colors",children:[e.jsx(te,{size:14}),e.jsx("span",{children:a("settings.customOverrides")}),e.jsx("span",{className:`w-8 h-4 rounded-full transition-colors ${F?"bg-accent-blue":"bg-dark-border"}`,children:e.jsx("span",{className:`block w-3 h-3 rounded-full bg-white transition-transform mt-0.5 ${F?"ml-4":"ml-0.5"}`})})]}),F&&e.jsx("p",{className:"text-[10px] text-dark-muted mt-1 mb-2",children:a("settings.customOverridesHint")}),F&&e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"flex gap-1 mb-3 rounded-lg overflow-hidden h-6",children:ne.map(({key:t})=>e.jsx("div",{className:"flex-1",style:{backgroundColor:v[t]},title:t},t))}),e.jsx("div",{className:"grid grid-cols-2 gap-x-4 gap-y-2",children:ne.map(({key:t,labelKey:y})=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"color",value:v[t],onChange:j=>L({[t]:j.target.value}),className:"w-8 h-8 rounded border border-dark-border cursor-pointer bg-transparent p-0.5 shrink-0"}),e.jsx("span",{className:"text-xs text-dark-muted flex-1 truncate",children:a(y)}),e.jsx("input",{type:"text",value:v[t],onChange:j=>{const C=j.target.value;/^#[0-9a-fA-F]{0,6}$/.test(C)&&L({[t]:C})},className:"w-16 bg-dark-bg border border-dark-border rounded px-1 py-0.5 text-xs text-dark-text font-mono text-center",maxLength:7})]},t))}),e.jsx("button",{onClick:S,className:"mt-2 text-xs text-dark-muted hover:text-accent-red transition-colors",children:a("settings.resetColors")})]})]})]}),T("provider")&&e.jsxs(P,{icon:re,iconColor:"text-accent-yellow",title:"Provider & Models",children:[e.jsx("p",{className:"text-sm text-dark-muted mb-3",children:"Configure AI providers, API keys, and model settings. Add or remove providers like OpenAI, Anthropic, DeepSeek, and more."}),e.jsxs("button",{onClick:()=>x==null?void 0:x("models"),className:"flex items-center gap-2 px-4 py-2 bg-accent-blue text-white rounded-lg hover:opacity-90 transition-opacity text-sm w-fit",children:[e.jsx(be,{size:14}),"Manage Providers & Models"]})]}),T("context")&&e.jsx(P,{icon:fe,iconColor:"text-accent-blue",title:"Max Context",children:e.jsx(Fe,{})}),T("stt")&&e.jsx(P,{icon:je,iconColor:"text-accent-blue",title:a("stt.setup.title"),children:e.jsx("div",{ref:X,id:"settings-section-stt",className:"scroll-mt-4",children:e.jsx(Re,{})})}),T("advanced")&&e.jsx(P,{icon:ke,iconColor:"text-accent-yellow",title:a("settings.advancedFeatures"),children:e.jsxs("div",{className:"space-y-3",children:[e.jsx(V,{title:a("settings.yoloMode"),subtitle:a("settings.yoloDesc"),enabled:b.enabled,onChange:t=>{E(t),q.send({type:"toggle_yolo",sessionId:f||"",data:t?"true":"false"})}}),e.jsx(V,{title:a("settings.autoSwarm"),subtitle:a("settings.autoSwarmDesc"),enabled:I.enabled,onChange:t=>{D(t),q.send({type:"toggle_auto_swarm",sessionId:f||"",data:t?"true":"false"})}}),e.jsx(V,{title:a("settings.workspaceGuard"),subtitle:a("settings.workspaceGuardDesc"),enabled:K,onChange:t=>{k(t),q.send({type:"toggle_workspace_guard",sessionId:f||"",data:t?"true":"false"})}})]})}),T("configFiles")&&e.jsx(P,{icon:ve,iconColor:"text-accent-green",title:"Config Files (~/.agent/)",children:e.jsx(Ie,{})}),T("system")&&e.jsx(P,{icon:ye,iconColor:"text-dark-muted",title:"System",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-dark-muted",children:"Server Uptime"}),e.jsx("span",{className:"text-dark-text font-mono",children:oe(h)})]}),e.jsxs("button",{onClick:le,disabled:m,className:`flex items-center gap-2 px-4 py-2 rounded-lg text-sm transition-all ${m?"bg-dark-hover text-dark-muted cursor-wait":"bg-accent-red/10 text-accent-red hover:bg-accent-red/20 border border-accent-red/30"}`,children:[e.jsx(O,{size:14,className:m?"animate-spin":""}),m?"Restarting...":"Restart Server"]}),e.jsxs("button",{onClick:ce,disabled:R,className:`flex items-center gap-2 px-4 py-2 rounded-lg text-sm transition-all ${R?"bg-dark-hover text-dark-muted cursor-wait":"bg-accent-red/10 text-accent-red hover:bg-accent-red/20 border border-accent-red/30"}`,children:[e.jsx(we,{size:14,className:R?"animate-pulse":""}),R?"Shutting Down...":"Shutdown Server"]})]})}),T("about")&&e.jsx(P,{icon:Ne,iconColor:"text-accent-blue",title:a("settings.about"),children:e.jsxs("div",{className:"text-sm text-dark-muted space-y-2",children:[e.jsxs("p",{children:[e.jsx("span",{className:"text-dark-text",children:"DeepSeekCode Web"})," v1.0.0"]}),e.jsx("p",{children:a("settings.aboutDesc")}),e.jsx("p",{className:"text-xs",children:"Powered by React + TypeScript + TailwindCSS"})]})}),$.trim()&&!["language","theme","provider","advanced","configFiles","system","about"].some(T)&&e.jsxs("div",{className:"text-center py-12 text-dark-muted",children:[e.jsx(ee,{size:32,className:"mx-auto mb-2 opacity-40"}),e.jsxs("p",{className:"text-sm",children:["No settings match “",$,"”"]})]})]})]})});function Fe(){const s=ae(i=>i.maxContextTokens),x=ae(i=>i.setMaxContextTokens),[r,a]=n.useState(String(s)),[d,o]=n.useState(!1),g=[32e3,64e3,128e3,256e3,512e3,1e6,2e6],N=async()=>{const i=parseInt(r,10);if(!(isNaN(i)||i<1e3)){o(!0),x(i);try{await w.config.provider.save({contextWindow:i}),u.success("Context window saved")}catch(b){u.error("Failed to save context window: "+(b instanceof Error?b.message:"Unknown error"))}o(!1)}},p=i=>i>=1e6?(i/1e6).toFixed(0)+"M":(i/1e3).toFixed(0)+"K";return e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-dark-muted mb-3",children:"Set the maximum context window (in tokens) for your AI model. This controls how the progress bar and usage percentage are calculated."}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("input",{type:"number",value:r,onChange:i=>a(i.target.value),min:1e3,max:1e7,step:1e3,className:"w-32 bg-dark-bg border border-dark-border rounded-lg px-3 py-1.5 text-sm text-dark-text font-mono focus:border-accent-blue/60 focus:ring-2 focus:ring-accent-blue/15 outline-none transition-all"}),e.jsx("span",{className:"text-sm text-dark-muted",children:"tokens"}),e.jsx("button",{onClick:N,disabled:d,className:"px-3 py-1.5 rounded-lg text-sm bg-accent-blue text-white hover:opacity-90 transition-opacity disabled:opacity-50",children:d?"Saving...":"Apply"})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:g.map(i=>e.jsx("button",{onClick:async()=>{a(String(i)),x(i);try{await w.config.provider.save({contextWindow:i}),u.success("Context window saved")}catch(b){u.error("Failed to save context window: "+(b instanceof Error?b.message:"Unknown error"))}},className:"px-3 py-1 rounded-lg text-xs transition-all",children:p(i)},i))}),e.jsxs("p",{className:"text-xs text-dark-muted mt-2",children:["Current: ",e.jsx("span",{className:"font-mono text-dark-text",children:parseInt(r,10).toLocaleString()})," tokens"]})]})}function P({icon:s,iconColor:x,title:r,children:a}){return e.jsxs("div",{className:"rounded-xl border border-dark-border bg-dark-surface p-4",children:[e.jsxs("h3",{className:"font-medium mb-3 flex items-center gap-2",children:[e.jsx(s,{size:16,className:x}),r]}),a]})}export{_e as SettingsPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./markdown-D0iUI0Yw.js";import{r as l,R as f,m as ve,ag as Ne,ah as ye,ai as we,X as Ce,P as G,D as We,C as es,b as ss,ac as Se,ad as Me,aj as ze,$ as Q,a4 as ts,ak as as,al as rs}from"./icons-B5yCkBjC.js";import{e as ls,M as Te,C as ns,a as x}from"./index-YAnKQ1Q6.js";import"./react-vendor-Bxu3r3ox.js";import"./state-C80Yzgl0.js";const V={id:"",name:"",description:"",category:"",trigger:"",systemPrompt:"",injection:"lazy",tags:"",requiredTools:""},P=8;function ms({onUseSkill:m}){var fe;const{t}=ls(),[u,k]=l.useState("marketplace"),[v,X]=l.useState([]),[Ee,Y]=l.useState(!0),[J,E]=l.useState(null),[F,Fe]=l.useState(""),[Ie,N]=l.useState(!1),[I,A]=l.useState(null),[K,W]=l.useState(!1),[ee,y]=l.useState(null),[d,c]=l.useState(V),[Ae,L]=l.useState(!1),[Le,se]=l.useState(!1),[te,q]=l.useState(null),C=l.useRef(null),[ae,R]=l.useState([]),[qe,$]=l.useState([]),[re,S]=l.useState({}),[Re,D]=l.useState(!1),[le,o]=l.useState(null),[$e,ne]=l.useState(null),[De,He]=l.useState({}),[ie,Oe]=l.useState({}),[de,Ue]=l.useState({}),[H,ce]=l.useState(""),[oe,xe]=l.useState(""),[me,ue]=l.useState(!1),[w,O]=l.useState(null),M=l.useMemo(()=>v.filter(s=>s.source==="marketplace"||s.provenance==="marketplace"),[v]),U=l.useMemo(()=>v.filter(s=>s.source!=="marketplace"&&s.provenance!=="marketplace"),[v]),_e=s=>{var r;const a=((r=re[s])==null?void 0:r.skills)||[];return Math.max(1,Math.ceil(a.length/P))},pe=(s,a)=>{He(r=>({...r,[s]:Math.max(0,Math.min(_e(s)-1,a))}))},Be=async()=>{var a,r,i;D(!0),o(null);const s=await x.skills.marketplaces.list();if(!s.success){o(s.error||t("skills.loadMarketplaceFail")),D(!1);return}R(((a=s.data)==null?void 0:a.marketplaces)||[]),$(((r=s.data)==null?void 0:r.installed)||[]),S(((i=s.data)==null?void 0:i.indexes)||{}),D(!1)},Ze=async()=>{const s=H.trim();if(!s)return;ue(!0),o(null);const a=await x.skills.marketplaces.add({url:s,name:oe.trim()||void 0});if(a.success&&a.data){ce(""),xe("");const r=a.data.marketplace;R(i=>[...i.filter(b=>b.id!==r.id),r]),S(i=>({...i,[r.id]:a.data.index}))}else o(a.error||t("skills.addFail"));ue(!1)},ge=async s=>{o(null);const a=await x.skills.marketplaces.refresh(s);a.success&&a.data?S(r=>({...r,[s]:a.data.index})):o(a.error||t("skills.loadMarketplaceFail"))},Ge=async s=>{await x.skills.marketplaces.remove(s),R(a=>a.filter(r=>r.id!==s)),S(a=>{const r={...a};return delete r[s],r})},Qe=async(s,a)=>{ne(a),o(null);const r=await x.skills.marketplaces.install(s,a);r.success&&r.data?($(i=>[...i.filter(b=>b!==r.data.id),r.data.id]),await g()):o(r.error||t("skills.installFail")),ne(null)},Ve=async s=>{o(null);const a=await x.skills.delete(s);a.success?($(r=>r.filter(i=>i!==s)),await g()):o(a.error||t("skills.uninstallFail")),O(null)},g=async()=>{Y(!0),E(null);const s=await x.skills.list();if(s.success){const a=Array.isArray(s.data)?s.data:[];X(a),s.data!==null&&s.data!==void 0&&!Array.isArray(s.data)&&E("服务端返回的技能数据格式异常")}else E(s.error||t("skills.loadFailedFallback"));Y(!1)};l.useEffect(()=>{g(),Be()},[]);const _=l.useMemo(()=>{const s=F.trim().toLowerCase();return s?U.filter(a=>[a.id,a.name,a.description,a.category,...a.tags||[]].join(" ").toLowerCase().includes(s)):U},[U,F]),be=()=>{A(null),c(V),y(null),N(!0)},he=s=>{A(s.id),c({id:s.id,name:s.name,description:s.description,category:s.category,trigger:s.trigger||"",systemPrompt:s.systemPrompt||"",injection:s.injection||"lazy",tags:(s.tags||[]).join(", "),requiredTools:(s.requiredTools||[]).join(", ")}),y(null),N(!0)},Xe=async()=>{const s=d.id.trim();if(!s){y(t("skills.fieldId")+" is required");return}W(!0),y(null);const a={id:s,name:d.name.trim(),description:d.description.trim(),category:d.category.trim(),trigger:d.trigger.trim(),systemPrompt:d.systemPrompt,injection:d.injection.trim(),tags:Pe(d.tags),requiredTools:Pe(d.requiredTools)},r=I?await x.skills.update(I,a):await x.skills.create(a);r.success?(N(!1),A(null),c(V),await g()):y(r.error||t("skills.save")),W(!1)},ke=async s=>{(await x.skills.toggle(s.id,!s.enabled)).success&&X(r=>r.map(i=>i.id===s.id?{...i,enabled:!i.enabled}:i))},Ye=async s=>{se(!0),q(null);try{const a=await s.text(),r=await x.skills.import({fileName:s.name,content:a});r.success?(L(!1),await g()):q(r.error||t("skills.import"))}catch(a){q(a instanceof Error?a.message:t("skills.import"))}finally{se(!1),C.current&&(C.current.value="")}};if(Ee)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx(f,{size:32,className:"animate-spin mx-auto mb-2 text-accent-blue"}),e.jsx("p",{className:"text-dark-muted",children:"Loading..."})]})});if(J)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx(ve,{size:32,className:"mx-auto mb-2 text-accent-red"}),e.jsx("p",{className:"text-accent-red mb-4",children:J}),e.jsx("button",{onClick:g,className:"px-4 py-2 bg-accent-blue text-white rounded-lg",children:t("skills.retry")})]})});const B=s=>`flex items-center gap-2 px-4 py-1.5 rounded-lg text-sm font-medium transition-colors ${s?"bg-accent-blue/20 text-accent-blue":"text-dark-muted hover:bg-dark-hover"}`;return e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden p-4 gap-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2 shrink-0",children:[e.jsx(Ne,{size:20}),t("skills.title"),e.jsxs("span",{className:"text-sm font-normal text-dark-muted",children:["(",v.length,")"]})]}),e.jsxs("div",{className:"flex items-center gap-1 bg-dark-surface border border-dark-border rounded-xl p-1",children:[e.jsxs("button",{onClick:()=>k("marketplace"),className:B(u==="marketplace"),children:[e.jsx(ye,{size:14}),t("skills.marketplaceTab")]}),e.jsxs("button",{onClick:()=>k("mine"),className:B(u==="mine"),children:[e.jsx(Ne,{size:14}),t("skills.mineTab")]}),e.jsxs("button",{onClick:()=>k("installed"),className:B(u==="installed"),children:[e.jsx(we,{size:14}),t("skills.installedTab"),e.jsx("span",{className:"text-xs px-1.5 py-0.5 rounded-full bg-dark-bg border border-dark-border",children:M.length})]})]})]}),le&&e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-accent-red/10 text-accent-red text-sm",children:[e.jsx(ve,{size:14,className:"shrink-0"}),e.jsx("span",{className:"min-w-0 flex-1",children:le}),e.jsx("button",{onClick:()=>o(null),className:"shrink-0 p-0.5 rounded hover:bg-dark-hover",children:e.jsx(Ce,{size:14})})]}),u==="marketplace"&&e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1 space-y-4",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{value:H,onChange:s=>ce(s.target.value),placeholder:t("skills.marketplaceUrlPlaceholder"),className:"flex-1 px-3 py-2 rounded-lg bg-dark-surface border border-dark-border outline-none focus:border-accent-blue text-sm"}),e.jsx("input",{value:oe,onChange:s=>xe(s.target.value),placeholder:t("skills.marketplaceName"),className:"w-40 px-3 py-2 rounded-lg bg-dark-surface border border-dark-border outline-none focus:border-accent-blue text-sm"}),e.jsxs("button",{onClick:Ze,disabled:me||!H.trim(),className:"px-4 py-2 bg-accent-blue text-white rounded-lg text-sm flex items-center gap-2 whitespace-nowrap disabled:opacity-50",children:[e.jsx(G,{size:14}),t(me?"skills.adding":"skills.addMarketplace")]})]}),e.jsx("div",{className:"text-xs text-dark-muted",children:t("skills.marketplaceHint")}),Re?e.jsx("div",{className:"flex items-center justify-center py-16",children:e.jsx(f,{size:24,className:"animate-spin text-accent-blue"})}):e.jsxs(e.Fragment,{children:[ae.length===0&&e.jsx("div",{className:"text-sm text-dark-muted py-10 text-center",children:t("skills.noMarketplaces")}),ae.map(s=>{const a=re[s.id],r=(a==null?void 0:a.skills)||[],i=(ie[s.id]||"").trim().toLowerCase(),b=de[s.id]||"",je=Array.from(new Set(r.map(n=>n.category).filter(Boolean))).sort(),z=r.filter(n=>(!i||[n.name,n.id,n.description,...n.tags||[]].join(" ").toLowerCase().includes(i))&&(!b||n.category===b)),T=Math.max(1,Math.ceil(z.length/P)),h=Math.min(De[s.id]||0,T-1),Je=z.slice(h*P,(h+1)*P),Ke=i||b?`${z.length}/${r.length}`:String(r.length);return e.jsxs("div",{className:"border border-dark-border rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"px-3 py-2 border-b border-dark-border bg-dark-surface flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[s.builtin&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-accent-blue/20 text-accent-blue",children:t("skills.presets")}),e.jsx("span",{className:"truncate",children:s.name})]}),e.jsx("div",{className:"text-xs text-dark-muted truncate",children:s.url})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("span",{className:"text-xs text-dark-muted whitespace-nowrap",children:t("skills.skillCount",{count:Ke})}),e.jsx("button",{onClick:()=>ge(s.id),className:"p-1.5 rounded hover:bg-dark-hover",title:t("skills.refreshMarketplace"),children:e.jsx(f,{size:14})}),!s.builtin&&e.jsx("button",{onClick:()=>Ge(s.id),className:"p-1.5 rounded hover:bg-dark-hover text-accent-red",title:t("skills.removeMarketplace"),children:e.jsx(Ce,{size:14})})]})]}),a!=null&&a.error?e.jsxs("div",{className:"flex items-center justify-between gap-2 px-3 py-2 bg-accent-red/10 text-accent-red text-xs",children:[e.jsx("span",{className:"min-w-0 truncate",title:a.error,children:t("skills.marketplaceError",{error:a.error})}),e.jsxs("button",{onClick:()=>ge(s.id),className:"flex items-center gap-1 px-2 py-1 rounded bg-dark-surface border border-dark-border whitespace-nowrap shrink-0",children:[e.jsx(f,{size:12}),t("skills.retryMarket")]})]}):r.length===0?e.jsx("div",{className:"text-xs text-dark-muted py-4 text-center",children:t("skills.noSkillsInMarket")}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-dark-border/60 bg-dark-surface/40",children:[e.jsx("input",{value:ie[s.id]||"",onChange:n=>Oe(p=>({...p,[s.id]:n.target.value})),placeholder:t("skills.marketFilterPlaceholder"),className:"flex-1 px-2.5 py-1.5 rounded-lg bg-dark-bg border border-dark-border outline-none focus:border-accent-blue text-xs"}),je.length>1&&e.jsxs("select",{value:de[s.id]||"",onChange:n=>Ue(p=>({...p,[s.id]:n.target.value})),className:"px-2.5 py-1.5 rounded-lg bg-dark-bg border border-dark-border outline-none text-xs",children:[e.jsx("option",{value:"",children:t("skills.marketCategoryAll")}),je.map(n=>e.jsx("option",{value:n,children:n},n))]})]}),z.length===0?e.jsx("div",{className:"text-xs text-dark-muted py-4 text-center",children:t("skills.noSkillsInMarket")}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2 p-3",children:Je.map(n=>{const p=qe.includes(n.id),Z=$e===n.id;return e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsxs("span",{className:"font-medium text-sm truncate",children:[n.icon," ",n.name]}),n.risk==="critical"&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-accent-red/20 text-accent-red shrink-0",children:t("skills.riskCritical")})]}),e.jsxs("div",{className:"text-xs text-dark-muted truncate",children:[n.category,n.author?` · ${n.author}`:"",n.version?` · v${n.version}`:""]})]}),e.jsxs("button",{disabled:p||Z,onClick:()=>Qe(s.id,n.id),className:`flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-xs font-medium whitespace-nowrap shrink-0 disabled:opacity-60 ${p?"bg-accent-green/20 text-accent-green":"bg-accent-blue text-white hover:bg-accent-blue/80"}`,children:[p?e.jsx(we,{size:12}):Z?e.jsx(f,{size:12,className:"animate-spin"}):e.jsx(We,{size:12}),t(p?"skills.installed":Z?"skills.installing":"skills.installSkill")]})]}),n.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:n.description})]},n.id)})}),T>1&&e.jsxs("div",{className:"flex items-center justify-center gap-3 pb-3 text-xs text-dark-muted",children:[e.jsxs("button",{disabled:h<=0,onClick:()=>pe(s.id,h-1),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border hover:bg-dark-hover disabled:opacity-40",children:[e.jsx(es,{size:14}),t("skills.pagePrev")]}),e.jsx("span",{className:"whitespace-nowrap",children:t("skills.pageOf",{page:h+1,total:T})}),e.jsxs("button",{disabled:h>=T-1,onClick:()=>pe(s.id,h+1),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border hover:bg-dark-hover disabled:opacity-40",children:[t("skills.pageNext"),e.jsx(ss,{size:14})]})]})]})]})]},s.id)})]})]}),u==="installed"&&e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1",children:M.length===0?e.jsxs("div",{className:"text-center py-16 text-dark-muted",children:[e.jsx("p",{className:"mb-1",children:t("skills.emptyInstalled")}),e.jsx("p",{className:"text-xs mb-4",children:t("skills.emptyInstalledHint")}),e.jsxs("button",{onClick:()=>k("marketplace"),className:"inline-flex items-center gap-2 px-4 py-2 bg-accent-blue text-white rounded-lg text-sm",children:[e.jsx(ye,{size:14}),t("skills.browseMarket")]})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2",children:M.map(s=>e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium text-sm truncate",children:[s.icon||"⭐"," ",s.name]}),e.jsxs("div",{className:"text-xs text-dark-muted truncate",children:[s.id," · ",s.category]})]}),e.jsxs("button",{onClick:()=>ke(s),className:`flex items-center gap-1 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shrink-0 transition-colors ${s.enabled?"bg-accent-green/20 text-accent-green hover:bg-accent-green/30":"bg-accent-red/20 text-accent-red hover:bg-accent-red/30"}`,title:s.enabled?t("skills.disable"):t("skills.enable"),children:[s.enabled?e.jsx(Se,{size:14}):e.jsx(Me,{size:14}),s.enabled?t("skills.enabled"):t("skills.disabled")]})]}),s.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:s.description}),e.jsxs("div",{className:"flex items-center justify-between gap-2 mt-1",children:[e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-dark-bg border border-dark-border text-dark-muted truncate",children:s.marketplace||s.source||t("skills.marketplace")}),e.jsxs("div",{className:"flex gap-2 shrink-0",children:[m&&e.jsxs("button",{onClick:()=>m(s),className:"flex items-center gap-1 px-2 py-1 rounded bg-accent-blue/15 text-accent-blue text-xs hover:bg-accent-blue/25 transition-colors",title:t("skills.useHint"),children:[e.jsx(ze,{size:12}),t("skills.use")]}),e.jsxs("button",{onClick:()=>he(s),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-xs hover:bg-dark-hover",children:[e.jsx(Q,{size:12}),t("skills.edit")]}),e.jsxs("button",{onClick:()=>O(s.id),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-accent-red text-xs hover:bg-accent-red/10",children:[e.jsx(ts,{size:12}),t("skills.uninstall")]})]})]})]},s.id))})}),u==="mine"&&e.jsxs("div",{className:"flex-1 min-h-0 flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx("input",{value:F,onChange:s=>Fe(s.target.value),placeholder:"Search skills",className:"w-56 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg text-sm outline-none focus:border-accent-blue"}),e.jsx("span",{className:"text-sm text-dark-muted shrink-0",children:_.length})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{onClick:be,className:"flex items-center gap-2 px-3 py-2 bg-accent-blue text-white rounded-lg",children:[e.jsx(G,{size:14}),t("skills.new")]}),e.jsxs("button",{onClick:()=>L(!0),className:"flex items-center gap-2 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg",children:[e.jsx(as,{size:14}),t("skills.import")]}),e.jsxs("button",{onClick:g,className:"flex items-center gap-2 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg",children:[e.jsx(f,{size:14}),t("skills.refresh")]})]})]}),_.length===0?e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center text-dark-muted gap-3",children:[e.jsx("p",{children:t("skills.noSkills")}),e.jsxs("button",{onClick:be,className:"px-4 py-2 bg-accent-blue text-white rounded-lg text-sm inline-flex items-center gap-2",children:[e.jsx(G,{size:14}),t("skills.new")]})]}):e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3",children:_.map(s=>e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2 bg-dark-surface",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium text-sm truncate",children:[s.icon||"⭐"," ",s.name]}),e.jsx("div",{className:"text-xs text-dark-muted truncate",children:s.id})]}),e.jsxs("button",{onClick:()=>ke(s),className:`flex items-center gap-1 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shrink-0 transition-colors ${s.enabled?"bg-accent-green/20 text-accent-green hover:bg-accent-green/30":"bg-accent-red/20 text-accent-red hover:bg-accent-red/30"}`,title:s.enabled?t("skills.disable"):t("skills.enable"),children:[s.enabled?e.jsx(Se,{size:14}):e.jsx(Me,{size:14}),s.enabled?t("skills.enabled"):t("skills.disabled")]})]}),s.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:s.description}),e.jsxs("div",{className:"flex items-center justify-between gap-2 mt-auto",children:[e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-dark-bg border border-dark-border text-dark-muted truncate",children:s.category}),e.jsxs("div",{className:"flex gap-2 shrink-0",children:[m&&e.jsxs("button",{onClick:()=>m(s),className:"flex items-center gap-1 px-2 py-1 rounded bg-accent-blue/15 text-accent-blue text-xs hover:bg-accent-blue/25 transition-colors",title:t("skills.useHint"),children:[e.jsx(ze,{size:12}),t("skills.use")]}),e.jsxs("button",{onClick:()=>he(s),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-xs hover:bg-dark-hover shrink-0",children:[e.jsx(Q,{size:12}),t("skills.edit")]})]})]})]},s.id))})})]}),e.jsx(Te,{isOpen:Ie,onClose:()=>N(!1),title:t(I?"skills.edit":"skills.new"),size:"xl",children:e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsx(j,{label:t("skills.fieldId"),value:d.id,onChange:s=>c(a=>({...a,id:s}))}),e.jsx(j,{label:t("skills.fieldName"),value:d.name,onChange:s=>c(a=>({...a,name:s}))}),e.jsx(j,{label:t("skills.fieldCategory"),value:d.category,onChange:s=>c(a=>({...a,category:s}))}),e.jsx(j,{label:t("skills.fieldTrigger"),value:d.trigger,onChange:s=>c(a=>({...a,trigger:s}))}),e.jsx(j,{label:t("skills.tags"),value:d.tags,onChange:s=>c(a=>({...a,tags:s}))}),e.jsx(j,{label:t("skills.fieldTools"),value:d.requiredTools,onChange:s=>c(a=>({...a,requiredTools:s}))}),e.jsxs("div",{className:"col-span-2",children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:t("skills.description")}),e.jsx("textarea",{value:d.description,onChange:s=>c(a=>({...a,description:s.target.value})),className:"w-full h-20 px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none resize-none"})]}),e.jsxs("div",{className:"col-span-2",children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:t("skills.systemPrompt")}),e.jsx("textarea",{value:d.systemPrompt,onChange:s=>c(a=>({...a,systemPrompt:s.target.value})),className:"w-full h-40 px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none resize-none font-mono text-sm"})]}),ee&&e.jsx("div",{className:"col-span-2 text-sm text-accent-red",children:ee}),e.jsxs("div",{className:"col-span-2 flex justify-end gap-2",children:[e.jsx("button",{onClick:()=>N(!1),className:"px-4 py-2 border border-dark-border rounded-lg",children:t("skills.cancel")}),e.jsxs("button",{disabled:K,onClick:Xe,className:"px-4 py-2 bg-accent-blue text-white rounded-lg flex items-center gap-2",children:[e.jsx(Q,{size:14}),t(K?"skills.saving":"skills.save")]})]})]})}),e.jsx(Te,{isOpen:Ae,onClose:()=>L(!1),title:t("skills.importTitle"),size:"md",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("input",{ref:C,type:"file",accept:".md,.skill.md,.txt",className:"hidden",onChange:s=>{var r;const a=(r=s.target.files)==null?void 0:r[0];a&&Ye(a)}}),e.jsxs("button",{onClick:()=>{var s;return(s=C.current)==null?void 0:s.click()},disabled:Le,className:"w-full py-6 border border-dashed border-dark-border rounded-lg flex items-center justify-center gap-2",children:[e.jsx(rs,{size:16}),t("skills.chooseFile")]}),te&&e.jsx("div",{className:"text-sm text-accent-red",children:te}),e.jsx("div",{className:"text-xs text-dark-muted",children:t("skills.importHint")})]})}),e.jsx(ns,{isOpen:w!==null,onClose:()=>O(null),onConfirm:()=>{w&&Ve(w)},title:t("skills.uninstall"),message:t("skills.uninstallConfirm",{name:((fe=M.find(s=>s.id===w))==null?void 0:fe.name)||w||""}),confirmText:t("skills.uninstall"),cancelText:t("skills.cancel"),variant:"danger"})]})}function Pe(m){return m.split(",").map(t=>t.trim()).filter(Boolean)}function j({label:m,value:t,onChange:u}){return e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:m}),e.jsx("input",{value:t,onChange:k=>u(k.target.value),className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none focus:border-accent-blue"})]})}export{ms as SkillsView};
|
|
1
|
+
import{j as e}from"./markdown-CaPdHFK5.js";import{r as l,R as f,m as ve,ag as Ne,ah as ye,ai as we,X as Ce,P as G,D as We,C as es,b as ss,ac as Se,ad as Me,aj as ze,$ as Q,a4 as ts,ak as as,al as rs}from"./icons-CrV0VGFQ.js";import{e as ls,M as Te,C as ns,a as x}from"./index-DMxlsuNM.js";import"./react-vendor-DnYXnA42.js";import"./state-BHmvnECu.js";const V={id:"",name:"",description:"",category:"",trigger:"",systemPrompt:"",injection:"lazy",tags:"",requiredTools:""},P=8;function ms({onUseSkill:m}){var fe;const{t}=ls(),[u,k]=l.useState("marketplace"),[v,X]=l.useState([]),[Ee,Y]=l.useState(!0),[J,E]=l.useState(null),[F,Fe]=l.useState(""),[Ie,N]=l.useState(!1),[I,A]=l.useState(null),[K,W]=l.useState(!1),[ee,y]=l.useState(null),[d,c]=l.useState(V),[Ae,L]=l.useState(!1),[Le,se]=l.useState(!1),[te,q]=l.useState(null),C=l.useRef(null),[ae,R]=l.useState([]),[qe,$]=l.useState([]),[re,S]=l.useState({}),[Re,D]=l.useState(!1),[le,o]=l.useState(null),[$e,ne]=l.useState(null),[De,He]=l.useState({}),[ie,Oe]=l.useState({}),[de,Ue]=l.useState({}),[H,ce]=l.useState(""),[oe,xe]=l.useState(""),[me,ue]=l.useState(!1),[w,O]=l.useState(null),M=l.useMemo(()=>v.filter(s=>s.source==="marketplace"||s.provenance==="marketplace"),[v]),U=l.useMemo(()=>v.filter(s=>s.source!=="marketplace"&&s.provenance!=="marketplace"),[v]),_e=s=>{var r;const a=((r=re[s])==null?void 0:r.skills)||[];return Math.max(1,Math.ceil(a.length/P))},pe=(s,a)=>{He(r=>({...r,[s]:Math.max(0,Math.min(_e(s)-1,a))}))},Be=async()=>{var a,r,i;D(!0),o(null);const s=await x.skills.marketplaces.list();if(!s.success){o(s.error||t("skills.loadMarketplaceFail")),D(!1);return}R(((a=s.data)==null?void 0:a.marketplaces)||[]),$(((r=s.data)==null?void 0:r.installed)||[]),S(((i=s.data)==null?void 0:i.indexes)||{}),D(!1)},Ze=async()=>{const s=H.trim();if(!s)return;ue(!0),o(null);const a=await x.skills.marketplaces.add({url:s,name:oe.trim()||void 0});if(a.success&&a.data){ce(""),xe("");const r=a.data.marketplace;R(i=>[...i.filter(b=>b.id!==r.id),r]),S(i=>({...i,[r.id]:a.data.index}))}else o(a.error||t("skills.addFail"));ue(!1)},ge=async s=>{o(null);const a=await x.skills.marketplaces.refresh(s);a.success&&a.data?S(r=>({...r,[s]:a.data.index})):o(a.error||t("skills.loadMarketplaceFail"))},Ge=async s=>{await x.skills.marketplaces.remove(s),R(a=>a.filter(r=>r.id!==s)),S(a=>{const r={...a};return delete r[s],r})},Qe=async(s,a)=>{ne(a),o(null);const r=await x.skills.marketplaces.install(s,a);r.success&&r.data?($(i=>[...i.filter(b=>b!==r.data.id),r.data.id]),await g()):o(r.error||t("skills.installFail")),ne(null)},Ve=async s=>{o(null);const a=await x.skills.delete(s);a.success?($(r=>r.filter(i=>i!==s)),await g()):o(a.error||t("skills.uninstallFail")),O(null)},g=async()=>{Y(!0),E(null);const s=await x.skills.list();if(s.success){const a=Array.isArray(s.data)?s.data:[];X(a),s.data!==null&&s.data!==void 0&&!Array.isArray(s.data)&&E("服务端返回的技能数据格式异常")}else E(s.error||t("skills.loadFailedFallback"));Y(!1)};l.useEffect(()=>{g(),Be()},[]);const _=l.useMemo(()=>{const s=F.trim().toLowerCase();return s?U.filter(a=>[a.id,a.name,a.description,a.category,...a.tags||[]].join(" ").toLowerCase().includes(s)):U},[U,F]),be=()=>{A(null),c(V),y(null),N(!0)},he=s=>{A(s.id),c({id:s.id,name:s.name,description:s.description,category:s.category,trigger:s.trigger||"",systemPrompt:s.systemPrompt||"",injection:s.injection||"lazy",tags:(s.tags||[]).join(", "),requiredTools:(s.requiredTools||[]).join(", ")}),y(null),N(!0)},Xe=async()=>{const s=d.id.trim();if(!s){y(t("skills.fieldId")+" is required");return}W(!0),y(null);const a={id:s,name:d.name.trim(),description:d.description.trim(),category:d.category.trim(),trigger:d.trigger.trim(),systemPrompt:d.systemPrompt,injection:d.injection.trim(),tags:Pe(d.tags),requiredTools:Pe(d.requiredTools)},r=I?await x.skills.update(I,a):await x.skills.create(a);r.success?(N(!1),A(null),c(V),await g()):y(r.error||t("skills.save")),W(!1)},ke=async s=>{(await x.skills.toggle(s.id,!s.enabled)).success&&X(r=>r.map(i=>i.id===s.id?{...i,enabled:!i.enabled}:i))},Ye=async s=>{se(!0),q(null);try{const a=await s.text(),r=await x.skills.import({fileName:s.name,content:a});r.success?(L(!1),await g()):q(r.error||t("skills.import"))}catch(a){q(a instanceof Error?a.message:t("skills.import"))}finally{se(!1),C.current&&(C.current.value="")}};if(Ee)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx(f,{size:32,className:"animate-spin mx-auto mb-2 text-accent-blue"}),e.jsx("p",{className:"text-dark-muted",children:"Loading..."})]})});if(J)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx(ve,{size:32,className:"mx-auto mb-2 text-accent-red"}),e.jsx("p",{className:"text-accent-red mb-4",children:J}),e.jsx("button",{onClick:g,className:"px-4 py-2 bg-accent-blue text-white rounded-lg",children:t("skills.retry")})]})});const B=s=>`flex items-center gap-2 px-4 py-1.5 rounded-lg text-sm font-medium transition-colors ${s?"bg-accent-blue/20 text-accent-blue":"text-dark-muted hover:bg-dark-hover"}`;return e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden p-4 gap-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2 shrink-0",children:[e.jsx(Ne,{size:20}),t("skills.title"),e.jsxs("span",{className:"text-sm font-normal text-dark-muted",children:["(",v.length,")"]})]}),e.jsxs("div",{className:"flex items-center gap-1 bg-dark-surface border border-dark-border rounded-xl p-1",children:[e.jsxs("button",{onClick:()=>k("marketplace"),className:B(u==="marketplace"),children:[e.jsx(ye,{size:14}),t("skills.marketplaceTab")]}),e.jsxs("button",{onClick:()=>k("mine"),className:B(u==="mine"),children:[e.jsx(Ne,{size:14}),t("skills.mineTab")]}),e.jsxs("button",{onClick:()=>k("installed"),className:B(u==="installed"),children:[e.jsx(we,{size:14}),t("skills.installedTab"),e.jsx("span",{className:"text-xs px-1.5 py-0.5 rounded-full bg-dark-bg border border-dark-border",children:M.length})]})]})]}),le&&e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-accent-red/10 text-accent-red text-sm",children:[e.jsx(ve,{size:14,className:"shrink-0"}),e.jsx("span",{className:"min-w-0 flex-1",children:le}),e.jsx("button",{onClick:()=>o(null),className:"shrink-0 p-0.5 rounded hover:bg-dark-hover",children:e.jsx(Ce,{size:14})})]}),u==="marketplace"&&e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1 space-y-4",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{value:H,onChange:s=>ce(s.target.value),placeholder:t("skills.marketplaceUrlPlaceholder"),className:"flex-1 px-3 py-2 rounded-lg bg-dark-surface border border-dark-border outline-none focus:border-accent-blue text-sm"}),e.jsx("input",{value:oe,onChange:s=>xe(s.target.value),placeholder:t("skills.marketplaceName"),className:"w-40 px-3 py-2 rounded-lg bg-dark-surface border border-dark-border outline-none focus:border-accent-blue text-sm"}),e.jsxs("button",{onClick:Ze,disabled:me||!H.trim(),className:"px-4 py-2 bg-accent-blue text-white rounded-lg text-sm flex items-center gap-2 whitespace-nowrap disabled:opacity-50",children:[e.jsx(G,{size:14}),t(me?"skills.adding":"skills.addMarketplace")]})]}),e.jsx("div",{className:"text-xs text-dark-muted",children:t("skills.marketplaceHint")}),Re?e.jsx("div",{className:"flex items-center justify-center py-16",children:e.jsx(f,{size:24,className:"animate-spin text-accent-blue"})}):e.jsxs(e.Fragment,{children:[ae.length===0&&e.jsx("div",{className:"text-sm text-dark-muted py-10 text-center",children:t("skills.noMarketplaces")}),ae.map(s=>{const a=re[s.id],r=(a==null?void 0:a.skills)||[],i=(ie[s.id]||"").trim().toLowerCase(),b=de[s.id]||"",je=Array.from(new Set(r.map(n=>n.category).filter(Boolean))).sort(),z=r.filter(n=>(!i||[n.name,n.id,n.description,...n.tags||[]].join(" ").toLowerCase().includes(i))&&(!b||n.category===b)),T=Math.max(1,Math.ceil(z.length/P)),h=Math.min(De[s.id]||0,T-1),Je=z.slice(h*P,(h+1)*P),Ke=i||b?`${z.length}/${r.length}`:String(r.length);return e.jsxs("div",{className:"border border-dark-border rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"px-3 py-2 border-b border-dark-border bg-dark-surface flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:[s.builtin&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-accent-blue/20 text-accent-blue",children:t("skills.presets")}),e.jsx("span",{className:"truncate",children:s.name})]}),e.jsx("div",{className:"text-xs text-dark-muted truncate",children:s.url})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("span",{className:"text-xs text-dark-muted whitespace-nowrap",children:t("skills.skillCount",{count:Ke})}),e.jsx("button",{onClick:()=>ge(s.id),className:"p-1.5 rounded hover:bg-dark-hover",title:t("skills.refreshMarketplace"),children:e.jsx(f,{size:14})}),!s.builtin&&e.jsx("button",{onClick:()=>Ge(s.id),className:"p-1.5 rounded hover:bg-dark-hover text-accent-red",title:t("skills.removeMarketplace"),children:e.jsx(Ce,{size:14})})]})]}),a!=null&&a.error?e.jsxs("div",{className:"flex items-center justify-between gap-2 px-3 py-2 bg-accent-red/10 text-accent-red text-xs",children:[e.jsx("span",{className:"min-w-0 truncate",title:a.error,children:t("skills.marketplaceError",{error:a.error})}),e.jsxs("button",{onClick:()=>ge(s.id),className:"flex items-center gap-1 px-2 py-1 rounded bg-dark-surface border border-dark-border whitespace-nowrap shrink-0",children:[e.jsx(f,{size:12}),t("skills.retryMarket")]})]}):r.length===0?e.jsx("div",{className:"text-xs text-dark-muted py-4 text-center",children:t("skills.noSkillsInMarket")}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-dark-border/60 bg-dark-surface/40",children:[e.jsx("input",{value:ie[s.id]||"",onChange:n=>Oe(p=>({...p,[s.id]:n.target.value})),placeholder:t("skills.marketFilterPlaceholder"),className:"flex-1 px-2.5 py-1.5 rounded-lg bg-dark-bg border border-dark-border outline-none focus:border-accent-blue text-xs"}),je.length>1&&e.jsxs("select",{value:de[s.id]||"",onChange:n=>Ue(p=>({...p,[s.id]:n.target.value})),className:"px-2.5 py-1.5 rounded-lg bg-dark-bg border border-dark-border outline-none text-xs",children:[e.jsx("option",{value:"",children:t("skills.marketCategoryAll")}),je.map(n=>e.jsx("option",{value:n,children:n},n))]})]}),z.length===0?e.jsx("div",{className:"text-xs text-dark-muted py-4 text-center",children:t("skills.noSkillsInMarket")}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2 p-3",children:Je.map(n=>{const p=qe.includes(n.id),Z=$e===n.id;return e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsxs("span",{className:"font-medium text-sm truncate",children:[n.icon," ",n.name]}),n.risk==="critical"&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-accent-red/20 text-accent-red shrink-0",children:t("skills.riskCritical")})]}),e.jsxs("div",{className:"text-xs text-dark-muted truncate",children:[n.category,n.author?` · ${n.author}`:"",n.version?` · v${n.version}`:""]})]}),e.jsxs("button",{disabled:p||Z,onClick:()=>Qe(s.id,n.id),className:`flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-xs font-medium whitespace-nowrap shrink-0 disabled:opacity-60 ${p?"bg-accent-green/20 text-accent-green":"bg-accent-blue text-white hover:bg-accent-blue/80"}`,children:[p?e.jsx(we,{size:12}):Z?e.jsx(f,{size:12,className:"animate-spin"}):e.jsx(We,{size:12}),t(p?"skills.installed":Z?"skills.installing":"skills.installSkill")]})]}),n.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:n.description})]},n.id)})}),T>1&&e.jsxs("div",{className:"flex items-center justify-center gap-3 pb-3 text-xs text-dark-muted",children:[e.jsxs("button",{disabled:h<=0,onClick:()=>pe(s.id,h-1),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border hover:bg-dark-hover disabled:opacity-40",children:[e.jsx(es,{size:14}),t("skills.pagePrev")]}),e.jsx("span",{className:"whitespace-nowrap",children:t("skills.pageOf",{page:h+1,total:T})}),e.jsxs("button",{disabled:h>=T-1,onClick:()=>pe(s.id,h+1),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border hover:bg-dark-hover disabled:opacity-40",children:[t("skills.pageNext"),e.jsx(ss,{size:14})]})]})]})]})]},s.id)})]})]}),u==="installed"&&e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1",children:M.length===0?e.jsxs("div",{className:"text-center py-16 text-dark-muted",children:[e.jsx("p",{className:"mb-1",children:t("skills.emptyInstalled")}),e.jsx("p",{className:"text-xs mb-4",children:t("skills.emptyInstalledHint")}),e.jsxs("button",{onClick:()=>k("marketplace"),className:"inline-flex items-center gap-2 px-4 py-2 bg-accent-blue text-white rounded-lg text-sm",children:[e.jsx(ye,{size:14}),t("skills.browseMarket")]})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2",children:M.map(s=>e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium text-sm truncate",children:[s.icon||"⭐"," ",s.name]}),e.jsxs("div",{className:"text-xs text-dark-muted truncate",children:[s.id," · ",s.category]})]}),e.jsxs("button",{onClick:()=>ke(s),className:`flex items-center gap-1 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shrink-0 transition-colors ${s.enabled?"bg-accent-green/20 text-accent-green hover:bg-accent-green/30":"bg-accent-red/20 text-accent-red hover:bg-accent-red/30"}`,title:s.enabled?t("skills.disable"):t("skills.enable"),children:[s.enabled?e.jsx(Se,{size:14}):e.jsx(Me,{size:14}),s.enabled?t("skills.enabled"):t("skills.disabled")]})]}),s.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:s.description}),e.jsxs("div",{className:"flex items-center justify-between gap-2 mt-1",children:[e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-dark-bg border border-dark-border text-dark-muted truncate",children:s.marketplace||s.source||t("skills.marketplace")}),e.jsxs("div",{className:"flex gap-2 shrink-0",children:[m&&e.jsxs("button",{onClick:()=>m(s),className:"flex items-center gap-1 px-2 py-1 rounded bg-accent-blue/15 text-accent-blue text-xs hover:bg-accent-blue/25 transition-colors",title:t("skills.useHint"),children:[e.jsx(ze,{size:12}),t("skills.use")]}),e.jsxs("button",{onClick:()=>he(s),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-xs hover:bg-dark-hover",children:[e.jsx(Q,{size:12}),t("skills.edit")]}),e.jsxs("button",{onClick:()=>O(s.id),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-accent-red text-xs hover:bg-accent-red/10",children:[e.jsx(ts,{size:12}),t("skills.uninstall")]})]})]})]},s.id))})}),u==="mine"&&e.jsxs("div",{className:"flex-1 min-h-0 flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx("input",{value:F,onChange:s=>Fe(s.target.value),placeholder:"Search skills",className:"w-56 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg text-sm outline-none focus:border-accent-blue"}),e.jsx("span",{className:"text-sm text-dark-muted shrink-0",children:_.length})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{onClick:be,className:"flex items-center gap-2 px-3 py-2 bg-accent-blue text-white rounded-lg",children:[e.jsx(G,{size:14}),t("skills.new")]}),e.jsxs("button",{onClick:()=>L(!0),className:"flex items-center gap-2 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg",children:[e.jsx(as,{size:14}),t("skills.import")]}),e.jsxs("button",{onClick:g,className:"flex items-center gap-2 px-3 py-2 bg-dark-surface border border-dark-border rounded-lg",children:[e.jsx(f,{size:14}),t("skills.refresh")]})]})]}),_.length===0?e.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center text-dark-muted gap-3",children:[e.jsx("p",{children:t("skills.noSkills")}),e.jsxs("button",{onClick:be,className:"px-4 py-2 bg-accent-blue text-white rounded-lg text-sm inline-flex items-center gap-2",children:[e.jsx(G,{size:14}),t("skills.new")]})]}):e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-1",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3",children:_.map(s=>e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 flex flex-col gap-2 bg-dark-surface",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"font-medium text-sm truncate",children:[s.icon||"⭐"," ",s.name]}),e.jsx("div",{className:"text-xs text-dark-muted truncate",children:s.id})]}),e.jsxs("button",{onClick:()=>ke(s),className:`flex items-center gap-1 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shrink-0 transition-colors ${s.enabled?"bg-accent-green/20 text-accent-green hover:bg-accent-green/30":"bg-accent-red/20 text-accent-red hover:bg-accent-red/30"}`,title:s.enabled?t("skills.disable"):t("skills.enable"),children:[s.enabled?e.jsx(Se,{size:14}):e.jsx(Me,{size:14}),s.enabled?t("skills.enabled"):t("skills.disabled")]})]}),s.description&&e.jsx("p",{className:"text-xs text-dark-muted line-clamp-2",children:s.description}),e.jsxs("div",{className:"flex items-center justify-between gap-2 mt-auto",children:[e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-dark-bg border border-dark-border text-dark-muted truncate",children:s.category}),e.jsxs("div",{className:"flex gap-2 shrink-0",children:[m&&e.jsxs("button",{onClick:()=>m(s),className:"flex items-center gap-1 px-2 py-1 rounded bg-accent-blue/15 text-accent-blue text-xs hover:bg-accent-blue/25 transition-colors",title:t("skills.useHint"),children:[e.jsx(ze,{size:12}),t("skills.use")]}),e.jsxs("button",{onClick:()=>he(s),className:"flex items-center gap-1 px-2 py-1 rounded border border-dark-border text-xs hover:bg-dark-hover shrink-0",children:[e.jsx(Q,{size:12}),t("skills.edit")]})]})]})]},s.id))})})]}),e.jsx(Te,{isOpen:Ie,onClose:()=>N(!1),title:t(I?"skills.edit":"skills.new"),size:"xl",children:e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsx(j,{label:t("skills.fieldId"),value:d.id,onChange:s=>c(a=>({...a,id:s}))}),e.jsx(j,{label:t("skills.fieldName"),value:d.name,onChange:s=>c(a=>({...a,name:s}))}),e.jsx(j,{label:t("skills.fieldCategory"),value:d.category,onChange:s=>c(a=>({...a,category:s}))}),e.jsx(j,{label:t("skills.fieldTrigger"),value:d.trigger,onChange:s=>c(a=>({...a,trigger:s}))}),e.jsx(j,{label:t("skills.tags"),value:d.tags,onChange:s=>c(a=>({...a,tags:s}))}),e.jsx(j,{label:t("skills.fieldTools"),value:d.requiredTools,onChange:s=>c(a=>({...a,requiredTools:s}))}),e.jsxs("div",{className:"col-span-2",children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:t("skills.description")}),e.jsx("textarea",{value:d.description,onChange:s=>c(a=>({...a,description:s.target.value})),className:"w-full h-20 px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none resize-none"})]}),e.jsxs("div",{className:"col-span-2",children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:t("skills.systemPrompt")}),e.jsx("textarea",{value:d.systemPrompt,onChange:s=>c(a=>({...a,systemPrompt:s.target.value})),className:"w-full h-40 px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none resize-none font-mono text-sm"})]}),ee&&e.jsx("div",{className:"col-span-2 text-sm text-accent-red",children:ee}),e.jsxs("div",{className:"col-span-2 flex justify-end gap-2",children:[e.jsx("button",{onClick:()=>N(!1),className:"px-4 py-2 border border-dark-border rounded-lg",children:t("skills.cancel")}),e.jsxs("button",{disabled:K,onClick:Xe,className:"px-4 py-2 bg-accent-blue text-white rounded-lg flex items-center gap-2",children:[e.jsx(Q,{size:14}),t(K?"skills.saving":"skills.save")]})]})]})}),e.jsx(Te,{isOpen:Ae,onClose:()=>L(!1),title:t("skills.importTitle"),size:"md",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("input",{ref:C,type:"file",accept:".md,.skill.md,.txt",className:"hidden",onChange:s=>{var r;const a=(r=s.target.files)==null?void 0:r[0];a&&Ye(a)}}),e.jsxs("button",{onClick:()=>{var s;return(s=C.current)==null?void 0:s.click()},disabled:Le,className:"w-full py-6 border border-dashed border-dark-border rounded-lg flex items-center justify-center gap-2",children:[e.jsx(rs,{size:16}),t("skills.chooseFile")]}),te&&e.jsx("div",{className:"text-sm text-accent-red",children:te}),e.jsx("div",{className:"text-xs text-dark-muted",children:t("skills.importHint")})]})}),e.jsx(ns,{isOpen:w!==null,onClose:()=>O(null),onConfirm:()=>{w&&Ve(w)},title:t("skills.uninstall"),message:t("skills.uninstallConfirm",{name:((fe=M.find(s=>s.id===w))==null?void 0:fe.name)||w||""}),confirmText:t("skills.uninstall"),cancelText:t("skills.cancel"),variant:"danger"})]})}function Pe(m){return m.split(",").map(t=>t.trim()).filter(Boolean)}function j({label:m,value:t,onChange:u}){return e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm mb-1 text-dark-muted",children:m}),e.jsx("input",{value:t,onChange:k=>u(k.target.value),className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border outline-none focus:border-accent-blue"})]})}export{ms as SkillsView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./markdown-D0iUI0Yw.js";import{r as a,P as ve,R as re,L as ye,a4 as we,$ as Se,E as Ce,ao as Oe,H as De}from"./icons-B5yCkBjC.js";import{a as c,B as C,M as ne,I as Je,C as Ee}from"./index-YAnKQ1Q6.js";import"./react-vendor-Bxu3r3ox.js";import"./state-C80Yzgl0.js";function le(){const i=new Date().toISOString();return{id:`wf_${Date.now()}`,title:"新模板",description:"",nodes:[{id:"task-1",title:"任务",description:"描述任务",type:"task",status:"pending",dependencies:[],priority:5,createdAt:i,updatedAt:i}],createdAt:i,updatedAt:i}}const Te={saved:"沉淀",script:"脚本",handwritten:"手写"};function Re({onLaunch:i}){const[O,oe]=a.useState([]),[n,f]=a.useState(null),[l,g]=a.useState(null),[ce,D]=a.useState(!1),[j,v]=a.useState(""),[J,E]=a.useState(""),[T,A]=a.useState(""),[I,L]=a.useState(""),[$,M]=a.useState(""),[R,V]=a.useState(""),[ie,y]=a.useState(!1),[B,d]=a.useState(""),[P,z]=a.useState([]),[de,H]=a.useState(!1),[u,W]=a.useState(null),[b,h]=a.useState(null),[k,_]=a.useState(null),[ue,q]=a.useState(!1),[xe,w]=a.useState(!1),[me,N]=a.useState(!1),[S,F]=a.useState(""),[U,G]=a.useState(""),[K,Q]=a.useState("general"),[X,Y]=a.useState("[]"),[Z,ee]=a.useState(()=>JSON.stringify(le(),null,2)),[te,x]=a.useState(""),be=()=>{F(""),G(""),Q("general"),Y("[]"),ee(JSON.stringify(le(),null,2)),x(""),N(!0)},pe=async()=>{if(!S.trim()){x("模板名称不能为空");return}let t,s;try{t=JSON.parse(X),s=JSON.parse(Z)}catch(o){x(`JSON 解析失败:${o instanceof Error?o.message:String(o)}`);return}if(!s||typeof s!="object"||!Array.isArray(s.nodes)){x("definition 必须是含 nodes 数组的 WorkflowDefinition");return}x("");const r=await c.templates.create({name:S.trim(),description:U.trim(),category:K.trim()||"general",inputs:Array.isArray(t)?t:[],definition:s,source:{type:"handwritten"}});r.success&&r.data?(N(!1),f(r.data.id),m()):x(r.error||"创建失败")},m=a.useCallback(async()=>{const t=await c.templates.list();t.success&&t.data&&(oe(t.data),n&&!t.data.some(s=>s.id===n)&&(f(null),g(null)))},[n]);a.useEffect(()=>{m()},[]),a.useEffect(()=>{if(!n){g(null);return}let t=!1;return D(!0),c.templates.get(n).then(s=>{t||(s.success&&s.data?(g(s.data),E(s.data.name),A(s.data.description),L(s.data.category),M(JSON.stringify(s.data.inputs,null,2)),V(JSON.stringify(s.data.definition,null,2)),y(!1),d(""),H(!1),W(null),c.templates.versions(n).then(r=>{r.success&&r.data&&z(r.data)})):v(s.error||"加载模板失败"))}).catch(()=>v("加载模板失败")).finally(()=>D(!1)),()=>{t=!0}},[n]);const se=a.useMemo(()=>{const t=new Map;for(const s of O){const r=s.category||"其他",o=t.get(r)||[];o.push(s),t.set(r,o)}return[...t.entries()]},[O]),p=t=>s=>{t(s),y(!0),d("")},fe=async()=>{if(!n||!l)return;let t,s;try{t=JSON.parse($),s=JSON.parse(R)}catch(o){d(`JSON 解析失败:${o instanceof Error?o.message:String(o)}`);return}d("");const r=await c.templates.update(n,{name:J,description:T,category:I,inputs:Array.isArray(t)?t:[],definition:s});r.success&&r.data?(g(r.data),y(!1),d(`已保存(v${r.data.version})`),m(),c.templates.versions(n).then(o=>{o.success&&o.data&&z(o.data)})):d(r.error||"保存失败")},ge=async t=>{if(!n)return;q(!0);const s=await c.templates.render(n,t);q(!1),_({ok:s.success,json:s.success?JSON.stringify(s.data,null,2):void 0,error:s.success?void 0:s.error||"渲染失败"})},he=t=>{l&&(i(l,t),h(null))},ae=t=>{l&&(_(null),h({mode:t}))},ke=async t=>{if(!n)return;const s=await c.templates.getVersion(n,t);s.success&&s.data&&W(s.data)},Ne=async()=>{if(!n)return;(await c.templates.remove(n)).success&&(f(null),w(!1),m())},je=()=>n?ce||!l?e.jsxs("div",{className:"flex-1 flex items-center justify-center text-dark-muted",children:[e.jsx(ye,{className:"w-4 h-4 animate-spin mr-2"})," 加载…"]}):e.jsx("div",{className:"flex-1 min-w-0 flex flex-col overflow-y-auto custom-scrollbar",children:e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("input",{value:J,onChange:t=>p(E)(t.target.value),className:"flex-1 min-w-[200px] px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"}),e.jsxs(C,{variant:"info",children:["v",l.version]}),e.jsx(C,{variant:l.source.type==="saved"?"success":"default",children:Te[l.source.type]||l.source.type}),e.jsx("button",{onClick:()=>w(!0),className:"p-2 rounded-lg text-dark-muted hover:text-accent-red hover:bg-dark-hover transition-colors",title:"删除模板",children:e.jsx(we,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"分类(category)"}),e.jsx("input",{value:I,onChange:t=>p(L)(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"描述(description)"}),e.jsx("input",{value:T,onChange:t=>p(A)(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"inputs(参数 schema,JSON)— 修改后保存会升版本"}),e.jsx("textarea",{value:$,onChange:t=>p(M)(t.target.value),rows:5,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"definition(WorkflowDefinition,JSON)"}),e.jsx("textarea",{value:R,onChange:t=>p(V)(t.target.value),rows:10,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsxs("button",{onClick:fe,disabled:!ie,className:"px-4 py-2 rounded-lg bg-accent-blue text-white hover:bg-accent-blue/90 disabled:opacity-40 transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Se,{className:"w-4 h-4"})," 保存修改"]}),e.jsxs("button",{onClick:()=>ae("preview"),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Ce,{className:"w-4 h-4"})," 试跑"]}),e.jsxs("button",{onClick:()=>ae("launch"),className:"px-4 py-2 rounded-lg border border-accent-blue/50 text-accent-blue hover:bg-accent-blue/10 transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Oe,{className:"w-4 h-4"})," 用模板新建会话"]}),e.jsxs("button",{onClick:()=>H(t=>!t),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors inline-flex items-center gap-1.5",children:[e.jsx(De,{className:"w-4 h-4"})," 版本历史"]}),e.jsx("button",{onClick:m,className:"p-2 rounded-lg text-dark-muted hover:text-dark-text hover:bg-dark-hover transition-colors",title:"刷新",children:e.jsx(re,{className:"w-4 h-4"})}),B&&e.jsx("span",{className:"text-xs text-dark-muted",children:B})]}),de&&e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 space-y-1.5",children:[e.jsxs("div",{className:"text-xs text-dark-muted mb-1",children:["不可变版本快照(versions/","{v}",".json)"]}),P.length===0&&e.jsx("div",{className:"text-xs text-dark-muted/60",children:"暂无版本记录"}),P.map(t=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:()=>ke(t),className:"text-xs px-2 py-1 rounded border border-dark-border hover:border-accent-blue/50 transition-colors",children:["v",t]}),u&&u.version===t&&e.jsx("span",{className:"text-xs text-dark-muted/60",children:"当前查看中"})]},t)),u&&e.jsx("pre",{className:"mt-2 p-3 rounded-lg bg-dark-bg text-[10px] font-mono text-dark-muted max-h-60 overflow-y-auto custom-scrollbar",children:JSON.stringify({version:u.version,inputs:u.inputs,definition:u.definition},null,2)})]})]})}):e.jsx("div",{className:"flex-1 flex items-center justify-center text-sm text-dark-muted",children:"从左侧选择一个模板查看 / 编辑"});return e.jsxs("div",{className:"flex flex-1 min-h-0 bg-dark-bg",children:[e.jsxs("div",{className:"w-72 shrink-0 border-r border-dark-border overflow-y-auto custom-scrollbar p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3 px-1",children:[e.jsx("span",{className:"text-xs uppercase tracking-wider text-dark-muted font-medium",children:"模板库"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxs("button",{onClick:be,className:"p-1.5 rounded-lg text-accent-blue hover:bg-accent-blue/10 transition-colors inline-flex items-center gap-1 text-xs",title:"新建模板",children:[e.jsx(ve,{className:"w-4 h-4"}),e.jsx("span",{className:"hidden xl:inline",children:"新建"})]}),e.jsx("button",{onClick:()=>{v(""),m()},className:"p-1.5 rounded-lg text-dark-muted hover:text-dark-text hover:bg-dark-hover transition-colors",title:"刷新",children:e.jsx(re,{className:"w-4 h-4"})})]})]}),j&&e.jsx("div",{className:"text-xs text-accent-red mb-2",children:j}),se.length===0&&!j&&e.jsx("div",{className:"text-xs text-dark-muted px-1 py-4 text-center",children:"暂无模板。完成动态工作流后保存为模板,或由 AI 起草。"}),se.map(([t,s])=>e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"px-1 mb-1 text-[10px] uppercase tracking-wider text-dark-muted/70",children:t}),e.jsx("div",{className:"space-y-1",children:s.map(r=>e.jsxs("button",{onClick:()=>f(r.id),className:`w-full text-left px-3 py-2 rounded-lg transition-colors ${n===r.id?"bg-accent-blue/10 text-dark-text":"hover:bg-dark-hover text-dark-muted"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-sm truncate",children:r.name}),e.jsxs(C,{size:"sm",variant:"info",children:["v",r.version]})]}),r.description&&e.jsx("div",{className:"text-[11px] text-dark-muted/70 truncate mt-0.5",children:r.description})]},r.id))})]},t))]}),je(),b&&l&&e.jsxs(ne,{isOpen:!0,onClose:()=>h(null),title:b.mode==="launch"?`用「${l.name}」新建会话`:`试跑「${l.name}」`,size:"md",children:[e.jsx(Je,{template:l,onCancel:()=>h(null),onSubmit:b.mode==="launch"?he:ge,submitLabel:b.mode==="launch"?"启动":"渲染预览",busy:ue}),b.mode==="preview"&&k&&e.jsx("div",{className:"mt-4",children:k.ok?e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-accent-green mb-1.5",children:"渲染成功 — 产物 definition 可直接启动"}),e.jsx("pre",{className:"p-3 rounded-lg bg-dark-bg text-[10px] font-mono text-dark-muted max-h-72 overflow-y-auto custom-scrollbar",children:k.json})]}):e.jsx("div",{className:"text-xs text-accent-red",children:k.error})})]}),e.jsx(ne,{isOpen:me,onClose:()=>N(!1),title:"新建模板",size:"lg",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"名称 *"}),e.jsx("input",{value:S,onChange:t=>F(t.target.value),placeholder:"如:Triage Inbox",className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"分类"}),e.jsx("input",{value:K,onChange:t=>Q(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"描述"}),e.jsx("input",{value:U,onChange:t=>G(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"inputs(参数 schema,JSON,用 <<input:name>> 引用)"}),e.jsx("textarea",{value:X,onChange:t=>Y(t.target.value),rows:4,spellCheck:!1,placeholder:'[{ "name": "folder", "label": "目录", "type": "folder", "required": true }]',className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"definition(WorkflowDefinition,JSON)"}),e.jsx("textarea",{value:Z,onChange:t=>ee(t.target.value),rows:12,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),te&&e.jsx("div",{className:"text-xs text-accent-red",children:te}),e.jsxs("div",{className:"flex justify-end gap-3",children:[e.jsx("button",{onClick:()=>N(!1),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors",children:"取消"}),e.jsx("button",{onClick:()=>void pe(),className:"px-4 py-2 rounded-lg bg-accent-blue text-white hover:bg-accent-blue/90 transition-colors",children:"创建"})]})]})}),e.jsx(Ee,{isOpen:xe,onClose:()=>w(!1),onConfirm:Ne,title:"删除模板",message:`确定删除模板「${(l==null?void 0:l.name)||n}」?该操作不可恢复。`,confirmText:"删除",variant:"danger"})]})}export{Re as TemplatesTab};
|
|
1
|
+
import{j as e}from"./markdown-CaPdHFK5.js";import{r as a,P as ve,R as re,L as ye,a4 as we,$ as Se,E as Ce,ao as Oe,H as De}from"./icons-CrV0VGFQ.js";import{a as c,B as C,M as ne,I as Je,C as Ee}from"./index-DMxlsuNM.js";import"./react-vendor-DnYXnA42.js";import"./state-BHmvnECu.js";function le(){const i=new Date().toISOString();return{id:`wf_${Date.now()}`,title:"新模板",description:"",nodes:[{id:"task-1",title:"任务",description:"描述任务",type:"task",status:"pending",dependencies:[],priority:5,createdAt:i,updatedAt:i}],createdAt:i,updatedAt:i}}const Te={saved:"沉淀",script:"脚本",handwritten:"手写"};function Re({onLaunch:i}){const[O,oe]=a.useState([]),[n,f]=a.useState(null),[l,g]=a.useState(null),[ce,D]=a.useState(!1),[j,v]=a.useState(""),[J,E]=a.useState(""),[T,A]=a.useState(""),[I,L]=a.useState(""),[$,M]=a.useState(""),[R,V]=a.useState(""),[ie,y]=a.useState(!1),[B,d]=a.useState(""),[P,z]=a.useState([]),[de,H]=a.useState(!1),[u,W]=a.useState(null),[b,h]=a.useState(null),[k,_]=a.useState(null),[ue,q]=a.useState(!1),[xe,w]=a.useState(!1),[me,N]=a.useState(!1),[S,F]=a.useState(""),[U,G]=a.useState(""),[K,Q]=a.useState("general"),[X,Y]=a.useState("[]"),[Z,ee]=a.useState(()=>JSON.stringify(le(),null,2)),[te,x]=a.useState(""),be=()=>{F(""),G(""),Q("general"),Y("[]"),ee(JSON.stringify(le(),null,2)),x(""),N(!0)},pe=async()=>{if(!S.trim()){x("模板名称不能为空");return}let t,s;try{t=JSON.parse(X),s=JSON.parse(Z)}catch(o){x(`JSON 解析失败:${o instanceof Error?o.message:String(o)}`);return}if(!s||typeof s!="object"||!Array.isArray(s.nodes)){x("definition 必须是含 nodes 数组的 WorkflowDefinition");return}x("");const r=await c.templates.create({name:S.trim(),description:U.trim(),category:K.trim()||"general",inputs:Array.isArray(t)?t:[],definition:s,source:{type:"handwritten"}});r.success&&r.data?(N(!1),f(r.data.id),m()):x(r.error||"创建失败")},m=a.useCallback(async()=>{const t=await c.templates.list();t.success&&t.data&&(oe(t.data),n&&!t.data.some(s=>s.id===n)&&(f(null),g(null)))},[n]);a.useEffect(()=>{m()},[]),a.useEffect(()=>{if(!n){g(null);return}let t=!1;return D(!0),c.templates.get(n).then(s=>{t||(s.success&&s.data?(g(s.data),E(s.data.name),A(s.data.description),L(s.data.category),M(JSON.stringify(s.data.inputs,null,2)),V(JSON.stringify(s.data.definition,null,2)),y(!1),d(""),H(!1),W(null),c.templates.versions(n).then(r=>{r.success&&r.data&&z(r.data)})):v(s.error||"加载模板失败"))}).catch(()=>v("加载模板失败")).finally(()=>D(!1)),()=>{t=!0}},[n]);const se=a.useMemo(()=>{const t=new Map;for(const s of O){const r=s.category||"其他",o=t.get(r)||[];o.push(s),t.set(r,o)}return[...t.entries()]},[O]),p=t=>s=>{t(s),y(!0),d("")},fe=async()=>{if(!n||!l)return;let t,s;try{t=JSON.parse($),s=JSON.parse(R)}catch(o){d(`JSON 解析失败:${o instanceof Error?o.message:String(o)}`);return}d("");const r=await c.templates.update(n,{name:J,description:T,category:I,inputs:Array.isArray(t)?t:[],definition:s});r.success&&r.data?(g(r.data),y(!1),d(`已保存(v${r.data.version})`),m(),c.templates.versions(n).then(o=>{o.success&&o.data&&z(o.data)})):d(r.error||"保存失败")},ge=async t=>{if(!n)return;q(!0);const s=await c.templates.render(n,t);q(!1),_({ok:s.success,json:s.success?JSON.stringify(s.data,null,2):void 0,error:s.success?void 0:s.error||"渲染失败"})},he=t=>{l&&(i(l,t),h(null))},ae=t=>{l&&(_(null),h({mode:t}))},ke=async t=>{if(!n)return;const s=await c.templates.getVersion(n,t);s.success&&s.data&&W(s.data)},Ne=async()=>{if(!n)return;(await c.templates.remove(n)).success&&(f(null),w(!1),m())},je=()=>n?ce||!l?e.jsxs("div",{className:"flex-1 flex items-center justify-center text-dark-muted",children:[e.jsx(ye,{className:"w-4 h-4 animate-spin mr-2"})," 加载…"]}):e.jsx("div",{className:"flex-1 min-w-0 flex flex-col overflow-y-auto custom-scrollbar",children:e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("input",{value:J,onChange:t=>p(E)(t.target.value),className:"flex-1 min-w-[200px] px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"}),e.jsxs(C,{variant:"info",children:["v",l.version]}),e.jsx(C,{variant:l.source.type==="saved"?"success":"default",children:Te[l.source.type]||l.source.type}),e.jsx("button",{onClick:()=>w(!0),className:"p-2 rounded-lg text-dark-muted hover:text-accent-red hover:bg-dark-hover transition-colors",title:"删除模板",children:e.jsx(we,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"分类(category)"}),e.jsx("input",{value:I,onChange:t=>p(L)(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"描述(description)"}),e.jsx("input",{value:T,onChange:t=>p(A)(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"inputs(参数 schema,JSON)— 修改后保存会升版本"}),e.jsx("textarea",{value:$,onChange:t=>p(M)(t.target.value),rows:5,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"definition(WorkflowDefinition,JSON)"}),e.jsx("textarea",{value:R,onChange:t=>p(V)(t.target.value),rows:10,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsxs("button",{onClick:fe,disabled:!ie,className:"px-4 py-2 rounded-lg bg-accent-blue text-white hover:bg-accent-blue/90 disabled:opacity-40 transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Se,{className:"w-4 h-4"})," 保存修改"]}),e.jsxs("button",{onClick:()=>ae("preview"),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Ce,{className:"w-4 h-4"})," 试跑"]}),e.jsxs("button",{onClick:()=>ae("launch"),className:"px-4 py-2 rounded-lg border border-accent-blue/50 text-accent-blue hover:bg-accent-blue/10 transition-colors inline-flex items-center gap-1.5",children:[e.jsx(Oe,{className:"w-4 h-4"})," 用模板新建会话"]}),e.jsxs("button",{onClick:()=>H(t=>!t),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors inline-flex items-center gap-1.5",children:[e.jsx(De,{className:"w-4 h-4"})," 版本历史"]}),e.jsx("button",{onClick:m,className:"p-2 rounded-lg text-dark-muted hover:text-dark-text hover:bg-dark-hover transition-colors",title:"刷新",children:e.jsx(re,{className:"w-4 h-4"})}),B&&e.jsx("span",{className:"text-xs text-dark-muted",children:B})]}),de&&e.jsxs("div",{className:"border border-dark-border rounded-lg p-3 space-y-1.5",children:[e.jsxs("div",{className:"text-xs text-dark-muted mb-1",children:["不可变版本快照(versions/","{v}",".json)"]}),P.length===0&&e.jsx("div",{className:"text-xs text-dark-muted/60",children:"暂无版本记录"}),P.map(t=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:()=>ke(t),className:"text-xs px-2 py-1 rounded border border-dark-border hover:border-accent-blue/50 transition-colors",children:["v",t]}),u&&u.version===t&&e.jsx("span",{className:"text-xs text-dark-muted/60",children:"当前查看中"})]},t)),u&&e.jsx("pre",{className:"mt-2 p-3 rounded-lg bg-dark-bg text-[10px] font-mono text-dark-muted max-h-60 overflow-y-auto custom-scrollbar",children:JSON.stringify({version:u.version,inputs:u.inputs,definition:u.definition},null,2)})]})]})}):e.jsx("div",{className:"flex-1 flex items-center justify-center text-sm text-dark-muted",children:"从左侧选择一个模板查看 / 编辑"});return e.jsxs("div",{className:"flex flex-1 min-h-0 bg-dark-bg",children:[e.jsxs("div",{className:"w-72 shrink-0 border-r border-dark-border overflow-y-auto custom-scrollbar p-3",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3 px-1",children:[e.jsx("span",{className:"text-xs uppercase tracking-wider text-dark-muted font-medium",children:"模板库"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxs("button",{onClick:be,className:"p-1.5 rounded-lg text-accent-blue hover:bg-accent-blue/10 transition-colors inline-flex items-center gap-1 text-xs",title:"新建模板",children:[e.jsx(ve,{className:"w-4 h-4"}),e.jsx("span",{className:"hidden xl:inline",children:"新建"})]}),e.jsx("button",{onClick:()=>{v(""),m()},className:"p-1.5 rounded-lg text-dark-muted hover:text-dark-text hover:bg-dark-hover transition-colors",title:"刷新",children:e.jsx(re,{className:"w-4 h-4"})})]})]}),j&&e.jsx("div",{className:"text-xs text-accent-red mb-2",children:j}),se.length===0&&!j&&e.jsx("div",{className:"text-xs text-dark-muted px-1 py-4 text-center",children:"暂无模板。完成动态工作流后保存为模板,或由 AI 起草。"}),se.map(([t,s])=>e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"px-1 mb-1 text-[10px] uppercase tracking-wider text-dark-muted/70",children:t}),e.jsx("div",{className:"space-y-1",children:s.map(r=>e.jsxs("button",{onClick:()=>f(r.id),className:`w-full text-left px-3 py-2 rounded-lg transition-colors ${n===r.id?"bg-accent-blue/10 text-dark-text":"hover:bg-dark-hover text-dark-muted"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-sm truncate",children:r.name}),e.jsxs(C,{size:"sm",variant:"info",children:["v",r.version]})]}),r.description&&e.jsx("div",{className:"text-[11px] text-dark-muted/70 truncate mt-0.5",children:r.description})]},r.id))})]},t))]}),je(),b&&l&&e.jsxs(ne,{isOpen:!0,onClose:()=>h(null),title:b.mode==="launch"?`用「${l.name}」新建会话`:`试跑「${l.name}」`,size:"md",children:[e.jsx(Je,{template:l,onCancel:()=>h(null),onSubmit:b.mode==="launch"?he:ge,submitLabel:b.mode==="launch"?"启动":"渲染预览",busy:ue}),b.mode==="preview"&&k&&e.jsx("div",{className:"mt-4",children:k.ok?e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-accent-green mb-1.5",children:"渲染成功 — 产物 definition 可直接启动"}),e.jsx("pre",{className:"p-3 rounded-lg bg-dark-bg text-[10px] font-mono text-dark-muted max-h-72 overflow-y-auto custom-scrollbar",children:k.json})]}):e.jsx("div",{className:"text-xs text-accent-red",children:k.error})})]}),e.jsx(ne,{isOpen:me,onClose:()=>N(!1),title:"新建模板",size:"lg",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"名称 *"}),e.jsx("input",{value:S,onChange:t=>F(t.target.value),placeholder:"如:Triage Inbox",className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"分类"}),e.jsx("input",{value:K,onChange:t=>Q(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"描述"}),e.jsx("input",{value:U,onChange:t=>G(t.target.value),className:"w-full px-3 py-1.5 rounded-lg bg-dark-bg border border-dark-border text-sm text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"inputs(参数 schema,JSON,用 <<input:name>> 引用)"}),e.jsx("textarea",{value:X,onChange:t=>Y(t.target.value),rows:4,spellCheck:!1,placeholder:'[{ "name": "folder", "label": "目录", "type": "folder", "required": true }]',className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-xs text-dark-muted mb-1 block",children:"definition(WorkflowDefinition,JSON)"}),e.jsx("textarea",{value:Z,onChange:t=>ee(t.target.value),rows:12,spellCheck:!1,className:"w-full px-3 py-2 rounded-lg bg-dark-bg border border-dark-border text-xs font-mono text-dark-text focus:outline-none focus:ring-1 focus:ring-accent-blue"})]}),te&&e.jsx("div",{className:"text-xs text-accent-red",children:te}),e.jsxs("div",{className:"flex justify-end gap-3",children:[e.jsx("button",{onClick:()=>N(!1),className:"px-4 py-2 rounded-lg border border-dark-border text-dark-text hover:bg-dark-hover transition-colors",children:"取消"}),e.jsx("button",{onClick:()=>void pe(),className:"px-4 py-2 rounded-lg bg-accent-blue text-white hover:bg-accent-blue/90 transition-colors",children:"创建"})]})]})}),e.jsx(Ee,{isOpen:xe,onClose:()=>w(!1),onConfirm:Ne,title:"删除模板",message:`确定删除模板「${(l==null?void 0:l.name)||n}」?该操作不可恢复。`,confirmText:"删除",variant:"danger"})]})}export{Re as TemplatesTab};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as r}from"./markdown-
|
|
1
|
+
import{j as r}from"./markdown-CaPdHFK5.js";import{r as s,aw as U,ax as V,R as _,ay as q,D as K,a4 as Q,az as X,aA as Z}from"./icons-CrV0VGFQ.js";import{x as ee,a as te}from"./terminal-Ck_l6svU.js";import{f as $,g as re,h as C,t as se}from"./index-DMxlsuNM.js";import"./react-vendor-DnYXnA42.js";import"./state-BHmvnECu.js";const ne={background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#d4d4d4",cursorAccent:"#1e1e1e",black:"#1e1e1e",red:"#f44747",green:"#608b4e",yellow:"#dcdcaa",blue:"#569cd6",magenta:"#c586c0",cyan:"#4ec9b0",white:"#d4d4d4",brightBlack:"#808080",brightRed:"#f44747",brightGreen:"#608b4e",brightYellow:"#dcdcaa",brightBlue:"#569cd6",brightMagenta:"#c586c0",brightCyan:"#4ec9b0",brightWhite:"#ffffff"};function de(){const f=s.useRef(null),c=s.useRef(null),w=s.useRef(null),o=s.useRef(null),[j,M]=s.useState(!1),[g,v]=s.useState(null),[B,R]=s.useState(!0),d=s.useRef(!1),y=s.useRef({isAtBottom:!0}),I=s.useCallback(t=>{const e=c.current;if(!e)return;const n=e.buffer.active;y.current.isAtBottom=n.baseY+e.rows>=n.length,e.write(t,()=>{y.current.isAtBottom&&!d.current&&e.scrollToBottom();const l=e.buffer.active;l.baseY+e.rows>=l.length&&(d.current=!1)})},[]),[k,S]=s.useState(""),p=s.useCallback(()=>{const t=c.current,e=o.current;!t||!e||e.readyState!==WebSocket.OPEN||e.send(JSON.stringify({type:"resize",cols:t.cols,rows:t.rows}))},[]),{status:T,errorMessage:N,port:z}=$(),{setStarting:E,setRunning:A,setStopping:D,setIdle:L,setError:m}=$(),{workspaceDir:x}=re(),b=s.useCallback(()=>{o.current&&(o.current.onclose=null,o.current.onmessage=null,o.current.onerror=null,o.current.onopen=null,o.current.close(),o.current=null)},[]),h=s.useCallback(async t=>{E(),t.writeln("\x1B[90mStarting local terminal...\x1B[0m");try{const e=await C.post("/api/terminal/start",{workspaceDir:x});if(!e.success||!e.data){const a=e.error||"Failed to start terminal";m(a),t.writeln(`\x1B[31m${a}\x1B[0m`);return}const n=e.data.port??e.data.ttydPort,l=e.data.wsUrl;if(!n||!l){const a="Invalid terminal start response";m(a),t.writeln(`\x1B[31m${a}\x1B[0m`);return}A(n,l),S(e.data.workspaceDir||x);const u=new WebSocket(l);o.current=u,u.onopen=()=>{t.clear(),t.focus(),t.writeln("\x1B[32mConnected to local shell\x1B[0m"),setTimeout(()=>{var a,i;(a=w.current)==null||a.fit(),p(),d.current||(i=c.current)==null||i.scrollToBottom()},50)},u.onmessage=a=>{typeof a.data=="string"&&I(a.data)},u.onerror=()=>{m("Terminal connection error")},u.onclose=()=>{o.current===u&&(o.current=null,m("Terminal disconnected"),t.writeln("\x1B[33mTerminal disconnected\x1B[0m"))}}catch(e){const n=e instanceof Error?e.message:"Unknown error";m(n),t.writeln(`\x1B[31m${n}\x1B[0m`)}},[x,E,A,m,p]),F=s.useCallback(async()=>{b(),D();try{await C.post("/api/terminal/stop")}catch{}L()},[b,D,L]);s.useEffect(()=>{f.current&&C.get("/api/terminal/status").then(t=>{const e=t.success&&t.data?t.data:null;v((e==null?void 0:e.terminalAvailable)!==!1),e!=null&&e.workspaceDir&&S(e.workspaceDir)}).catch(()=>v(!1))},[]),s.useEffect(()=>{if(g!==!0||!f.current)return;const t=new ee.Terminal({theme:ne,fontFamily:'"Cascadia Code", "Fira Code", Consolas, "Courier New", monospace',fontSize:14,lineHeight:1.2,cursorBlink:!0,cursorStyle:"block",scrollback:1e4,convertEol:!0}),e=new te.FitAddon;t.loadAddon(e),t.open(f.current),t.focus(),e.fit(),c.current=t,w.current=e,t.writeln("\x1B[36mDeepSeekCode Local Terminal\x1B[0m"),t.writeln("\x1B[90mRun commands directly on this machine.\x1B[0m");const n=t.onData(i=>{var W;((W=o.current)==null?void 0:W.readyState)===WebSocket.OPEN&&o.current.send(i)}),l=t.onScroll(()=>{const i=t.buffer.active;i.baseY+t.rows<i.length&&(d.current=!0,R(!1))}),u=()=>{var i;(i=w.current)==null||i.fit(),p(),d.current||t.scrollToBottom()};window.addEventListener("resize",u);const a=window.setTimeout(()=>h(t),50);return()=>{clearTimeout(a),window.removeEventListener("resize",u),n.dispose(),l.dispose(),F(),t.dispose(),c.current=null}},[g,h,F,p]);const O=s.useCallback(()=>{var e;const t=(e=c.current)==null?void 0:e.getSelection();t&&(navigator.clipboard.writeText(t),se.success("Copied selection"))},[]),P=s.useCallback(()=>{var t,e;(t=c.current)==null||t.clear(),d.current||(e=c.current)==null||e.scrollToBottom()},[]),Y=s.useCallback(()=>{b(),c.current&&(c.current.clear(),h(c.current))},[b,h]),H=s.useCallback(()=>{R(t=>{var n;const e=!t;return d.current=!e,e&&((n=c.current)==null||n.scrollToBottom()),e})},[]),G=s.useCallback(()=>{const t=`Workspace: ${k||x}
|
|
2
2
|
Terminal session: ${z??""}
|
|
3
3
|
`,e=new Blob([t],{type:"text/plain"}),n=URL.createObjectURL(e),l=document.createElement("a");l.href=n,l.download=`terminal-${Date.now()}.log`,l.click(),URL.revokeObjectURL(n)},[x,k,z]),J=s.useMemo(()=>({idle:"Idle",starting:"Connecting",running:"Connected",stopping:"Stopping",error:"Error"})[T],[T]);return g===!1?r.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center bg-[#1e1e1e] gap-3 p-8",children:[r.jsx(U,{size:44,className:"text-dark-muted opacity-40"}),r.jsx("div",{className:"text-sm text-dark-muted",children:"Local terminal unavailable"})]}):r.jsxs("div",{className:`flex flex-col bg-[#1e1e1e] border-t border-dark-border ${j?"fixed inset-0 z-50":"flex-1 min-h-0"}`,children:[r.jsxs("div",{className:"flex items-center justify-between gap-3 px-3 py-2 bg-[#252526] border-b border-[#3c3c3c]",children:[r.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[r.jsx(U,{size:14,className:"text-dark-muted shrink-0"}),r.jsx("span",{className:"text-xs text-dark-muted shrink-0",children:"Terminal"}),r.jsx("span",{className:"text-xs text-dark-muted truncate",children:k||x}),r.jsxs("span",{className:"text-xs text-dark-muted",children:["[",J,"]"]}),N&&r.jsx("span",{className:"text-xs text-accent-red truncate max-w-[240px]",children:N})]}),r.jsxs("div",{className:"flex items-center gap-1 flex-wrap justify-end",children:[r.jsx("button",{onClick:H,className:`p-1 rounded hover:bg-[#3c3c3c] ${B?"text-accent-blue":"text-dark-muted"} hover:text-dark-text`,title:B?"璺熼殢杈撳嚭锛氬紑":"璺熼殢杈撳嚭锛氬叧",children:r.jsx(V,{size:12})}),r.jsx("button",{onClick:Y,className:"p-1 rounded hover:bg-[#3c3c3c] text-dark-muted hover:text-dark-text",title:"Restart",children:r.jsx(_,{size:12})}),r.jsx("button",{onClick:O,className:"p-1 rounded hover:bg-[#3c3c3c] text-dark-muted hover:text-dark-text",title:"Copy",children:r.jsx(q,{size:12})}),r.jsx("button",{onClick:G,className:"p-1 rounded hover:bg-[#3c3c3c] text-dark-muted hover:text-dark-text",title:"Download log",children:r.jsx(K,{size:12})}),r.jsx("button",{onClick:P,className:"p-1 rounded hover:bg-[#3c3c3c] text-dark-muted hover:text-dark-text",title:"Clear",children:r.jsx(Q,{size:12})}),r.jsx("button",{onClick:()=>M(t=>!t),className:"p-1 rounded hover:bg-[#3c3c3c] text-dark-muted hover:text-dark-text",title:"Fullscreen",children:j?r.jsx(X,{size:12}):r.jsx(Z,{size:12})})]})]}),r.jsx("div",{ref:f,className:"flex-1 overflow-hidden"})]})}export{de as TerminalView,de as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s}from"./markdown-
|
|
1
|
+
import{j as s}from"./markdown-CaPdHFK5.js";import{r as a,R as y,m as A,J as k,x as R,a as $,b as F,ab as v,ac as M,ad as D}from"./icons-CrV0VGFQ.js";import{u as O,a as w,b as P}from"./index-DMxlsuNM.js";import"./react-vendor-DnYXnA42.js";import"./state-BHmvnECu.js";function B(){const m=O(e=>e.mode),u=m==="normal"?"act":P(m),[d,p]=a.useState([]),[l,b]=a.useState([]),[C,g]=a.useState(!0),[h,i]=a.useState(null),[r,z]=a.useState(""),[c,f]=a.useState(null),[n,j]=a.useState(null),o=async()=>{g(!0),i(null);const e=await w.tools.list();e.success&&Array.isArray(e.data)?(p(e.data),b(e.data)):e.success&&e.data&&!Array.isArray(e.data)?i("服务端返回的工具数据格式异常"):i(e.error||"加载工具失败"),g(!1)};a.useEffect(()=>{o()},[]),a.useEffect(()=>{let e=d;r&&(e=e.filter(t=>t.name.toLowerCase().includes(r.toLowerCase())||t.description.toLowerCase().includes(r.toLowerCase()))),c&&(e=e.filter(t=>t.category===c)),b(e)},[r,c,d]);const S=async(e,t)=>{(await w.tools.toggle(e,!t)).success&&p(L=>L.map(x=>x.id===e?{...x,enabled:!t}:x))},T=[...new Set(d.map(e=>e.category))],E=e=>({file:"bg-accent-blue/20 text-accent-blue",search:"bg-accent-green/20 text-accent-green",git:"bg-accent-yellow/20 text-accent-yellow",web:"bg-accent-purple/20 text-accent-purple",system:"bg-accent-red/20 text-accent-red"})[e]||"bg-dark-hover text-dark-muted";return C?s.jsx("div",{className:"flex-1 flex items-center justify-center",children:s.jsxs("div",{className:"text-center",children:[s.jsx(y,{size:32,className:"animate-spin mx-auto mb-2 text-accent-blue"}),s.jsx("p",{className:"text-dark-muted",children:"加载中..."})]})}):h?s.jsx("div",{className:"flex-1 flex items-center justify-center",children:s.jsxs("div",{className:"text-center",children:[s.jsx(A,{size:32,className:"mx-auto mb-2 text-accent-red"}),s.jsx("p",{className:"text-accent-red mb-4",children:h}),s.jsx("button",{onClick:o,className:"px-4 py-2 bg-accent-blue text-white rounded-lg",children:"重试"})]})}):s.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden p-4",children:[s.jsxs("div",{className:"flex items-center justify-between mb-4",children:[s.jsxs("h2",{className:"text-lg font-semibold flex items-center gap-2",children:[s.jsx(k,{size:20}),"工具列表",s.jsxs("span",{className:"text-sm font-normal text-dark-muted",children:["(",l.length,")"]})]}),s.jsxs("button",{onClick:o,className:"flex items-center gap-2 px-3 py-1.5 bg-dark-surface border border-dark-border rounded hover:bg-dark-hover transition-colors",children:[s.jsx(y,{size:14}),"刷新"]})]}),s.jsxs("div",{className:"flex gap-3 mb-4",children:[s.jsxs("div",{className:"flex-1 relative",children:[s.jsx(R,{size:16,className:"absolute left-3 top-1/2 -translate-y-1/2 text-dark-muted"}),s.jsx("input",{type:"text",value:r,onChange:e=>z(e.target.value),placeholder:"搜索工具...",className:"w-full pl-10 pr-4 py-2 bg-dark-surface border border-dark-border rounded-lg text-dark-text placeholder-dark-muted focus:border-accent-blue focus:outline-none"})]}),s.jsxs("div",{className:"flex gap-1",children:[s.jsx("button",{onClick:()=>f(null),className:`px-3 py-2 rounded-lg text-sm transition-colors ${c?"bg-dark-surface border border-dark-border hover:bg-dark-hover":"bg-accent-blue text-white"}`,children:"全部"}),T.slice(0,4).map(e=>s.jsx("button",{onClick:()=>f(e),className:`px-3 py-2 rounded-lg text-sm transition-colors ${c===e?"bg-accent-blue text-white":"bg-dark-surface border border-dark-border hover:bg-dark-hover"}`,children:e},e))]})]}),s.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto custom-scrollbar",children:s.jsxs("div",{className:"space-y-2",children:[l.map(e=>s.jsxs("div",{className:`bg-dark-surface border rounded-lg transition-colors ${e.enabled?"border-dark-border":"border-dark-border opacity-60"}`,children:[s.jsxs("div",{className:"flex items-center justify-between p-4 cursor-pointer",onClick:()=>j(n===e.id?null:e.id),children:[s.jsxs("div",{className:"flex items-center gap-3 flex-1",children:[s.jsx("button",{onClick:t=>{t.stopPropagation(),j(n===e.id?null:e.id)},className:"text-dark-muted",children:n===e.id?s.jsx($,{size:16}):s.jsx(F,{size:16})}),s.jsx("span",{className:`px-2 py-0.5 rounded text-xs ${E(e.category)}`,children:e.category}),s.jsx("span",{className:"font-medium",children:e.name}),u==="plan"&&(e.category==="File Operation"||e.category==="Execution")&&s.jsx(v,{size:14,className:"text-accent-red ml-1.5"}),u==="plan"&&(e.category==="File Operation"||e.category==="Execution")&&s.jsx(v,{size:14,className:"text-accent-red ml-1.5"})]}),s.jsx("div",{className:"flex items-center gap-3",children:s.jsx("button",{onClick:t=>{t.stopPropagation(),S(e.id,e.enabled)},className:`p-1.5 rounded transition-colors ${e.enabled?"text-accent-green hover:bg-accent-green/10":"text-dark-muted hover:bg-dark-hover"}`,title:e.enabled?"禁用":"启用",children:e.enabled?s.jsx(M,{size:24}):s.jsx(D,{size:24})})})]}),n===e.id&&s.jsxs("div",{className:"px-4 pb-4 border-t border-dark-border",children:[s.jsx("p",{className:"text-sm text-dark-muted mt-3 mb-3",children:e.description}),e.params&&e.params.length>0&&s.jsxs("div",{children:[s.jsx("div",{className:"text-xs text-dark-muted mb-2",children:"参数"}),s.jsx("div",{className:"space-y-1",children:e.params.map((t,N)=>s.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[s.jsxs("code",{className:"px-1.5 py-0.5 bg-dark-bg rounded text-accent-blue",children:[t.name,t.required&&s.jsx("span",{className:"text-accent-red",children:"*"})]}),s.jsxs("span",{className:"text-dark-muted text-xs",children:["(",t.type,")"]}),s.jsx("span",{className:"text-dark-muted text-xs",children:t.description})]},N))})]})]})]},e.id)),l.length===0&&s.jsxs("div",{className:"text-center text-dark-muted py-8",children:[s.jsx(k,{size:48,className:"mx-auto mb-2 opacity-50"}),s.jsx("p",{children:"暂无工具"})]})]})})]})}export{B as ToolsView,B as default};
|