@nextclaw/ui 0.12.35-beta.3 → 0.12.35-beta.5

package/dist/assets/runtime-config-page-BMFc1yzf.js

@@ -0,0 +1 @@
+import{h as e,i as t,m as n,v as r}from"./react-BaRotFd6.js";import{At as i,Dt as a,Et as o,Lt as s,Mt as c,Nt as l,Ot as u,Tt as d,_t as f,bt as p,ft as m,ht as h,kt as g,wt as _,yt as v}from"./api-BTZui7nj.js";import{t as y}from"./notice-card-CyiVcu_Z.js";import{t as b}from"./play-D-s0C4MN.js";import{t as x}from"./plus-DOwjM_kF.js";import{t as S}from"./save-CG4Hb1u8.js";import{Ct as C,G as ee,J as w,K as T,Kt as E,St as D,X as O,Y as k,Zt as A,et as j,nn as M,q as N,qt as te,yt as ne}from"./index-DckPGTdM.js";import{t as P}from"./setting-row-CNfTKDjc.js";var F=r(e(),1),I=n(),L={healthy:`runtimeControlHealthy`,"starting-service":`runtimeControlStartingService`,"restarting-service":`runtimeControlRestartingService`,"stopping-service":`runtimeControlStoppingService`,"restarting-app":`runtimeControlRestartingApp`,recovering:`runtimeControlRecovering`,failed:`runtimeControlFailed`},R={running:`runtimeControlServiceRunning`,stopped:`runtimeControlServiceStopped`,starting:`runtimeControlServiceStarting`,stopping:`runtimeControlServiceStopping`,restarting:`runtimeControlServiceRestarting`},z={"desktop-embedded":`runtimeControlEnvironmentDesktop`,"managed-local-service":`runtimeControlEnvironmentManagedService`,"self-hosted-web":`runtimeControlEnvironmentSelfHosted`,"shared-web":`runtimeControlEnvironmentSharedWeb`};function B(e){return t(L[e]??`runtimeControlUnavailable`)}function V(e){return t(R[e]??`runtimeControlServiceUnknown`)}function H(e){return t(z[e.environment])}function U(e,t){return t===`start-service`?e?.canStartService:t===`stop-service`?e?.canStopService:e?.canRestartService}function W(e){return e?[{action:`start-service`,capability:e.canStartService,label:t(`runtimeControlStartService`),icon:`play`},{action:`restart-service`,capability:e.canRestartService,label:t(`runtimeControlRestartService`),icon:`rotate`},{action:`stop-service`,capability:e.canStopService,label:t(`runtimeControlStopService`),icon:`square`,variant:`destructive`},{action:`restart-app`,capability:e.canRestartApp,label:t(`runtimeControlRestartApp`),icon:`rotate`,variant:`secondary`}].filter(e=>e.capability.available||!!e.capability.reasonIfUnavailable):[]}function G(e){let{busy:t,icon:n}=e;return t?(0,I.jsx)(M,{className:`mr-2 h-4 w-4 animate-spin`}):n===`play`?(0,I.jsx)(b,{className:`mr-2 h-4 w-4`}):n===`square`?(0,I.jsx)(te,{className:`mr-2 h-4 w-4`}):(0,I.jsx)(A,{className:`mr-2 h-4 w-4`})}function K(){let{busy:e,busyAction:n,controlView:r,errorMessage:i,pendingRestart:c,visibleLifecycle:f,visibleMessage:m,visibleServiceState:g}=h(),y=W(r??void 0),b=async e=>{let n=U(r,e);if(!n?.available){s.error(p(n?.reasonIfUnavailable)??t(`runtimeControlLoadFailed`));return}if(!(e===`stop-service`&&n.requiresConfirmation&&!window.confirm(t(`runtimeControlStopServiceConfirm`))))try{let t=await v.runRuntimeControlAction(e);s.success(p(t.message)??t.message)}catch(e){let n=e instanceof Error?e.message:t(`runtimeControlActionFailed`);s.error(`${t(`runtimeControlActionFailed`)}: ${n}`)}},x=async()=>{if(!r?.canRestartApp.available){s.error(p(r?.canRestartApp.reasonIfUnavailable)??t(`runtimeRestartAppUnavailable`));return}if(window.confirm(t(`runtimeControlRestartAppConfirm`)))try{let e=await v.runRuntimeControlAction(`restart-app`);s.success(p(e.message)??e.message)}catch(e){let n=e instanceof Error?e.message:t(`runtimeControlActionFailed`);s.error(`${t(`runtimeControlActionFailed`)}: ${n}`)}};return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`runtimeControlTitle`)}),(0,I.jsx)(o,{children:t(`runtimeControlDescription`)})]}),(0,I.jsxs)(d,{className:`space-y-4`,children:[(0,I.jsxs)(`div`,{className:`space-y-3 rounded-xl border border-gray-200 bg-gray-50 p-4`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col gap-1 md:flex-row md:items-center md:justify-between`,children:[(0,I.jsx)(`div`,{className:`text-sm font-medium text-gray-900`,children:V(g)}),(0,I.jsx)(`div`,{className:`text-xs text-gray-500`,children:r?H(r):t(`runtimeControlLoading`)})]}),(0,I.jsx)(`p`,{className:`text-sm text-gray-600`,children:m}),(0,I.jsx)(`div`,{className:`text-xs text-gray-500`,children:B(f)}),r?.managementHint?(0,I.jsx)(`p`,{className:`text-xs text-gray-500`,children:p(r.managementHint)}):null,i&&!e?(0,I.jsx)(`p`,{className:`text-sm text-amber-700`,children:i}):null]}),c?(0,I.jsxs)(`div`,{className:`space-y-3 rounded-xl border border-amber-200 bg-amber-50 p-4`,children:[(0,I.jsx)(`div`,{className:`text-sm font-medium text-amber-900`,children:t(`runtimeControlPendingRestartTitle`)}),(0,I.jsx)(`p`,{className:`text-sm text-amber-800`,children:t(`runtimeControlPendingRestartDescription`)}),c.changedPaths.length>0?(0,I.jsxs)(`div`,{className:`space-y-2`,children:[(0,I.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-[0.08em] text-amber-700`,children:t(`runtimeControlPendingRestartPaths`)}),(0,I.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:c.changedPaths.map(e=>(0,I.jsx)(`span`,{className:`rounded-full border border-amber-200 bg-white px-2.5 py-1 text-xs text-amber-800`,children:e},e))})]}):null]}):null,(0,I.jsx)(`div`,{className:`flex flex-col gap-3 md:flex-row md:flex-wrap`,children:y.map(t=>(0,I.jsxs)(l,{type:`button`,variant:t.variant??`default`,onClick:()=>{if(t.action===`restart-app`){x();return}b(t.action)},disabled:!t.capability.available||e,children:[(0,I.jsx)(G,{icon:t.icon,busy:n===t.action}),t.label]},t.action))}),y.filter(e=>!e.capability.available&&e.capability.reasonIfUnavailable).map(e=>(0,I.jsx)(`p`,{className:`text-xs text-gray-500`,children:p(e.capability.reasonIfUnavailable)},`${e.action}-reason`))]})]})}function q(e){let{description:t,title:n}=e;return(0,I.jsx)(y,{tone:`neutral`,title:n,description:t})}function J(e){let{children:n}=e;return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`runtimePresenceTitle`)}),(0,I.jsx)(o,{children:t(`runtimePresenceDescription`)})]}),(0,I.jsx)(d,{children:n})]})}function Y(){let e=f().runtimeControlView?.environment,n=C(e=>e.supported),r=C(e=>e.initialized),i=C(e=>e.busyAction),a=C(e=>e.snapshot);return(0,F.useEffect)(()=>{if(e===`desktop-embedded`){D.start();return}D.markUnsupported()},[e]),e===`desktop-embedded`?(0,I.jsx)(J,{children:(0,I.jsxs)(`div`,{className:`space-y-4`,children:[(0,I.jsx)(y,{tone:`neutral`,title:t(`runtimePresenceBehaviorLabel`),description:a?.closeToBackground?t(`runtimePresenceBehaviorBackground`):t(`runtimePresenceBehaviorQuit`),className:`rounded-xl`}),!r||n&&!a?(0,I.jsx)(`p`,{className:`text-sm text-gray-500`,children:t(`runtimePresenceLoading`)}):null,a?(0,I.jsxs)(`div`,{className:`space-y-4`,children:[(0,I.jsx)(P,{title:t(`runtimePresenceCloseToBackground`),description:t(`runtimePresenceCloseToBackgroundHelp`),control:(0,I.jsx)(m,{id:`runtime-presence-close-background`,"aria-label":t(`runtimePresenceCloseToBackground`),checked:a.closeToBackground,disabled:i===`saving-preferences`,onCheckedChange:e=>{D.updatePreferences({closeToBackground:e})}})}),(0,I.jsx)(P,{title:t(`runtimePresenceLaunchAtLogin`),description:a.supportsLaunchAtLogin?t(`runtimePresenceLaunchAtLoginHelp`):a.launchAtLoginReason??t(`runtimePresenceLaunchAtLoginUnavailable`),control:(0,I.jsx)(m,{id:`runtime-presence-launch-login`,"aria-label":t(`runtimePresenceLaunchAtLogin`),checked:a.launchAtLogin,disabled:!a.supportsLaunchAtLogin||i===`saving-preferences`,onCheckedChange:e=>{D.updatePreferences({launchAtLogin:e})}})})]}):null]})}):e===`managed-local-service`?(0,I.jsx)(J,{children:(0,I.jsx)(q,{title:t(`runtimePresenceManagedLocalTitle`),description:t(`runtimePresenceManagedLocalDescription`)})}):e===`self-hosted-web`?(0,I.jsx)(J,{children:(0,I.jsx)(q,{title:t(`runtimePresenceSelfHostedTitle`),description:t(`runtimePresenceSelfHostedDescription`)})}):e===`shared-web`?(0,I.jsx)(J,{children:(0,I.jsx)(q,{title:t(`runtimePresenceSharedTitle`),description:t(`runtimePresenceSharedDescription`)})}):(0,I.jsx)(J,{children:(0,I.jsx)(`p`,{className:`text-sm text-gray-500`,children:t(`runtimePresenceLoading`)})})}function X(){return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(g,{title:t(`runtimePageTitle`),description:t(`runtimePageDescription`)}),(0,I.jsx)(K,{}),(0,I.jsx)(Y,{}),(0,I.jsx)(ee,{})]})}var Z={wireDialect:`acp`,processScope:`per-session`,command:``,args:[`acp`],env:{},cwd:``,startupTimeoutMs:8e3,probeTimeoutMs:3e3,requestTimeoutMs:12e4};function re(){return{id:``,default:!1,workspace:``,model:``,runtime:``,contextTokens:void 0,maxToolIterations:void 0}}function ie(){return{agentId:``,match:{channel:``,accountId:``}}}function ae(){return{id:``,enabled:!0,label:``,type:`narp-stdio`,config:Z,configText:JSON.stringify(Z,null,2)}}function oe(e){return{id:e.id??``,default:!!e.default,displayName:e.displayName??``,description:e.description??``,avatar:e.avatar??``,workspace:e.workspace??``,model:e.model??``,runtime:e.runtime??e.engine??``,contextTokens:e.contextTokens,maxToolIterations:e.maxToolIterations}}function se(e){return{agentId:e.agentId??``,match:{channel:e.match?.channel??``,accountId:e.match?.accountId??``,peer:e.match?.peer?{kind:e.match.peer.kind,id:e.match.peer.id}:void 0}}}function Q(e){let t=e.trim();if(!t)return;let n=Number.parseInt(t,10);return Number.isFinite(n)?n:void 0}function ce(e){return{companionEnabled:e.companion?.enabled===!0,agents:(e.agents.list??[]).map(oe),bindings:(e.bindings??[]).map(se),runtimeEntries:Object.entries(e.agents.runtimes?.entries??{}).map(([e,t])=>({id:e,enabled:t.enabled!==!1,label:t.label??``,type:t.type,config:t.config??{},configText:JSON.stringify(t.config??{},null,2)})),dmScope:e.session?.dmScope??`per-channel-peer`,defaultContextTokens:e.agents.defaults.contextTokens??2e5,defaultEngine:e.agents.defaults.engine??`native`}}function le(e){let t={id:e.id.trim()};e.default&&(t.default=!0),e.displayName?.trim()&&(t.displayName=e.displayName.trim()),e.description?.trim()&&(t.description=e.description.trim()),e.avatar?.trim()&&(t.avatar=e.avatar.trim()),e.workspace?.trim()&&(t.workspace=e.workspace.trim()),e.model?.trim()&&(t.model=e.model.trim());let n=e.runtime?.trim()??e.engine?.trim();return n&&(t.engine=n),typeof e.contextTokens==`number`&&(t.contextTokens=Math.max(1e3,e.contextTokens)),typeof e.maxToolIterations==`number`&&(t.maxToolIterations=e.maxToolIterations),t}function $(e){let n=e.agents.map((e,n)=>{if(!e.id.trim())throw Error(t(`agentIdRequiredError`).replace(`{index}`,String(n)));return le(e)}),r=n.map(e=>e.id).filter((e,t,n)=>n.indexOf(e)!==t);if(r.length>0)throw Error(`${t(`duplicateAgentId`)}: ${r[0]}`);let i=e.bindings.map((n,r)=>{let i=n.agentId.trim(),a=n.match.channel.trim(),o=n.match.accountId?.trim()??``,s=n.match.peer?.kind,c=n.match.peer?.id?.trim()??``;if(!i)throw Error(t(`bindingAgentIdRequired`).replace(`{index}`,String(r)));if(!e.knownAgentIds.has(i))throw Error(`${t(`bindingAgentIdNotFound`).replace(`{index}`,String(r))}: ${i}`);if(!a)throw Error(t(`bindingChannelRequired`).replace(`{index}`,String(r)));let l={agentId:i,match:{channel:a}};if(o&&(l.match.accountId=o),s){if(!c)throw Error(t(`bindingPeerIdRequired`).replace(`{index}`,String(r)));l.match.peer={kind:s,id:c}}return l}),a=e.runtimeEntries.reduce((e,n,r)=>{let i=n.id.trim(),a=n.type.trim();if(!i)throw Error(t(`runtimeEntryIdRequired`).replace(`{index}`,String(r)));if(!a)throw Error(t(`runtimeEntryTypeRequired`).replace(`{id}`,i));if(e[i])throw Error(`${t(`runtimeEntryDuplicate`)}: ${i}`);let o=n.configText.trim()?JSON.parse(n.configText):{};if(o&&(typeof o!=`object`||Array.isArray(o)))throw Error(t(`runtimeEntryConfigObjectRequired`).replace(`{id}`,i));return e[i]={enabled:n.enabled!==!1,...n.label?.trim()?{label:n.label.trim()}:{},type:a,config:o??{}},e},{});return{companion:{enabled:e.companionEnabled},agents:{defaults:{contextTokens:Math.max(1e3,e.defaultContextTokens),engine:e.defaultEngine.trim()||`native`},list:n,runtimes:{entries:a}},bindings:i,session:{dmScope:e.dmScope}}}function ue(e){return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`agentList`)}),(0,I.jsx)(o,{children:t(`agentListHelp`)})]}),(0,I.jsxs)(d,{className:`space-y-3`,children:[e.agents.map((n,r)=>(0,I.jsxs)(`div`,{className:`rounded-xl border border-gray-200 p-3 space-y-3`,children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-3`,children:[(0,I.jsx)(c,{value:n.id,onChange:t=>e.onUpdateAgent(r,{id:t.target.value}),placeholder:t(`agentIdPlaceholder`)}),(0,I.jsx)(c,{value:n.workspace??``,onChange:t=>e.onUpdateAgent(r,{workspace:t.target.value}),placeholder:t(`workspaceOverridePlaceholder`)}),(0,I.jsx)(c,{value:n.model??``,onChange:t=>e.onUpdateAgent(r,{model:t.target.value}),placeholder:t(`modelOverridePlaceholder`)}),(0,I.jsx)(c,{value:n.runtime??n.engine??``,onChange:t=>e.onUpdateAgent(r,{runtime:t.target.value}),placeholder:t(`engineOverridePlaceholder`)}),(0,I.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-2`,children:[(0,I.jsx)(c,{type:`number`,min:1e3,step:1e3,value:n.contextTokens??``,onChange:t=>e.onUpdateAgent(r,{contextTokens:Q(t.target.value)}),placeholder:t(`contextTokensPlaceholder`)}),(0,I.jsx)(c,{type:`number`,min:1,value:n.maxToolIterations??``,onChange:t=>e.onUpdateAgent(r,{maxToolIterations:Q(t.target.value)}),placeholder:t(`maxToolsPlaceholder`)})]})]}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-gray-600`,children:[(0,I.jsx)(m,{checked:!!n.default,onCheckedChange:t=>e.onSetDefaultAgent(r,t)}),(0,I.jsx)(`span`,{children:t(`defaultAgent`)})]}),(0,I.jsxs)(l,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>e.onRemoveAgent(r),children:[(0,I.jsx)(E,{className:`h-4 w-4 mr-1`}),t(`remove`)]})]})]},`${r}-${n.id}`)),(0,I.jsxs)(l,{type:`button`,variant:`outline`,onClick:e.onAddAgent,children:[(0,I.jsx)(x,{className:`h-4 w-4 mr-2`}),t(`addAgent`)]})]})]})}function de(e){return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`bindings`)}),(0,I.jsx)(o,{children:t(`bindingsHelp`)})]}),(0,I.jsxs)(d,{className:`space-y-3`,children:[e.bindings.map((n,r)=>{let i=n.match.peer?.kind??``;return(0,I.jsxs)(`div`,{className:`rounded-xl border border-gray-200 p-3 space-y-3`,children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3`,children:[(0,I.jsx)(c,{value:n.agentId,onChange:t=>e.onUpdateBinding(r,{...n,agentId:t.target.value}),placeholder:t(`targetAgentIdPlaceholder`)}),(0,I.jsx)(c,{value:n.match.channel,onChange:t=>e.onUpdateBinding(r,{...n,match:{...n.match,channel:t.target.value}}),placeholder:t(`channelPlaceholder`)}),(0,I.jsx)(c,{value:n.match.accountId??``,onChange:t=>e.onUpdateBinding(r,{...n,match:{...n.match,accountId:t.target.value}}),placeholder:t(`accountIdOptionalPlaceholder`)}),(0,I.jsxs)(T,{value:i||`__none__`,onValueChange:t=>{let i=t===`__none__`?``:t;e.onUpdateBinding(r,i?{...n,match:{...n.match,peer:{kind:i,id:n.match.peer?.id??``}}}:{...n,match:{...n.match,peer:void 0}})},children:[(0,I.jsx)(k,{children:(0,I.jsx)(O,{})}),(0,I.jsxs)(N,{children:[(0,I.jsx)(w,{value:`__none__`,children:t(`peerKindOptional`)}),(0,I.jsx)(w,{value:`direct`,children:t(`peerKindDirect`)}),(0,I.jsx)(w,{value:`group`,children:t(`peerKindGroup`)}),(0,I.jsx)(w,{value:`channel`,children:t(`peerKindChannel`)})]})]}),(0,I.jsx)(c,{value:n.match.peer?.id??``,onChange:t=>e.onUpdateBinding(r,{...n,match:{...n.match,peer:i?{kind:i,id:t.target.value}:void 0}}),placeholder:t(`peerIdPlaceholder`)})]}),(0,I.jsx)(`div`,{className:`flex justify-end`,children:(0,I.jsxs)(l,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>e.onRemoveBinding(r),children:[(0,I.jsx)(E,{className:`h-4 w-4 mr-1`}),t(`remove`)]})})]},`${r}-${n.agentId}`)}),(0,I.jsxs)(l,{type:`button`,variant:`outline`,onClick:e.onAddBinding,children:[(0,I.jsx)(x,{className:`h-4 w-4 mr-2`}),t(`addBinding`)]})]})]})}function fe(e){return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`runtimeEntries`)}),(0,I.jsx)(o,{children:t(`runtimeEntriesHelp`)})]}),(0,I.jsxs)(d,{className:`space-y-3`,children:[e.entries.map((n,r)=>(0,I.jsxs)(`div`,{className:`rounded-xl border border-gray-200 p-3 space-y-3`,children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-3`,children:[(0,I.jsx)(c,{value:n.id,onChange:t=>e.onUpdateEntry(r,{id:t.target.value}),placeholder:t(`runtimeEntryIdPlaceholder`)}),(0,I.jsx)(c,{value:n.label??``,onChange:t=>e.onUpdateEntry(r,{label:t.target.value}),placeholder:t(`runtimeEntryLabelPlaceholder`)}),(0,I.jsx)(c,{value:n.type,onChange:t=>e.onUpdateEntry(r,{type:t.target.value}),placeholder:t(`runtimeEntryTypePlaceholder`)}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between rounded-lg border border-gray-200 px-3 py-2`,children:[(0,I.jsx)(`span`,{className:`text-sm text-gray-700`,children:t(`enabled`)}),(0,I.jsx)(m,{checked:n.enabled!==!1,onCheckedChange:t=>e.onUpdateEntry(r,{enabled:t})})]})]}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[(0,I.jsx)(`label`,{className:`text-sm font-medium text-gray-800`,children:t(`runtimeEntryConfigJson`)}),(0,I.jsx)(`textarea`,{className:`min-h-32 w-full rounded-md border border-gray-200 px-3 py-2 text-sm font-mono`,value:n.configText,onChange:t=>e.onUpdateEntry(r,{configText:t.target.value}),spellCheck:!1})]}),(0,I.jsx)(`div`,{className:`flex justify-end`,children:(0,I.jsxs)(l,{type:`button`,variant:`outline`,onClick:()=>e.onRemoveEntry(r),children:[(0,I.jsx)(E,{className:`mr-2 h-4 w-4`}),t(`delete`)]})})]},`${r}-${n.id||`runtime-entry`}`)),(0,I.jsxs)(l,{type:`button`,variant:`outline`,onClick:e.onAddEntry,children:[(0,I.jsx)(x,{className:`mr-2 h-4 w-4`}),t(`addRuntimeEntry`)]})]})]})}var pe=[{value:`main`,labelKey:`dmScopeMain`},{value:`per-peer`,labelKey:`dmScopePerPeer`},{value:`per-channel-peer`,labelKey:`dmScopePerChannelPeer`},{value:`per-account-channel-peer`,labelKey:`dmScopePerAccountChannelPeer`}];function me(e){return(0,I.jsxs)(_,{children:[(0,I.jsxs)(a,{children:[(0,I.jsx)(u,{children:t(`dmScope`)}),(0,I.jsx)(o,{children:t(`dmScopeHelp`)})]}),(0,I.jsxs)(d,{className:`space-y-4`,children:[(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-4 rounded-md border border-gray-200 px-4 py-3`,children:[(0,I.jsxs)(`div`,{className:`space-y-1`,children:[(0,I.jsx)(`div`,{className:`text-sm font-medium text-gray-800`,children:t(`runtimeCompanionEnabled`)}),(0,I.jsx)(`p`,{className:`text-xs text-gray-500`,children:t(`runtimeCompanionEnabledHelp`)})]}),(0,I.jsx)(m,{checked:e.companionEnabled,onCheckedChange:e.onCompanionEnabledChange})]}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[(0,I.jsx)(`label`,{className:`text-sm font-medium text-gray-800`,children:t(`defaultContextTokens`)}),(0,I.jsx)(c,{type:`number`,min:1e3,step:1e3,value:e.defaultContextTokens,onChange:t=>e.onDefaultContextTokensChange(Math.max(1e3,Number.parseInt(t.target.value,10)||1e3))}),(0,I.jsx)(`p`,{className:`text-xs text-gray-500`,children:t(`defaultContextTokensHelp`)})]}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[(0,I.jsx)(`label`,{className:`text-sm font-medium text-gray-800`,children:t(`defaultEngine`)}),(0,I.jsx)(c,{value:e.defaultEngine,onChange:t=>e.onDefaultEngineChange(t.target.value),placeholder:t(`defaultEnginePlaceholder`)}),(0,I.jsx)(`p`,{className:`text-xs text-gray-500`,children:t(`defaultEngineHelp`)})]}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[(0,I.jsx)(`label`,{className:`text-sm font-medium text-gray-800`,children:t(`dmScope`)}),(0,I.jsxs)(T,{value:e.dmScope,onValueChange:t=>e.onDmScopeChange(t),children:[(0,I.jsx)(k,{children:(0,I.jsx)(O,{})}),(0,I.jsx)(N,{children:pe.map(e=>(0,I.jsx)(w,{value:e.value,children:t(e.labelKey)},e.value))})]})]})]})]})}function he(e){let n=(0,F.useMemo)(()=>ce(e.config),[e.config]),[r,a]=(0,F.useState)(n.agents),[o,c]=(0,F.useState)(n.bindings),[u,d]=(0,F.useState)(n.runtimeEntries),[f,p]=(0,F.useState)(n.dmScope),[m,h]=(0,F.useState)(n.companionEnabled),[g,_]=(0,F.useState)(n.defaultContextTokens),[v,y]=(0,F.useState)(n.defaultEngine),b=(0,F.useMemo)(()=>{let e=new Set([`main`]);return r.forEach(t=>{let n=t.id.trim();n&&e.add(n)}),e},[r]);return(0,I.jsxs)(i,{className:`space-y-6`,children:[(0,I.jsx)(X,{}),(0,I.jsx)(me,{companionEnabled:m,dmScope:f,defaultContextTokens:g,defaultEngine:v,onCompanionEnabledChange:h,onDmScopeChange:p,onDefaultContextTokensChange:_,onDefaultEngineChange:y}),(0,I.jsx)(fe,{entries:u,onUpdateEntry:(e,t)=>d(n=>n.map((n,r)=>r===e?{...n,...t}:n)),onRemoveEntry:e=>d(t=>t.filter((t,n)=>n!==e)),onAddEntry:()=>d(e=>[...e,ae()])}),(0,I.jsx)(ue,{agents:r,onUpdateAgent:(e,t)=>{a(n=>n.map((n,r)=>r===e?{...n,...t}:n))},onRemoveAgent:e=>a(t=>t.filter((t,n)=>n!==e)),onAddAgent:()=>a(e=>[...e,re()]),onSetDefaultAgent:(e,t)=>a(n=>t?n.map((t,n)=>({...t,default:n===e})):n.map((t,n)=>n===e?{...t,default:!1}:t))}),(0,I.jsx)(de,{bindings:o,onUpdateBinding:(e,t)=>{c(n=>n.map((n,r)=>r===e?t:n))},onRemoveBinding:e=>c(t=>t.filter((t,n)=>n!==e)),onAddBinding:()=>c(e=>[...e,ie()])}),(0,I.jsx)(`div`,{className:`flex justify-end`,children:(0,I.jsxs)(l,{type:`button`,onClick:()=>{try{let t=$({companionEnabled:m,agents:r,bindings:o,runtimeEntries:u,dmScope:f,defaultContextTokens:g,defaultEngine:v,knownAgentIds:b});e.updateRuntime.mutate({data:t})}catch(e){s.error(e instanceof Error?e.message:String(e))}},disabled:e.updateRuntime.isPending,children:[(0,I.jsx)(S,{className:`h-4 w-4 mr-2`}),e.updateRuntime.isPending?t(`saving`):t(`saveRuntimeSettings`)]})})]})}function ge(){let{data:e,isLoading:n}=j(),r=ne();return n||!e?(0,I.jsx)(`div`,{className:`p-8 text-gray-400`,children:t(`runtimeLoading`)}):(0,I.jsx)(he,{config:e,updateRuntime:r})}export{ge as RuntimeConfig};

package/dist/assets/{save-B6wbBLkU.js → save-CG4Hb1u8.js}

@@ -1 +1 @@
-import{t as e}from"./createLucideIcon-Cwr2o6Zq.js";var t=e(`Save`,[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`,key:`1c8476`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`,key:`1ydtos`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`,key:`t51u73`}]]);export{t};
+import{t as e}from"./createLucideIcon-CA0sgoMJ.js";var t=e(`Save`,[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`,key:`1c8476`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`,key:`1ydtos`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`,key:`t51u73`}]]);export{t};

package/dist/assets/{search-config-BFmG4_F7.js → search-config-DUOR26if.js}

@@ -1 +1 @@
-import{_ as e,m as t,p as n,r}from"./i18n-tWKGEGxB.js";import{At as i,Mt as a,Nt as o,jt as s,kt as c}from"./api-D3uoaOR8.js";import{t as l}from"./search-Czito3Dk.js";import{a as u,i as d,n as f,r as p,t as m}from"./select-CmmDgG8o.js";import{t as h}from"./external-link-CZ9bQY0L.js";import{t as g}from"./key-round-B8tTb3ZJ.js";import{Ct as _,Dt as v,it as y,rt as b}from"./index-DPz9DRZN.js";import{a as x,c as S,i as C,n as w,o as T,s as E,t as D}from"./config-split-page-Dutq3R5o.js";var O=e(t(),1),k=n(),A=[{value:`noLimit`,label:`searchFreshnessNoLimit`},{value:`oneDay`,label:`searchFreshnessOneDay`},{value:`oneWeek`,label:`searchFreshnessOneWeek`},{value:`oneMonth`,label:`searchFreshnessOneMonth`},{value:`oneYear`,label:`searchFreshnessOneYear`}],j=[{value:`basic`,label:`searchDepthBasic`},{value:`advanced`,label:`searchDepthAdvanced`}],M=[{value:`true`,label:`enabled`},{value:`false`,label:`disabled`}],N={bocha:`searchProviderBochaDescription`,tavily:`searchProviderTavilyDescription`,brave:`searchProviderBraveDescription`};function P(e){return{activeProvider:e.provider,enabledProviders:e.enabledProviders,maxResults:String(e.defaults.maxResults),providers:{bocha:{apiKey:``,baseUrl:e.providers.bocha.baseUrl,summary:!!e.providers.bocha.summary,freshness:e.providers.bocha.freshness??`noLimit`},tavily:{apiKey:``,baseUrl:e.providers.tavily.baseUrl,searchDepth:e.providers.tavily.searchDepth??`basic`,includeAnswer:!!e.providers.tavily.includeAnswer},brave:{apiKey:``,baseUrl:e.providers.brave.baseUrl}}}}function F(e){return{provider:e.activeProvider,enabledProviders:e.enabledProviders,defaults:{maxResults:Number(e.maxResults)||10},providers:{bocha:{apiKey:e.providers.bocha.apiKey||void 0,baseUrl:e.providers.bocha.baseUrl,summary:e.providers.bocha.summary,freshness:e.providers.bocha.freshness},tavily:{apiKey:e.providers.tavily.apiKey||void 0,baseUrl:e.providers.tavily.baseUrl,searchDepth:e.providers.tavily.searchDepth,includeAnswer:e.providers.tavily.includeAnswer},brave:{apiKey:e.providers.brave.apiKey||void 0,baseUrl:e.providers.brave.baseUrl}}}}function I(e){let{label:t,value:n,onChange:r,placeholder:i,type:o=`text`,inputMode:c}=e;return(0,k.jsxs)(`div`,{className:`space-y-2`,children:[(0,k.jsx)(s,{children:t}),(0,k.jsx)(a,{type:o,value:n,onChange:e=>r(e.target.value),placeholder:i,inputMode:c,className:`rounded-xl`})]})}function L(e){let{label:t,value:n,options:i,onChange:a}=e;return(0,k.jsxs)(`div`,{className:`space-y-2`,children:[(0,k.jsx)(s,{children:t}),(0,k.jsxs)(m,{value:n,onValueChange:a,children:[(0,k.jsx)(d,{className:`rounded-xl`,children:(0,k.jsx)(u,{})}),(0,k.jsx)(f,{children:i.map(e=>(0,k.jsx)(p,{value:e.value,children:r(e.label)},e.value))})]})]})}function R({docsUrl:e}){return e?(0,k.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,children:(0,k.jsxs)(o,{type:`button`,variant:`outline`,className:`rounded-xl`,children:[(0,k.jsx)(h,{className:`mr-2 h-4 w-4`}),r(`searchProviderOpenDocs`)]})}):null}function z(e){let{draft:t,provider:n,search:i,selectedDocsUrl:a,updateProviderDraft:o}=e;if(n===`bocha`){let{bocha:e}=t.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:r(`apiKey`),value:e.apiKey,onChange:e=>o(`bocha`,{apiKey:e}),placeholder:i.providers.bocha.apiKeyMasked||r(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:r(`searchProviderBaseUrl`),value:e.baseUrl,onChange:e=>o(`bocha`,{baseUrl:e})}),(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:r(`searchProviderSummary`),value:e.summary?`true`:`false`,options:M,onChange:e=>o(`bocha`,{summary:e===`true`})}),(0,k.jsx)(L,{label:r(`searchProviderFreshness`),value:e.freshness,options:A,onChange:e=>o(`bocha`,{freshness:e})})]}),(0,k.jsx)(R,{docsUrl:a??`https://open.bocha.cn`})]})}if(n===`tavily`){let{tavily:e}=t.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:r(`apiKey`),value:e.apiKey,onChange:e=>o(`tavily`,{apiKey:e}),placeholder:i.providers.tavily.apiKeyMasked||r(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:r(`searchProviderBaseUrl`),value:e.baseUrl,onChange:e=>o(`tavily`,{baseUrl:e})}),(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:r(`searchProviderSearchDepth`),value:e.searchDepth,options:j,onChange:e=>o(`tavily`,{searchDepth:e})}),(0,k.jsx)(L,{label:r(`searchProviderIncludeAnswer`),value:e.includeAnswer?`true`:`false`,options:M,onChange:e=>o(`tavily`,{includeAnswer:e===`true`})})]}),(0,k.jsx)(R,{docsUrl:a})]})}let{brave:s}=t.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:r(`apiKey`),value:s.apiKey,onChange:e=>o(`brave`,{apiKey:e}),placeholder:i.providers.brave.apiKeyMasked||r(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:r(`searchProviderBaseUrl`),value:s.baseUrl,onChange:e=>o(`brave`,{baseUrl:e})})]})}function B(e){let{draft:t,providers:n,search:i,selectedProvider:a,onSelect:o}=e;return(0,k.jsxs)(x,{children:[(0,k.jsx)(S,{className:`px-4 py-4`,children:(0,k.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-gray-500`,children:r(`searchChannels`)})}),(0,k.jsx)(T,{className:`space-y-2 p-3`,children:n.map(e=>{let n=i.providers[e.name],s=t.enabledProviders.includes(e.name);return(0,k.jsx)(D,{onClick:()=>o(e.name),active:a===e.name,className:`p-3`,children:(0,k.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,k.jsxs)(`div`,{className:`min-w-0`,children:[(0,k.jsx)(`p`,{className:`truncate text-sm font-semibold text-gray-900`,children:e.displayName}),(0,k.jsx)(`p`,{className:`line-clamp-2 text-[11px] text-gray-500`,children:r(N[e.name])})]}),(0,k.jsxs)(`div`,{className:`flex flex-col items-end gap-1`,children:[(0,k.jsx)(`span`,{className:`rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600`,children:n.apiKeySet?r(`searchStatusConfigured`):r(`searchStatusNeedsSetup`)}),s?(0,k.jsx)(`span`,{className:`rounded-full bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700`,children:r(`searchProviderActivated`)}):null]})]})},e.name)})})]})}function V(e){let{initialDraft:t,providers:n,search:i,onSubmit:a,isPending:s}=e,{isMobile:c}=v(),[u,d]=(0,O.useState)(c?null:i.provider),[f,p]=(0,O.useState)(t),m=u&&n.some(e=>e.name===u)?u:c?null:i.provider,h=n.find(e=>e.name===m)??null,_=m?i.providers[m]:null,y=m?f.enabledProviders.includes(m):!1,b=_?.docsUrl??h?.docsUrl;return(0,k.jsxs)(C,{className:`xl:min-h-0`,mobileView:c?m?`detail`:`list`:void 0,onMobileBack:()=>d(null),mobileListLabel:r(`searchPageTitle`),children:[(0,k.jsx)(B,{draft:f,providers:n,search:i,selectedProvider:m??i.provider,onSelect:d}),h?(0,k.jsx)(x,{children:(0,k.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),a(f)},className:`flex min-h-0 flex-1 flex-col`,children:[(0,k.jsx)(S,{className:`px-6 py-5`,children:(0,k.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,k.jsx)(`div`,{className:`flex h-10 w-10 items-center justify-center rounded-xl bg-primary text-white`,children:(0,k.jsx)(l,{className:`h-5 w-5`})}),(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`h3`,{className:`text-lg font-semibold text-gray-900`,children:h.displayName}),(0,k.jsx)(`p`,{className:`text-sm text-gray-500`,children:h.description})]})]}),(0,k.jsx)(o,{type:`button`,variant:y?`secondary`:`outline`,className:`rounded-xl`,onClick:()=>{let e=y?f.enabledProviders.filter(e=>e!==m):m?[...f.enabledProviders,m]:f.enabledProviders,t={...f,enabledProviders:e};p(t),a(t)},children:r(y?`searchProviderDeactivate`:`searchProviderActivate`)})]})}),(0,k.jsxs)(T,{className:`space-y-6 px-6 py-5`,children:[(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:r(`searchActiveProvider`),value:f.activeProvider,options:n.map(e=>({value:e.name,label:e.displayName})),onChange:e=>p({...f,activeProvider:e})}),(0,k.jsx)(I,{label:r(`searchDefaultMaxResults`),value:f.maxResults,onChange:e=>p({...f,maxResults:e}),inputMode:`numeric`})]}),(0,k.jsx)(z,{draft:f,provider:m,search:i,selectedDocsUrl:b,updateProviderDraft:(e,t)=>{p(n=>({...n,providers:{...n.providers,[e]:{...n.providers[e],...t}}}))}})]}),(0,k.jsx)(E,{className:`flex justify-end px-6 py-4`,children:(0,k.jsxs)(o,{type:`submit`,disabled:s,children:[(0,k.jsx)(g,{className:`mr-2 h-4 w-4`}),r(s?`saving`:`saveChanges`)]})})]})}):(0,k.jsx)(w,{children:(0,k.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`searchNoProviderSelected`)})})]})}function H(){let{data:e}=b(),{data:t}=y(),n=_(),a=t?.search??[],o=e?.search;return!o||a.length===0?(0,k.jsx)(`div`,{className:`p-8`,children:r(`loading`)}):(0,k.jsxs)(i,{className:`pb-0 xl:flex xl:h-full xl:min-h-0 xl:flex-col`,children:[(0,k.jsx)(c,{title:r(`searchPageTitle`),description:r(`searchPageDescription`)}),(0,k.jsx)(V,{initialDraft:P(o),providers:a,search:o,onSubmit:e=>n.mutate({data:F(e)}),isPending:n.isPending},JSON.stringify(o))]})}export{H as SearchConfig};
+import{h as e,i as t,m as n,v as r}from"./react-BaRotFd6.js";import{At as i,Mt as a,Nt as o,jt as s,kt as c}from"./api-BTZui7nj.js";import{t as l}from"./search-lWpOIHEn.js";import{t as u}from"./external-link-C9fbyi6k.js";import{J as d,K as f,X as p,Y as m,bt as h,et as g,q as _,rn as v,tt as y,wt as b}from"./index-DckPGTdM.js";import{a as x,c as S,i as C,n as w,o as T,s as E,t as D}from"./config-split-page-DW8tP9Bc.js";var O=r(e(),1),k=n(),A=[{value:`noLimit`,label:`searchFreshnessNoLimit`},{value:`oneDay`,label:`searchFreshnessOneDay`},{value:`oneWeek`,label:`searchFreshnessOneWeek`},{value:`oneMonth`,label:`searchFreshnessOneMonth`},{value:`oneYear`,label:`searchFreshnessOneYear`}],j=[{value:`basic`,label:`searchDepthBasic`},{value:`advanced`,label:`searchDepthAdvanced`}],M=[{value:`true`,label:`enabled`},{value:`false`,label:`disabled`}],N={bocha:`searchProviderBochaDescription`,tavily:`searchProviderTavilyDescription`,brave:`searchProviderBraveDescription`};function P(e){return{activeProvider:e.provider,enabledProviders:e.enabledProviders,maxResults:String(e.defaults.maxResults),providers:{bocha:{apiKey:``,baseUrl:e.providers.bocha.baseUrl,summary:!!e.providers.bocha.summary,freshness:e.providers.bocha.freshness??`noLimit`},tavily:{apiKey:``,baseUrl:e.providers.tavily.baseUrl,searchDepth:e.providers.tavily.searchDepth??`basic`,includeAnswer:!!e.providers.tavily.includeAnswer},brave:{apiKey:``,baseUrl:e.providers.brave.baseUrl}}}}function F(e){return{provider:e.activeProvider,enabledProviders:e.enabledProviders,defaults:{maxResults:Number(e.maxResults)||10},providers:{bocha:{apiKey:e.providers.bocha.apiKey||void 0,baseUrl:e.providers.bocha.baseUrl,summary:e.providers.bocha.summary,freshness:e.providers.bocha.freshness},tavily:{apiKey:e.providers.tavily.apiKey||void 0,baseUrl:e.providers.tavily.baseUrl,searchDepth:e.providers.tavily.searchDepth,includeAnswer:e.providers.tavily.includeAnswer},brave:{apiKey:e.providers.brave.apiKey||void 0,baseUrl:e.providers.brave.baseUrl}}}}function I(e){let{label:t,value:n,onChange:r,placeholder:i,type:o=`text`,inputMode:c}=e;return(0,k.jsxs)(`div`,{className:`space-y-2`,children:[(0,k.jsx)(s,{children:t}),(0,k.jsx)(a,{type:o,value:n,onChange:e=>r(e.target.value),placeholder:i,inputMode:c,className:`rounded-xl`})]})}function L(e){let{label:n,value:r,options:i,onChange:a}=e;return(0,k.jsxs)(`div`,{className:`space-y-2`,children:[(0,k.jsx)(s,{children:n}),(0,k.jsxs)(f,{value:r,onValueChange:a,children:[(0,k.jsx)(m,{className:`rounded-xl`,children:(0,k.jsx)(p,{})}),(0,k.jsx)(_,{children:i.map(e=>(0,k.jsx)(d,{value:e.value,children:t(e.label)},e.value))})]})]})}function R({docsUrl:e}){return e?(0,k.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,children:(0,k.jsxs)(o,{type:`button`,variant:`outline`,className:`rounded-xl`,children:[(0,k.jsx)(u,{className:`mr-2 h-4 w-4`}),t(`searchProviderOpenDocs`)]})}):null}function z(e){let{draft:n,provider:r,search:i,selectedDocsUrl:a,updateProviderDraft:o}=e;if(r===`bocha`){let{bocha:e}=n.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:t(`apiKey`),value:e.apiKey,onChange:e=>o(`bocha`,{apiKey:e}),placeholder:i.providers.bocha.apiKeyMasked||t(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:t(`searchProviderBaseUrl`),value:e.baseUrl,onChange:e=>o(`bocha`,{baseUrl:e})}),(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:t(`searchProviderSummary`),value:e.summary?`true`:`false`,options:M,onChange:e=>o(`bocha`,{summary:e===`true`})}),(0,k.jsx)(L,{label:t(`searchProviderFreshness`),value:e.freshness,options:A,onChange:e=>o(`bocha`,{freshness:e})})]}),(0,k.jsx)(R,{docsUrl:a??`https://open.bocha.cn`})]})}if(r===`tavily`){let{tavily:e}=n.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:t(`apiKey`),value:e.apiKey,onChange:e=>o(`tavily`,{apiKey:e}),placeholder:i.providers.tavily.apiKeyMasked||t(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:t(`searchProviderBaseUrl`),value:e.baseUrl,onChange:e=>o(`tavily`,{baseUrl:e})}),(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:t(`searchProviderSearchDepth`),value:e.searchDepth,options:j,onChange:e=>o(`tavily`,{searchDepth:e})}),(0,k.jsx)(L,{label:t(`searchProviderIncludeAnswer`),value:e.includeAnswer?`true`:`false`,options:M,onChange:e=>o(`tavily`,{includeAnswer:e===`true`})})]}),(0,k.jsx)(R,{docsUrl:a})]})}let{brave:s}=n.providers;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(I,{label:t(`apiKey`),value:s.apiKey,onChange:e=>o(`brave`,{apiKey:e}),placeholder:i.providers.brave.apiKeyMasked||t(`enterApiKey`),type:`password`}),(0,k.jsx)(I,{label:t(`searchProviderBaseUrl`),value:s.baseUrl,onChange:e=>o(`brave`,{baseUrl:e})})]})}function B(e){let{draft:n,providers:r,search:i,selectedProvider:a,onSelect:o}=e;return(0,k.jsxs)(x,{children:[(0,k.jsx)(S,{className:`px-4 py-4`,children:(0,k.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-gray-500`,children:t(`searchChannels`)})}),(0,k.jsx)(T,{className:`space-y-2 p-3`,children:r.map(e=>{let r=i.providers[e.name],s=n.enabledProviders.includes(e.name);return(0,k.jsx)(D,{onClick:()=>o(e.name),active:a===e.name,className:`p-3`,children:(0,k.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,k.jsxs)(`div`,{className:`min-w-0`,children:[(0,k.jsx)(`p`,{className:`truncate text-sm font-semibold text-gray-900`,children:e.displayName}),(0,k.jsx)(`p`,{className:`line-clamp-2 text-[11px] text-gray-500`,children:t(N[e.name])})]}),(0,k.jsxs)(`div`,{className:`flex flex-col items-end gap-1`,children:[(0,k.jsx)(`span`,{className:`rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600`,children:r.apiKeySet?t(`searchStatusConfigured`):t(`searchStatusNeedsSetup`)}),s?(0,k.jsx)(`span`,{className:`rounded-full bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700`,children:t(`searchProviderActivated`)}):null]})]})},e.name)})})]})}function V(e){let{initialDraft:n,providers:r,search:i,onSubmit:a,isPending:s}=e,{isMobile:c}=b(),[u,d]=(0,O.useState)(c?null:i.provider),[f,p]=(0,O.useState)(n),m=u&&r.some(e=>e.name===u)?u:c?null:i.provider,h=r.find(e=>e.name===m)??null,g=m?i.providers[m]:null,_=m?f.enabledProviders.includes(m):!1,y=g?.docsUrl??h?.docsUrl;return(0,k.jsxs)(C,{className:`xl:min-h-0`,mobileView:c?m?`detail`:`list`:void 0,onMobileBack:()=>d(null),mobileListLabel:t(`searchPageTitle`),children:[(0,k.jsx)(B,{draft:f,providers:r,search:i,selectedProvider:m??i.provider,onSelect:d}),h?(0,k.jsx)(x,{children:(0,k.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),a(f)},className:`flex min-h-0 flex-1 flex-col`,children:[(0,k.jsx)(S,{className:`px-6 py-5`,children:(0,k.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,k.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,k.jsx)(`div`,{className:`flex h-10 w-10 items-center justify-center rounded-xl bg-primary text-white`,children:(0,k.jsx)(l,{className:`h-5 w-5`})}),(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`h3`,{className:`text-lg font-semibold text-gray-900`,children:h.displayName}),(0,k.jsx)(`p`,{className:`text-sm text-gray-500`,children:h.description})]})]}),(0,k.jsx)(o,{type:`button`,variant:_?`secondary`:`outline`,className:`rounded-xl`,onClick:()=>{let e=_?f.enabledProviders.filter(e=>e!==m):m?[...f.enabledProviders,m]:f.enabledProviders,t={...f,enabledProviders:e};p(t),a(t)},children:t(_?`searchProviderDeactivate`:`searchProviderActivate`)})]})}),(0,k.jsxs)(T,{className:`space-y-6 px-6 py-5`,children:[(0,k.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,k.jsx)(L,{label:t(`searchActiveProvider`),value:f.activeProvider,options:r.map(e=>({value:e.name,label:e.displayName})),onChange:e=>p({...f,activeProvider:e})}),(0,k.jsx)(I,{label:t(`searchDefaultMaxResults`),value:f.maxResults,onChange:e=>p({...f,maxResults:e}),inputMode:`numeric`})]}),(0,k.jsx)(z,{draft:f,provider:m,search:i,selectedDocsUrl:y,updateProviderDraft:(e,t)=>{p(n=>({...n,providers:{...n.providers,[e]:{...n.providers[e],...t}}}))}})]}),(0,k.jsx)(E,{className:`flex justify-end px-6 py-4`,children:(0,k.jsxs)(o,{type:`submit`,disabled:s,children:[(0,k.jsx)(v,{className:`mr-2 h-4 w-4`}),t(s?`saving`:`saveChanges`)]})})]})}):(0,k.jsx)(w,{children:(0,k.jsx)(`p`,{className:`text-sm text-gray-500`,children:t(`searchNoProviderSelected`)})})]})}function H(){let{data:e}=g(),{data:n}=y(),r=h(),a=n?.search??[],o=e?.search;return!o||a.length===0?(0,k.jsx)(`div`,{className:`p-8`,children:t(`loading`)}):(0,k.jsxs)(i,{className:`pb-0 xl:flex xl:h-full xl:min-h-0 xl:flex-col`,children:[(0,k.jsx)(c,{title:t(`searchPageTitle`),description:t(`searchPageDescription`)}),(0,k.jsx)(V,{initialDraft:P(o),providers:a,search:o,onSubmit:e=>r.mutate({data:F(e)}),isPending:r.isPending},JSON.stringify(o))]})}export{H as SearchConfig};

package/dist/assets/{search-Czito3Dk.js → search-lWpOIHEn.js}

@@ -1 +1 @@
-import{t as e}from"./createLucideIcon-Cwr2o6Zq.js";var t=e(`ArrowLeft`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]),n=e(`Search`,[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]);export{t as n,n as t};
+import{t as e}from"./createLucideIcon-CA0sgoMJ.js";var t=e(`ArrowLeft`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]),n=e(`Search`,[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]);export{t as n,n as t};

package/dist/assets/secrets-config-ZbLzjIRx.js

@@ -0,0 +1,3 @@
+import{h as e,i as t,m as n,v as r}from"./react-BaRotFd6.js";import{At as i,Dt as a,Et as o,Lt as s,Mt as c,Nt as l,Ot as u,Tt as d,ft as f,jt as p,kt as m,wt as h}from"./api-BTZui7nj.js";import{t as g}from"./plus-DOwjM_kF.js";import{t as _}from"./save-CG4Hb1u8.js";import{J as v,K as y,Kt as b,X as x,Y as S,et as C,q as w,xt as T}from"./index-DckPGTdM.js";var E=r(e(),1),D=n(),O=[`env`,`file`,`exec`];function k(e=``){return{alias:e,source:`env`,prefix:``,path:``,command:``,argsText:``,cwd:``,timeoutMs:5e3}}function A(){return{path:``,source:`env`,provider:``,id:``}}function j(e,t){return t.source===`env`?{...k(e),source:`env`,prefix:t.prefix??``}:t.source===`file`?{...k(e),source:`file`,path:t.path}:{...k(e),source:`exec`,command:t.command,argsText:(t.args??[]).join(`
+`),cwd:t.cwd??``,timeoutMs:t.timeoutMs??5e3}}function M(e){return e.source===`env`?{source:`env`,...e.prefix.trim()?{prefix:e.prefix.trim()}:{}}:e.source===`file`?{source:`file`,path:e.path.trim(),format:`json`}:{source:`exec`,command:e.command.trim(),args:e.argsText.split(`
+`).map(e=>e.trim()).filter(Boolean),...e.cwd.trim()?{cwd:e.cwd.trim()}:{},timeoutMs:Math.max(1,Math.trunc(e.timeoutMs||5e3))}}function N(e){return e?{enabled:!!e.enabled,defaultEnv:e.defaults.env??``,defaultFile:e.defaults.file??``,defaultExec:e.defaults.exec??``,providers:Object.entries(e.providers).map(([e,t])=>j(e,t)),refs:Object.entries(e.refs).map(([e,t])=>({path:e,source:t.source,provider:t.provider??``,id:t.id}))}:{enabled:!0,defaultEnv:``,defaultFile:``,defaultExec:``,providers:[],refs:[]}}function P(e){return{enabled:e.enabled,defaults:{env:e.defaultEnv||null,file:e.defaultFile||null,exec:e.defaultExec||null},providers:Object.fromEntries(e.providers.map(e=>[e.alias.trim(),M(e)]).filter(([e])=>e)),refs:Object.fromEntries(e.refs.map(e=>[e.path.trim(),{source:e.source,...e.provider.trim()?{provider:e.provider.trim()}:{},id:e.id.trim()}]).filter(([e,t])=>e&&t.id))}}function F(e){let{defaultEnv:n,defaultFile:r,defaultExec:i,providerAliases:s,onChange:c}=e;return(0,D.jsxs)(h,{children:[(0,D.jsxs)(a,{children:[(0,D.jsx)(u,{children:t(`secrets`)}),(0,D.jsx)(o,{children:t(`secretsEnabledHelp`)})]}),(0,D.jsx)(d,{className:`space-y-4`,children:[{label:t(`defaultEnvProvider`),value:n,key:`defaultEnv`},{label:t(`defaultFileProvider`),value:r,key:`defaultFile`},{label:t(`defaultExecProvider`),value:i,key:`defaultExec`}].map(e=>(0,D.jsxs)(`div`,{className:`space-y-2`,children:[(0,D.jsx)(p,{children:e.label}),(0,D.jsxs)(y,{value:e.value||`__none__`,onValueChange:t=>c(e.key,t===`__none__`?``:t),children:[(0,D.jsx)(S,{children:(0,D.jsx)(x,{placeholder:t(`noneOption`)})}),(0,D.jsxs)(w,{children:[(0,D.jsx)(v,{value:`__none__`,children:t(`noneOption`)}),s.map(e=>(0,D.jsx)(v,{value:e,children:e},e))]})]})]},e.key))})]})}function I(e){let{providers:n,onUpdate:r,onRemove:i,onAdd:s}=e;return(0,D.jsxs)(h,{children:[(0,D.jsxs)(a,{children:[(0,D.jsx)(u,{children:t(`secretProvidersTitle`)}),(0,D.jsx)(o,{children:t(`secretProvidersDescription`)})]}),(0,D.jsxs)(d,{className:`space-y-3`,children:[n.map((e,n)=>(0,D.jsxs)(`div`,{className:`space-y-3 rounded-xl border border-gray-200 p-3`,children:[(0,D.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-3`,children:[(0,D.jsx)(c,{value:e.alias,onChange:e=>r(n,{alias:e.target.value}),placeholder:t(`providerAlias`)}),(0,D.jsxs)(y,{value:e.source,onValueChange:e=>r(n,{source:e}),children:[(0,D.jsx)(S,{children:(0,D.jsx)(x,{})}),(0,D.jsx)(w,{children:O.map(e=>(0,D.jsx)(v,{value:e,children:e},e))})]}),(0,D.jsxs)(l,{type:`button`,variant:`outline`,onClick:()=>i(n),children:[(0,D.jsx)(b,{className:`mr-2 h-4 w-4`}),t(`removeProvider`)]})]}),e.source===`env`?(0,D.jsx)(c,{value:e.prefix,onChange:e=>r(n,{prefix:e.target.value}),placeholder:t(`envPrefix`)}):null,e.source===`file`?(0,D.jsx)(c,{value:e.path,onChange:e=>r(n,{path:e.target.value}),placeholder:t(`secretFilePath`)}):null,e.source===`exec`?(0,D.jsxs)(`div`,{className:`space-y-2`,children:[(0,D.jsx)(c,{value:e.command,onChange:e=>r(n,{command:e.target.value}),placeholder:t(`secretExecCommand`)}),(0,D.jsx)(`textarea`,{className:`min-h-[84px] w-full rounded-lg border border-gray-200 bg-white px-3 py-2 text-xs font-mono`,value:e.argsText,onChange:e=>r(n,{argsText:e.target.value}),placeholder:t(`secretExecArgs`)}),(0,D.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 md:grid-cols-2`,children:[(0,D.jsx)(c,{value:e.cwd,onChange:e=>r(n,{cwd:e.target.value}),placeholder:t(`secretExecCwd`)}),(0,D.jsx)(c,{type:`number`,min:1,value:e.timeoutMs,onChange:e=>r(n,{timeoutMs:Number.parseInt(e.target.value,10)||5e3}),placeholder:t(`secretExecTimeoutMs`)})]})]}):null]},`provider-${n}`)),(0,D.jsxs)(l,{type:`button`,variant:`outline`,onClick:s,children:[(0,D.jsx)(g,{className:`mr-2 h-4 w-4`}),t(`addSecretProvider`)]})]})]})}function L(e){let{refs:n,providerAliases:r,onUpdate:i,onRemove:s,onAdd:f}=e;return(0,D.jsxs)(h,{children:[(0,D.jsxs)(a,{children:[(0,D.jsx)(u,{children:t(`secretRefsTitle`)}),(0,D.jsx)(o,{children:t(`secretRefsDescription`)})]}),(0,D.jsxs)(d,{className:`space-y-3`,children:[n.map((e,n)=>(0,D.jsx)(`div`,{className:`space-y-3 rounded-xl border border-gray-200 p-3`,children:(0,D.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:[(0,D.jsx)(c,{value:e.path,onChange:e=>i(n,{path:e.target.value}),placeholder:t(`secretConfigPath`)}),(0,D.jsx)(c,{value:e.id,onChange:e=>i(n,{id:e.target.value}),placeholder:t(`secretId`)}),(0,D.jsxs)(y,{value:e.source,onValueChange:e=>i(n,{source:e}),children:[(0,D.jsx)(S,{children:(0,D.jsx)(x,{})}),(0,D.jsx)(w,{children:O.map(e=>(0,D.jsx)(v,{value:e,children:e},e))})]}),(0,D.jsxs)(`div`,{className:`grid grid-cols-[1fr_auto] gap-2`,children:[(0,D.jsxs)(y,{value:e.provider||`__none__`,onValueChange:e=>i(n,{provider:e===`__none__`?``:e}),children:[(0,D.jsx)(S,{children:(0,D.jsx)(x,{placeholder:t(`secretProviderAlias`)})}),(0,D.jsxs)(w,{children:[(0,D.jsx)(v,{value:`__none__`,children:t(`noneOption`)}),r.map(e=>(0,D.jsx)(v,{value:e,children:e},e))]})]}),(0,D.jsx)(l,{type:`button`,variant:`outline`,onClick:()=>s(n),children:(0,D.jsx)(b,{className:`h-4 w-4`})})]})]})},`ref-${n}`)),(0,D.jsxs)(l,{type:`button`,variant:`outline`,onClick:f,children:[(0,D.jsx)(g,{className:`mr-2 h-4 w-4`}),t(`addSecretRef`)]})]})]})}function R(e){let{initialState:n,isPending:r,onSubmit:c}=e,[p,g]=(0,E.useState)(n),v=(0,E.useMemo)(()=>{let e=p.providers.map(e=>e.alias.trim()).filter(Boolean);return Array.from(new Set(e))},[p.providers]);return(0,D.jsxs)(i,{className:`space-y-6`,children:[(0,D.jsx)(m,{title:t(`secretsPageTitle`),description:t(`secretsPageDescription`)}),(0,D.jsxs)(h,{children:[(0,D.jsxs)(a,{children:[(0,D.jsx)(u,{children:t(`secrets`)}),(0,D.jsx)(o,{children:t(`secretsEnabledHelp`)})]}),(0,D.jsxs)(d,{className:`space-y-4`,children:[(0,D.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-gray-200 p-3`,children:[(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-sm font-medium text-gray-800`,children:t(`enabled`)}),(0,D.jsx)(`p`,{className:`text-xs text-gray-500`,children:t(`secretsEnabledHelp`)})]}),(0,D.jsx)(f,{checked:p.enabled,onCheckedChange:e=>g(t=>({...t,enabled:e}))})]}),(0,D.jsx)(F,{defaultEnv:p.defaultEnv,defaultFile:p.defaultFile,defaultExec:p.defaultExec,providerAliases:v,onChange:(e,t)=>g(n=>({...n,[e]:t}))})]})]}),(0,D.jsx)(I,{providers:p.providers,onUpdate:(e,t)=>{g(n=>({...n,providers:n.providers.map((n,r)=>r===e?{...n,...t}:n)}))},onRemove:e=>g(t=>({...t,providers:t.providers.filter((t,n)=>n!==e)})),onAdd:()=>g(e=>({...e,providers:[...e.providers,k()]}))}),(0,D.jsx)(L,{refs:p.refs,providerAliases:v,onUpdate:(e,t)=>{g(n=>({...n,refs:n.refs.map((n,r)=>r===e?{...n,...t}:n)}))},onRemove:e=>g(t=>({...t,refs:t.refs.filter((t,n)=>n!==e)})),onAdd:()=>g(e=>({...e,refs:[...e.refs,A()]}))}),(0,D.jsx)(`div`,{className:`flex justify-end`,children:(0,D.jsxs)(l,{type:`button`,onClick:()=>{try{let e={};for(let[n,r]of p.providers.entries()){let i=r.alias.trim();if(!i)throw Error(`${t(`providerAlias`)} #${n+1} ${t(`isRequired`)}`);if(e[i])throw Error(`${t(`providerAlias`)}: ${i} (${t(`duplicate`)})`);if(r.source===`file`&&!r.path.trim())throw Error(`${t(`secretFilePath`)} #${n+1} ${t(`isRequired`)}`);if(r.source===`exec`&&!r.command.trim())throw Error(`${t(`secretExecCommand`)} #${n+1} ${t(`isRequired`)}`);e[i]=M(r)}let n={};for(let[r,i]of p.refs.entries()){let a=i.path.trim(),o=i.id.trim();if(!a)throw Error(`${t(`secretConfigPath`)} #${r+1} ${t(`isRequired`)}`);if(!o)throw Error(`${t(`secretId`)} #${r+1} ${t(`isRequired`)}`);let s=i.provider.trim();if(s&&!e[s])throw Error(`${t(`secretProviderAlias`)}: ${s} ${t(`notFound`)}`);n[a]={source:i.source,...s?{provider:s}:{},id:o}}c({enabled:p.enabled,defaultEnv:p.defaultEnv.trim(),defaultFile:p.defaultFile.trim(),defaultExec:p.defaultExec.trim(),providers:Object.entries(e).map(([e,t])=>j(e,t)),refs:Object.entries(n).map(([e,t])=>({path:e,source:t.source,provider:t.provider??``,id:t.id}))})}catch(e){s.error(e instanceof Error?e.message:String(e))}},disabled:r,children:[(0,D.jsx)(_,{className:`mr-2 h-4 w-4`}),t(r?`saving`:`save`)]})})]})}function z(){let{data:e,isLoading:n}=C(),r=T();return n?(0,D.jsx)(`div`,{className:`p-8 text-gray-400`,children:t(`loading`)}):(0,D.jsx)(R,{initialState:N(e?.secrets),isPending:r.isPending,onSubmit:e=>r.mutate({data:P(e)})},JSON.stringify(e?.secrets??null))}export{z as SecretsConfig};

package/dist/assets/setting-row-CNfTKDjc.js

@@ -0,0 +1 @@
+import{d as e,h as t,m as n,v as r}from"./react-BaRotFd6.js";import{Pt as i}from"./api-BTZui7nj.js";var a=r(t(),1),o=n(),s=i(`flex items-start justify-between gap-4 rounded-xl border p-4`,{variants:{tone:{default:`border-gray-200 bg-white`,muted:`border-gray-200 bg-gray-50`}},defaultVariants:{tone:`default`}}),c=a.forwardRef(({className:t,tone:n,title:r,description:i,control:a,children:c,...l},u)=>(0,o.jsxs)(`div`,{ref:u,className:e(s({tone:n}),t),...l,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,o.jsx)(`div`,{className:`text-sm font-medium text-gray-900`,children:r}),i?(0,o.jsx)(`p`,{className:`text-sm leading-6 text-gray-500`,children:i}):null,c]}),a?(0,o.jsx)(`div`,{className:`shrink-0`,children:a}):null]}));c.displayName=`SettingRow`;export{c as t};

package/dist/assets/tabs-custom-BbZoysAl.js

@@ -0,0 +1 @@
+import{d as e,h as t,m as n,r}from"./react-BaRotFd6.js";t();var i=n();function a({tabs:t,activeTab:n,onChange:a,className:o}){return(0,i.jsx)(`div`,{className:e(`flex items-center gap-6 border-b border-gray-200/60 mb-6`,o),children:t.map(t=>{let o=n===t.id;return(0,i.jsxs)(`button`,{onClick:()=>a(t.id),className:e(`relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5`,o?`text-gray-900`:`text-gray-600 hover:text-gray-900`),children:[t.label,t.count!==void 0&&(0,i.jsx)(`span`,{className:e(`text-[11px] font-medium`,`text-gray-500`),children:r(t.count)}),o&&(0,i.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full`})]},t.id)})})}export{a as t};

package/dist/assets/tag-chip-Dl8JbhC7.js

@@ -0,0 +1 @@
+import{d as e,h as t,m as n,v as r}from"./react-BaRotFd6.js";import{Pt as i}from"./api-BTZui7nj.js";var a=r(t(),1),o=n(),s=i(`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium`,{variants:{tone:{subtle:`border-gray-200 bg-gray-50 text-gray-600`,neutral:`border-gray-200 bg-white text-gray-600`,success:`border-emerald-200 bg-emerald-50 text-emerald-700`,warning:`border-amber-200 bg-amber-50 text-amber-800`,danger:`border-rose-200 bg-rose-50 text-rose-600`,info:`border-primary/20 bg-primary/10 text-primary`}},defaultVariants:{tone:`subtle`}}),c=a.forwardRef(({className:t,tone:n,...r},i)=>(0,o.jsx)(`span`,{ref:i,className:e(s({tone:n}),t),...r}));c.displayName=`TagChip`;export{c as t};

package/dist/assets/x-D6GwT_8k.js

@@ -0,0 +1 @@
+import{t as e}from"./createLucideIcon-CA0sgoMJ.js";var t=e(`X`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

package/dist/index.html

@@ -78,23 +78,21 @@
     })();
   </script>
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-DPz9DRZN.js"></script>
-  <link rel="modulepreload" crossorigin href="/assets/i18n-tWKGEGxB.js">
-  <link rel="modulepreload" crossorigin href="/assets/api-D3uoaOR8.js">
-  <link rel="modulepreload" crossorigin href="/assets/es2015-BJw-hrex.js">
-  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-Cwr2o6Zq.js">
-  <link rel="modulepreload" crossorigin href="/assets/select-CmmDgG8o.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-e5WATjIW.js">
-  <link rel="modulepreload" crossorigin href="/assets/x-DBP3WiC9.js">
-  <link rel="modulepreload" crossorigin href="/assets/notice-card-DUDbOvqx.js">
-  <link rel="modulepreload" crossorigin href="/assets/search-Czito3Dk.js">
-  <link rel="modulepreload" crossorigin href="/assets/book-open--T9dJHnp.js">
-  <link rel="modulepreload" crossorigin href="/assets/external-link-CZ9bQY0L.js">
-  <link rel="modulepreload" crossorigin href="/assets/plus-BqfNq7Tu.js">
-  <link rel="modulepreload" crossorigin href="/assets/doc-browser-context-CLczyX2Z.js">
-  <link rel="modulepreload" crossorigin href="/assets/doc-browser-ChY6hMn8.js">
-  <link rel="modulepreload" crossorigin href="/assets/key-round-B8tTb3ZJ.js">
-  <link rel="stylesheet" crossorigin href="/assets/index-HvJDzfSU.css">
+  <script type="module" crossorigin src="/assets/index-DckPGTdM.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/react-BaRotFd6.js">
+  <link rel="modulepreload" crossorigin href="/assets/api-BTZui7nj.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-DNxIa3pe.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-D5zsy7pX.js">
+  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-CA0sgoMJ.js">
+  <link rel="modulepreload" crossorigin href="/assets/x-D6GwT_8k.js">
+  <link rel="modulepreload" crossorigin href="/assets/notice-card-CyiVcu_Z.js">
+  <link rel="modulepreload" crossorigin href="/assets/search-lWpOIHEn.js">
+  <link rel="modulepreload" crossorigin href="/assets/book-open-qc0UVn6m.js">
+  <link rel="modulepreload" crossorigin href="/assets/external-link-C9fbyi6k.js">
+  <link rel="modulepreload" crossorigin href="/assets/plus-DOwjM_kF.js">
+  <link rel="modulepreload" crossorigin href="/assets/doc-browser-context-Do2qSrB8.js">
+  <link rel="modulepreload" crossorigin href="/assets/doc-browser-CwyITRXx.js">
+  <link rel="stylesheet" crossorigin href="/assets/index-BYRP_BMj.css">
 </head>
 
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.12.35-beta.3",
+  "version": "0.12.35-beta.5",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,14 +28,13 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.23-beta.3",
-    "@nextclaw/agent-chat-ui": "0.3.25-beta.3",
-    "@nextclaw/client-sdk": "0.1.14-beta.3",
-    "@nextclaw/ncp": "0.5.18-beta.3",
-    "@nextclaw/ncp-http-agent-client": "0.3.30-beta.3",
-    "@nextclaw/ncp-react": "0.4.38-beta.3",
-    "@nextclaw/shared": "0.1.12-beta.3",
-    "@nextclaw/server": "0.12.26-beta.3"
+    "@nextclaw/agent-chat-ui": "0.3.25-beta.5",
+    "@nextclaw/ncp": "0.5.18-beta.5",
+    "@nextclaw/client-sdk": "0.1.14-beta.5",
+    "@nextclaw/ncp-http-agent-client": "0.3.30-beta.5",
+    "@nextclaw/agent-chat": "0.1.23-beta.5",
+    "@nextclaw/shared": "0.1.12-beta.5",
+    "@nextclaw/ncp-react": "0.4.38-beta.5"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/app/components/app-presenter-provider.tsx

@@ -0,0 +1,21 @@
+import { createContext, useContext, useMemo, type ReactNode } from 'react';
+import { getAppPresenter, type AppPresenter } from '@/app/presenters/app.presenter';
+
+const AppPresenterContext = createContext<AppPresenter | null>(null);
+
+type AppPresenterProviderProps = {
+  children: ReactNode;
+};
+
+export function AppPresenterProvider({ children }: AppPresenterProviderProps) {
+  const presenter = useMemo(() => getAppPresenter(), []);
+  return <AppPresenterContext.Provider value={presenter}>{children}</AppPresenterContext.Provider>;
+}
+
+export function useAppPresenter() {
+  const presenter = useContext(AppPresenterContext);
+  if (!presenter) {
+    throw new Error('useAppPresenter must be used inside AppPresenterProvider');
+  }
+  return presenter;
+}

package/src/app/components/layout/sidebar.layout.test.tsx

@@ -23,8 +23,8 @@ vi.mock('@/shared/components/doc-browser', () => ({
   })
 }));
 
-vi.mock('@/app/components/app-manager-provider', () => ({
-  useAppManager: () => ({
+vi.mock('@/app/components/app-presenter-provider', () => ({
+  useAppPresenter: () => ({
     accountManager: {
       openAccountPanel: mocks.openAccountPanel
     }

package/src/app/components/layout/sidebar.tsx

@@ -8,7 +8,7 @@ import { BrandHeader } from '@/shared/components/common/brand-header';
 import { SidebarActionItem, SidebarNavLinkItem, SidebarSelectItem } from '@/app/components/layout/sidebar-items';
 import { useTheme } from '@/app/components/theme-provider';
 import { SelectItem } from '@/shared/components/ui/select';
-import { useAppManager } from '@/app/components/app-manager-provider';
+import { useAppPresenter } from '@/app/components/app-presenter-provider';
 import { useRemoteStatus } from '@/features/remote';
 import { getSettingsNavItems } from '@/app/configs/app-navigation.config';
 import { useLanguagePreference } from '@/features/settings';
@@ -20,7 +20,7 @@ type SidebarProps = {
 };
 
 export function Sidebar({ mode }: SidebarProps) {
-  const manager = useAppManager();
+  const presenter = useAppPresenter();
   const docBrowser = useDocBrowser();
   const remoteStatus = useRemoteStatus();
   const {
@@ -118,7 +118,7 @@ export function Sidebar({ mode }: SidebarProps) {
         <div className={cn('shrink-0 border-t border-[#dde0ea] bg-secondary', isSettingsMode ? 'mt-2 pt-3' : 'mt-3 pt-3')}>
           {isSettingsMode ? (
             <SidebarActionItem
-              onClick={() => manager.accountManager.openAccountPanel()}
+              onClick={() => presenter.accountManager.openAccountPanel()}
               icon={KeyRound}
               label={t('remoteAccountEntryManage')}
               density="compact"

package/src/app/index.tsx

@@ -4,12 +4,13 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { Navigate, Route, Routes } from "react-router-dom";
 import { Toaster } from "sonner";
 import { appQueryClient } from "@/app-query-client";
-import { AppManagerProvider } from "@/app/components/app-manager-provider";
+import { AppPresenterProvider } from "@/app/components/app-presenter-provider";
 import { AppLayout } from "@/app/components/layout/app-layout";
 import { LanguageSettingsPage } from "@/features/settings";
 import { SettingsEntryPage } from "@/app/components/layout/settings-entry-page";
 import { LoginPage } from "@/components/auth/login-page";
 import { AccountPanel } from "@/features/account";
+import { ServiceActionAuthorizationDialog } from "@/features/service-apps";
 import { runtimeUpdateManager, useSystemStatusSources } from "@/features/system-status";
 import {
   isTransientAuthStatusBootstrapError,
@@ -211,12 +212,13 @@ function ProtectedApp() {
   }, []);
 
   return (
-    <AppManagerProvider>
+    <AppPresenterProvider>
       <AppLayout>
         <ProtectedRoutes />
       </AppLayout>
       <AccountPanel />
-    </AppManagerProvider>
+      <ServiceActionAuthorizationDialog />
+    </AppPresenterProvider>
   );
 }
 

package/src/app/presenters/app.presenter.ts

@@ -0,0 +1,24 @@
+import { AccountManager } from '@/features/account';
+import { PanelAppBridgeManager } from '@/features/panel-apps';
+import { RemoteAccessManager } from '@/features/remote';
+import { ServiceActionAuthorizationManager } from '@/features/service-apps';
+
+export class AppPresenter {
+  accountManager = new AccountManager();
+  serviceActionAuthorizationManager = new ServiceActionAuthorizationManager();
+  panelAppBridgeManager = new PanelAppBridgeManager(this.serviceActionAuthorizationManager);
+  remoteAccessManager = new RemoteAccessManager({
+    accountManager: this.accountManager,
+  });
+}
+
+let appPresenter: AppPresenter | null = null;
+
+export function getAppPresenter() {
+  appPresenter ??= new AppPresenter();
+  return appPresenter;
+}
+
+export function getPresenter() {
+  return getAppPresenter();
+}

package/src/features/account/components/account-panel.tsx

@@ -11,7 +11,7 @@ import { Label } from "@/shared/components/ui/label";
 import { NoticeCard } from "@/shared/components/ui/notice-card";
 import { useRemoteStatus } from "@/features/remote";
 import { formatDateTime, t } from "@/shared/lib/i18n";
-import { useAppManager } from "@/app/components/app-manager-provider";
+import { useAppPresenter } from "@/app/components/app-presenter-provider";
 import { useAccountStore } from "@/features/account/stores/account.store";
 import { KeyRound, LogOut, SquareArrowOutUpRight } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -175,7 +175,7 @@ function SignedOutAccountSection(props: {
 }
 
 export function AccountPanel() {
-  const manager = useAppManager();
+  const presenter = useAppPresenter();
   const remoteStatus = useRemoteStatus();
   const panelOpen = useAccountStore((state) => state.panelOpen);
   const authSessionId = useAccountStore((state) => state.authSessionId);
@@ -189,8 +189,8 @@ export function AccountPanel() {
   const [savingUsername, setSavingUsername] = useState(false);
 
   useEffect(() => {
-    manager.accountManager.syncRemoteStatus(status);
-  }, [manager, status]);
+    presenter.accountManager.syncRemoteStatus(status);
+  }, [presenter, status]);
 
   const canSubmitUsername =
     !savingUsername &&
@@ -202,8 +202,8 @@ export function AccountPanel() {
       open={panelOpen}
       onOpenChange={(open) =>
         open
-          ? manager.accountManager.openAccountPanel()
-          : manager.accountManager.closeAccountPanel()
+          ? presenter.accountManager.openAccountPanel()
+          : presenter.accountManager.closeAccountPanel()
       }
     >
       <DialogContent className="max-w-xl">
@@ -227,13 +227,13 @@ export function AccountPanel() {
             onSubmitUsername={async () => {
               setSavingUsername(true);
               try {
-                await manager.accountManager.updateUsername(usernameDraft);
+                await presenter.accountManager.updateUsername(usernameDraft);
               } finally {
                 setSavingUsername(false);
               }
             }}
-            onOpenDeviceList={() => manager.accountManager.openNextClawWeb('/account')}
-            onLogout={() => manager.accountManager.logout()}
+            onOpenDeviceList={() => presenter.accountManager.openNextClawWeb('/account')}
+            onLogout={() => presenter.accountManager.logout()}
           />
         ) : (
           <SignedOutAccountSection
@@ -242,10 +242,10 @@ export function AccountPanel() {
             authStatusMessage={authStatusMessage}
             authVerificationUri={authVerificationUri}
             onStartBrowserSignIn={() =>
-              manager.accountManager.startBrowserSignIn()
+              presenter.accountManager.startBrowserSignIn()
             }
             onResumeBrowserSignIn={() =>
-              manager.accountManager.resumeBrowserSignIn()
+              presenter.accountManager.resumeBrowserSignIn()
             }
           />
         )}

package/src/features/account/index.ts

@@ -1,7 +1,4 @@
 export { AccountPanel } from './components/account-panel';
 export { LoginPage } from './components/login-page';
 export { AccountManager } from './managers/account.manager';
-export {
-  useAccountStore,
-  type AccountPendingAction,
-} from './stores/account.store';
+export { useAccountStore } from './stores/account.store';

package/src/features/account/managers/account.manager.ts

@@ -8,19 +8,16 @@ import {
 } from '@/features/remote';
 import { formatDateTime, t } from '@/shared/lib/i18n';
 import { toast } from 'sonner';
-import type { AccountPendingAction } from '@/features/account/stores/account.store';
 import { useAccountStore } from '@/features/account/stores/account.store';
 
-type SignedInContinuation = (action: AccountPendingAction, status: RemoteAccessView) => Promise<void>;
+type BrowserSignInCompletion = {
+  resolve: (status: RemoteAccessView) => void;
+  reject: (error: Error) => void;
+};
 
 export class AccountManager {
   private authPollTimerId: number | null = null;
-
-  private afterSignedIn: SignedInContinuation | null = null;
-
-  bindSignedInContinuation = (handler: SignedInContinuation) => {
-    this.afterSignedIn = handler;
-  };
+  private browserSignInCompletion: BrowserSignInCompletion | null = null;
 
   openAccountPanel = () => {
     useAccountStore.getState().openPanel();
@@ -35,34 +32,35 @@ export class AccountManager {
       return;
     }
     this.clearPollTimer();
+    this.resolveBrowserSignIn(status);
     useAccountStore.getState().clearBrowserAuth();
   };
 
-  ensureSignedIn = async (params?: { pendingAction?: AccountPendingAction; apiBase?: string }) => {
-    const status = await ensureRemoteStatus();
+  ensureSignedIn = async (params?: { apiBase?: string; status?: RemoteAccessView }) => {
+    const status = params?.status ?? (await ensureRemoteStatus());
     if (status.account.loggedIn) {
-      return true;
-    }
-    if (params?.pendingAction) {
-      useAccountStore.getState().setPendingAction(params.pendingAction);
+      return status;
     }
     this.openAccountPanel();
-    await this.startBrowserSignIn({ apiBase: params?.apiBase, status });
-    return false;
+    return await this.startBrowserSignInAndWait({
+      apiBase: params?.apiBase,
+      status
+    });
+  };
+
+  startBrowserSignInAndWait = async (params?: { apiBase?: string; status?: RemoteAccessView }) => {
+    const completion = this.createBrowserSignInCompletion();
+    await this.startBrowserSignIn(params);
+    return await completion;
   };
 
   startBrowserSignIn = async (params?: {
     apiBase?: string;
     status?: RemoteAccessView;
-    pendingAction?: AccountPendingAction;
   }) => {
     try {
       const apiBase = params?.apiBase;
-      const pendingAction = params?.pendingAction;
       const status = params?.status ?? (await ensureRemoteStatus());
-      if (pendingAction) {
-        useAccountStore.getState().setPendingAction(pendingAction);
-      }
       const result = await startRemoteBrowserAuth({
         apiBase: resolveRemotePlatformApiBase(status, apiBase)
       });
@@ -80,6 +78,7 @@ export class AccountManager {
       this.scheduleBrowserAuthPoll();
     } catch (error) {
       const message = error instanceof Error ? error.message : t('remoteBrowserAuthStartFailed');
+      this.rejectBrowserSignIn(error);
       toast.error(`${t('remoteBrowserAuthStartFailed')}: ${message}`);
     }
   };
@@ -95,7 +94,7 @@ export class AccountManager {
   logout = async () => {
     try {
       await logoutRemote();
-      useAccountStore.getState().clearPendingAction();
+      this.rejectBrowserSignIn(new Error('Signed out before browser sign-in completed.'));
       useAccountStore.getState().clearBrowserAuth();
       await refreshRemoteStatus();
       toast.success(t('remoteLogoutSuccess'));
@@ -162,6 +161,7 @@ export class AccountManager {
       }
       if (result.status === 'expired') {
         this.clearPollTimer();
+        this.rejectBrowserSignIn(new Error(result.message || t('remoteBrowserAuthExpired')));
         useAccountStore.getState().clearBrowserAuth();
         toast.error(result.message || t('remoteBrowserAuthExpired'));
         return;
@@ -169,16 +169,13 @@ export class AccountManager {
 
       useAccountStore.getState().setAuthStatusMessage(t('remoteBrowserAuthCompleted'));
       const nextStatus = await refreshRemoteStatus();
-      const { pendingAction } = useAccountStore.getState();
       this.clearPollTimer();
+      this.resolveBrowserSignIn(nextStatus);
       useAccountStore.getState().clearBrowserAuth();
       toast.success(t('remoteLoginSuccess'));
-      if (pendingAction && this.afterSignedIn) {
-        await this.afterSignedIn(pendingAction, nextStatus);
-      }
-      useAccountStore.getState().clearPendingAction();
     } catch (error) {
       this.clearPollTimer();
+      this.rejectBrowserSignIn(error);
       useAccountStore.getState().clearBrowserAuth();
       const message = error instanceof Error ? error.message : t('remoteBrowserAuthPollFailed');
       toast.error(`${t('remoteBrowserAuthPollFailed')}: ${message}`);
@@ -192,6 +189,34 @@ export class AccountManager {
     }
   };
 
+  private createBrowserSignInCompletion = () => {
+    this.rejectBrowserSignIn(new Error('Browser sign-in was replaced by a newer request.'));
+    return new Promise<RemoteAccessView>((resolve, reject) => {
+      this.browserSignInCompletion = {
+        resolve,
+        reject
+      };
+    });
+  };
+
+  private resolveBrowserSignIn = (status: RemoteAccessView) => {
+    const completion = this.browserSignInCompletion;
+    if (!completion) {
+      return;
+    }
+    this.browserSignInCompletion = null;
+    completion.resolve(status);
+  };
+
+  private rejectBrowserSignIn = (error: unknown) => {
+    const completion = this.browserSignInCompletion;
+    if (!completion) {
+      return;
+    }
+    this.browserSignInCompletion = null;
+    completion.reject(error instanceof Error ? error : new Error(String(error)));
+  };
+
   getBrowserAuthSummary = () => {
     const store = useAccountStore.getState();
     return {

package/src/features/account/stores/account.store.ts

@@ -1,14 +1,5 @@
 import { create } from 'zustand';
 
-export type AccountPendingAction =
-  | {
-      type: 'enable-remote';
-    }
-  | {
-      type: 'repair-remote';
-    }
-  | null;
-
 type AccountStoreState = {
   panelOpen: boolean;
   authSessionId: string | null;
@@ -16,11 +7,8 @@ type AccountStoreState = {
   authExpiresAt: string | null;
   authStatusMessage: string;
   authPollIntervalMs: number;
-  pendingAction: AccountPendingAction;
   openPanel: () => void;
   closePanel: () => void;
-  setPendingAction: (next: AccountPendingAction) => void;
-  clearPendingAction: () => void;
   beginBrowserAuth: (payload: {
     sessionId: string;
     verificationUri: string;
@@ -40,11 +28,8 @@ export const useAccountStore = create<AccountStoreState>((set) => ({
   authExpiresAt: null,
   authStatusMessage: '',
   authPollIntervalMs: 1500,
-  pendingAction: null,
   openPanel: () => set({ panelOpen: true }),
   closePanel: () => set({ panelOpen: false }),
-  setPendingAction: (next) => set({ pendingAction: next }),
-  clearPendingAction: () => set({ pendingAction: null }),
   beginBrowserAuth: ({ sessionId, verificationUri, expiresAt, intervalMs, statusMessage }) =>
     set({
       panelOpen: true,