@netnodeag/kraftwerk 0.46.2 → 0.48.0

package/inspector/dist/assets/{index-DgEUOA11.js → index-CC0tY40i.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/editor-DJbeG376.js","assets/dist-H3rerbMg.js","assets/dist-C2Mu5bT-.js","assets/dist-CUeUDZ9j.js","assets/dist-BOQhQPN9.js","assets/dist-CPlSMtdY.js","assets/editor-B1Jq9YIq.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/editor-toVFopCO.js","assets/dist-H3rerbMg.js","assets/dist-D6fPO3Jz.js","assets/dist-Bz3XVWXl.js","assets/dist-BWkBM49t.js","assets/dist-CPlSMtdY.js","assets/editor-B1Jq9YIq.css"])))=>i.map(i=>d[i]);
 var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var u=o((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var S=Array.isArray;function C(){}var w={H:null,A:null,T:null,S:null},T=Object.prototype.hasOwnProperty;function E(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function D(e,t){return E(e.type,t,e.props)}function O(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function k(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var ee=/\/+/g;function te(e,t){return typeof e==`object`&&e&&e.key!=null?k(``+e.key):t.toString(36)}function A(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(C,C):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function ne(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,ne(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+te(e,0):a,S(o)?(i=``,c!=null&&(i=c.replace(ee,`$&/`)+`/`),ne(o,r,i,``,function(e){return e})):o!=null&&(O(o)&&(o=D(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(ee,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(S(e))for(var u=0;u<e.length;u++)a=e[u],s=l+te(a,u),c+=ne(a,r,i,s,o);else if(u=m(e),typeof u==`function`)for(e=u.call(e),u=0;!(a=e.next()).done;)a=a.value,s=l+te(a,u++),c+=ne(a,r,i,s,o);else if(s===`object`){if(typeof e.then==`function`)return ne(A(e),r,i,a,o);throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`)}return c}function j(e,t,n){if(e==null)return e;var r=[],i=0;return ne(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function re(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var M=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},N={map:j,forEach:function(e,t,n){j(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return j(e,function(){t++}),t},toArray:function(e){return j(e,function(e){return e})||[]},only:function(e){if(!O(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}};e.Activity=f,e.Children=N,e.Component=v,e.Fragment=r,e.Profiler=a,e.PureComponent=b,e.StrictMode=i,e.Suspense=l,e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=w,e.__COMPILER_RUNTIME={__proto__:null,c:function(e){return w.H.useMemoCache(e)}},e.cache=function(e){return function(){return e.apply(null,arguments)}},e.cacheSignal=function(){return null},e.cloneElement=function(e,t,n){if(e==null)throw Error(`The argument must be a React element, but you passed `+e+`.`);var r=g({},e.props),i=e.key;if(t!=null)for(a in t.key!==void 0&&(i=``+t.key),t)!T.call(t,a)||a===`key`||a===`__self`||a===`__source`||a===`ref`&&t.ref===void 0||(r[a]=t[a]);var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){for(var o=Array(a),s=0;s<a;s++)o[s]=arguments[s+2];r.children=o}return E(e.type,i,r)},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:o,_context:e},e},e.createElement=function(e,t,n){var r,i={},a=null;if(t!=null)for(r in t.key!==void 0&&(a=``+t.key),t)T.call(t,r)&&r!==`key`&&r!==`__self`&&r!==`__source`&&(i[r]=t[r]);var o=arguments.length-2;if(o===1)i.children=n;else if(1<o){for(var s=Array(o),c=0;c<o;c++)s[c]=arguments[c+2];i.children=s}if(e&&e.defaultProps)for(r in o=e.defaultProps,o)i[r]===void 0&&(i[r]=o[r]);return E(e,a,i)},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=O,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:re}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=w.T,n={};w.T=n;try{var r=e(),i=w.S;i!==null&&i(n,r),typeof r==`object`&&r&&typeof r.then==`function`&&r.then(C,M)}catch(e){M(e)}finally{t!==null&&n.types!==null&&(t.types=n.types),w.T=t}},e.unstable_useCacheRefresh=function(){return w.H.useCacheRefresh()},e.use=function(e){return w.H.use(e)},e.useActionState=function(e,t,n){return w.H.useActionState(e,t,n)},e.useCallback=function(e,t){return w.H.useCallback(e,t)},e.useContext=function(e){return w.H.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e,t){return w.H.useDeferredValue(e,t)},e.useEffect=function(e,t){return w.H.useEffect(e,t)},e.useEffectEvent=function(e){return w.H.useEffectEvent(e)},e.useId=function(){return w.H.useId()},e.useImperativeHandle=function(e,t,n){return w.H.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return w.H.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return w.H.useLayoutEffect(e,t)},e.useMemo=function(e,t){return w.H.useMemo(e,t)},e.useOptimistic=function(e,t){return w.H.useOptimistic(e,t)},e.useReducer=function(e,t,n){return w.H.useReducer(e,t,n)},e.useRef=function(e){return w.H.useRef(e)},e.useState=function(e){return w.H.useState(e)},e.useSyncExternalStore=function(e,t,n){return w.H.useSyncExternalStore(e,t,n)},e.useTransition=function(){return w.H.useTransition()},e.version=`19.2.8`})),d=o(((e,t)=>{t.exports=u()})),f=o((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0<n;){var r=n-1>>>1,a=e[r];if(0<i(a,t))e[r]=t,e[n]=a,n=r;else break a}}function n(e){return e.length===0?null:e[0]}function r(e){if(e.length===0)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;a:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,c=e[s],l=s+1,u=e[l];if(0>i(c,n))l<a&&0>i(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(l<a&&0>i(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m){if(n(c)!==null)m=!0,S||(S=!0,O());else{var t=n(l);t!==null&&te(x,t.startTime-e)}}}var S=!1,C=-1,w=5,T=-1;function E(){return g?!0:!(e.unstable_now()-T<w)}function D(){if(g=!1,S){var t=e.unstable_now();T=t;var i=!0;try{a:{m=!1,h&&(h=!1,v(C),C=-1),p=!0;var a=f;try{b:{for(b(t),d=n(c);d!==null&&!(d.expirationTime>t&&E());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&te(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?O():S=!1}}}var O;if(typeof y==`function`)O=function(){y(D)};else if(typeof MessageChannel<`u`){var k=new MessageChannel,ee=k.port2;k.port1.onmessage=D,O=function(){ee.postMessage(null)}}else O=function(){_(D,0)};function te(t,n){C=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125<e?console.error(`forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`):w=0<e?Math.floor(1e3/e):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},e.unstable_requestPaint=function(){g=!0},e.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},e.unstable_scheduleCallback=function(r,i,a){var o=e.unstable_now();switch(typeof a==`object`&&a?(a=a.delay,a=typeof a==`number`&&0<a?o+a:o):a=o,r){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return s=a+s,r={id:u++,callback:i,priorityLevel:r,startTime:a,expirationTime:s,sortIndex:-1},a>o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(C),C=-1):h=!0,te(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,S||(S=!0,O()))),r},e.unstable_shouldYield=E,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),p=o(((e,t)=>{t.exports=f()})),m=o((e=>{var t=d();function n(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function r(){}var i={d:{f:r,r:function(){throw Error(n(522))},D:r,C:r,L:r,m:r,X:r,S:r,M:r},p:0,findDOMNode:null},a=Symbol.for(`react.portal`);function o(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:a,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}var s=t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function c(e,t){if(e===`font`)return``;if(typeof t==`string`)return t===`use-credentials`?t:``}e.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,e.createPortal=function(e,t){var r=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)throw Error(n(299));return o(e,t,null,r)},e.flushSync=function(e){var t=s.T,n=i.p;try{if(s.T=null,i.p=2,e)return e()}finally{s.T=t,i.p=n,i.d.f()}},e.preconnect=function(e,t){typeof e==`string`&&(t?(t=t.crossOrigin,t=typeof t==`string`?t===`use-credentials`?t:``:void 0):t=null,i.d.C(e,t))},e.prefetchDNS=function(e){typeof e==`string`&&i.d.D(e)},e.preinit=function(e,t){if(typeof e==`string`&&t&&typeof t.as==`string`){var n=t.as,r=c(n,t.crossOrigin),a=typeof t.integrity==`string`?t.integrity:void 0,o=typeof t.fetchPriority==`string`?t.fetchPriority:void 0;n===`style`?i.d.S(e,typeof t.precedence==`string`?t.precedence:void 0,{crossOrigin:r,integrity:a,fetchPriority:o}):n===`script`&&i.d.X(e,{crossOrigin:r,integrity:a,fetchPriority:o,nonce:typeof t.nonce==`string`?t.nonce:void 0})}},e.preinitModule=function(e,t){if(typeof e==`string`){if(typeof t==`object`&&t){if(t.as==null||t.as===`script`){var n=c(t.as,t.crossOrigin);i.d.M(e,{crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0})}}else t??i.d.M(e)}},e.preload=function(e,t){if(typeof e==`string`&&typeof t==`object`&&t&&typeof t.as==`string`){var n=t.as,r=c(n,t.crossOrigin);i.d.L(e,n,{crossOrigin:r,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0,type:typeof t.type==`string`?t.type:void 0,fetchPriority:typeof t.fetchPriority==`string`?t.fetchPriority:void 0,referrerPolicy:typeof t.referrerPolicy==`string`?t.referrerPolicy:void 0,imageSrcSet:typeof t.imageSrcSet==`string`?t.imageSrcSet:void 0,imageSizes:typeof t.imageSizes==`string`?t.imageSizes:void 0,media:typeof t.media==`string`?t.media:void 0})}},e.preloadModule=function(e,t){if(typeof e==`string`){if(t){var n=c(t.as,t.crossOrigin);i.d.m(e,{as:typeof t.as==`string`&&t.as!==`script`?t.as:void 0,crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0})}else i.d.m(e)}},e.requestFormReset=function(e){i.d.r(e)},e.unstable_batchedUpdates=function(e,t){return e(t)},e.useFormState=function(e,t,n){return s.H.useFormState(e,t,n)},e.useFormStatus=function(){return s.H.useHostTransitionStatus()},e.version=`19.2.8`})),h=o(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=m()})),g=o((e=>{var t=p(),n=d(),r=h();function i(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function a(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function o(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function s(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function c(e){if(e.tag===31){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function l(e){if(o(e)!==e)throw Error(i(188))}function u(e){var t=e.alternate;if(!t){if(t=o(e),t===null)throw Error(i(188));return t===e?e:null}for(var n=e,r=t;;){var a=n.return;if(a===null)break;var s=a.alternate;if(s===null){if(r=a.return,r!==null){n=r;continue}break}if(a.child===s.child){for(s=a.child;s;){if(s===n)return l(a),e;if(s===r)return l(a),t;s=s.sibling}throw Error(i(188))}if(n.return!==r.return)n=a,r=s;else{for(var c=!1,u=a.child;u;){if(u===n){c=!0,n=a,r=s;break}if(u===r){c=!0,r=a,n=s;break}u=u.sibling}if(!c){for(u=s.child;u;){if(u===n){c=!0,n=s,r=a;break}if(u===r){c=!0,r=s,n=a;break}u=u.sibling}if(!c)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(n.tag!==3)throw Error(i(188));return n.stateNode.current===n?e:t}function f(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e;for(e=e.child;e!==null;){if(t=f(e),t!==null)return t;e=e.sibling}return null}var m=Object.assign,g=Symbol.for(`react.element`),_=Symbol.for(`react.transitional.element`),v=Symbol.for(`react.portal`),y=Symbol.for(`react.fragment`),b=Symbol.for(`react.strict_mode`),x=Symbol.for(`react.profiler`),S=Symbol.for(`react.consumer`),C=Symbol.for(`react.context`),w=Symbol.for(`react.forward_ref`),T=Symbol.for(`react.suspense`),E=Symbol.for(`react.suspense_list`),D=Symbol.for(`react.memo`),O=Symbol.for(`react.lazy`),k=Symbol.for(`react.activity`),ee=Symbol.for(`react.memo_cache_sentinel`),te=Symbol.iterator;function A(e){return typeof e!=`object`||!e?null:(e=te&&e[te]||e[`@@iterator`],typeof e==`function`?e:null)}var ne=Symbol.for(`react.client.reference`);function j(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case y:return`Fragment`;case x:return`Profiler`;case b:return`StrictMode`;case T:return`Suspense`;case E:return`SuspenseList`;case k:return`Activity`}if(typeof e==`object`)switch(e.$$typeof){case v:return`Portal`;case C:return e.displayName||`Context`;case S:return(e._context.displayName||`Context`)+`.Consumer`;case w:var t=e.render;return e=e.displayName,e||=(e=t.displayName||t.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case D:return t=e.displayName||null,t===null?j(e.type)||`Memo`:t;case O:t=e._payload,e=e._init;try{return j(e(t))}catch{}}return null}var re=Array.isArray,M=n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=r.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ie={pending:!1,data:null,method:null,action:null},P=[],ae=-1;function oe(e){return{current:e}}function F(e){0>ae||(e.current=P[ae],P[ae]=null,ae--)}function I(e,t){ae++,P[ae]=e.current,e.current=t}var se=oe(null),ce=oe(null),le=oe(null),ue=oe(null);function de(e,t){switch(I(le,t),I(ce,e),I(se,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Vd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Vd(t),e=Hd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}F(se),I(se,e)}function L(){F(se),F(ce),F(le)}function fe(e){e.memoizedState!==null&&I(ue,e);var t=se.current,n=Hd(t,e.type);t!==n&&(I(ce,e),I(se,n))}function R(e){ce.current===e&&(F(se),F(ce)),ue.current===e&&(F(ue),Qf._currentValue=ie)}var pe,me;function he(e){if(pe===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);pe=t&&t[1]||``,me=-1<e.stack.indexOf(`
     at`)?` (<anonymous>)`:-1<e.stack.indexOf(`@`)?`@unknown:0:0`:``}return`
 `+pe+e+me}var ge=!1;function _e(e,t){if(!e||ge)return``;ge=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var r={DetermineComponentFrameRoot:function(){try{if(t){var n=function(){throw Error()};if(Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}(n=e())&&typeof n.catch==`function`&&n.catch(function(){})}}catch(e){if(e&&r&&typeof e.stack==`string`)return[e.stack,r.stack]}return[null,null]}};r.DetermineComponentFrameRoot.displayName=`DetermineComponentFrameRoot`;var i=Object.getOwnPropertyDescriptor(r.DetermineComponentFrameRoot,`name`);i&&i.configurable&&Object.defineProperty(r.DetermineComponentFrameRoot,"name",{value:`DetermineComponentFrameRoot`});var a=r.DetermineComponentFrameRoot(),o=a[0],s=a[1];if(o&&s){var c=o.split(`
@@ -76,7 +76,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `+u),xe&&(u=St(u)),w&&Ae?ee(u):u},t.setConfig=function(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};at(e),we=!0,Te=L,Ee=R},t.clearConfig=function(){nt=null,we=!1,Te=null,Ee=null,w=E,T=``},t.isValidAttribute=function(e,t,n){nt||at({});let r=tt(e),i=tt(t);return Pt(r,i,n)},t.addHook=function(e,t){typeof t==`function`&&Gn(P,e)&&Mn(P[e],t)},t.removeHook=function(e,t){if(Gn(P,e)){if(t!==void 0){let n=An(P[e],t);return n===-1?void 0:Nn(P[e],n,1)[0]}return jn(P[e])}},t.removeHooks=function(e){Gn(P,e)&&(P[e]=[])},t.removeAllHooks=function(){P=Nr()},t}var Lr=Ir();async function Rr(e,t){let n=await fetch(`/api/chats/${e}/vibeable`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({slug:t})}),r=await n.json();if(!n.ok)throw Error(r.error||`HTTP ${n.status}`);return r}function zr({chatId:e,onClose:t,onOpened:n}){let[r,i]=(0,v.useState)(null),[a,o]=(0,v.useState)(``),[s,c]=(0,v.useState)(``),[l,u]=(0,v.useState)(``);(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/vibeables`,{cache:`no-store`}).then(e=>e.json()).then(t=>e&&i(t)).catch(t=>e&&u(t.message)),()=>{e=!1}},[]),(0,v.useEffect)(()=>{let e=e=>e.key===`Escape`&&t();return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[t]);let d=async t=>{c(t),u(``);try{n(await Rr(e,t))}catch(e){u(e.message),c(``)}},f=async t=>{t.preventDefault();let r=a.trim();if(r){c(`new`),u(``);try{let t=await fetch(`/api/vibeables`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:r})}),i=await t.json();if(!t.ok)throw Error(i.error||`HTTP ${t.status}`);n(await Rr(e,i.slug))}catch(e){u(e.message),c(``)}}},p=r?.vibeables??[];return(0,S.jsx)(`div`,{className:`vibeable-overlay`,onMouseDown:e=>e.target===e.currentTarget&&t(),children:(0,S.jsxs)(`div`,{className:`vibeable-picker`,role:`dialog`,"aria-label":`Open a vibeable`,children:[(0,S.jsxs)(`div`,{className:`vibeable-picker-head`,children:[(0,S.jsx)(C,{name:`web`}),(0,S.jsx)(`h2`,{children:`Open a vibeable`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`icon-btn`,onClick:t,title:`Close`,"aria-label":`Close`,children:(0,S.jsx)(C,{name:`close`})})]}),(0,S.jsx)(`p`,{className:`vibeable-picker-hint`,children:`A small app built live in this chat: the agent works inside its folder, and every saved file shows up in the preview pane.`}),r&&!r.enabled&&(0,S.jsxs)(`div`,{className:`vibeable-picker-off`,children:[`Vibeables are off. Turn them on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),` first.`]}),r?.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`form`,{className:`vibeable-new`,onSubmit:e=>void f(e),children:[(0,S.jsx)(`input`,{value:a,placeholder:`new vibeable, e.g. team-dashboard`,"aria-label":`new vibeable name`,onChange:e=>o(e.target.value),autoFocus:!0,disabled:!!s}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,type:`submit`,disabled:!!s||!a.trim(),children:[(0,S.jsx)(C,{name:s===`new`?`progress_activity`:`add`,className:`ms-sm`}),s===`new`?`creating…`:`create`]})]}),(0,S.jsxs)(`div`,{className:`vibeable-picker-list`,children:[p.length===0&&(0,S.jsx)(`div`,{className:`vibeable-picker-empty`,children:`No vibeables yet — create one above.`}),p.map(e=>(0,S.jsxs)(`button`,{className:`vibeable-repo`,disabled:!!s,onClick:()=>void d(e.slug),children:[(0,S.jsx)(`span`,{className:`vibeable-repo-icon`,children:(0,S.jsx)(C,{name:s===e.slug?`progress_activity`:e.dev?`terminal`:`web`})}),(0,S.jsxs)(`span`,{className:`vibeable-repo-main`,children:[(0,S.jsx)(`span`,{className:`vibeable-repo-name`,children:e.slug}),(0,S.jsxs)(`span`,{className:`vibeable-repo-sub`,children:[e.configError?e.configError:e.dev?`dev: ${e.dev}`:e.hasIndex?`static`:`no index.html yet`,e.updatedAt?` · ${Te(e.updatedAt)}`:``]})]}),(0,S.jsx)(C,{name:`chevron_right`,className:`vibeable-repo-go`})]},e.slug))]})]}),l&&(0,S.jsx)(`div`,{className:`settings-err vibeable-picker-err`,children:l})]})})}function Br({chatId:e,slug:t,agentBusy:n,onClosed:r}){let[i,a]=(0,v.useState)(null),[o,s]=(0,v.useState)(0),[c,l]=(0,v.useState)(``),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(``),[m,h]=(0,v.useState)(!1),g=(0,v.useRef)(null),_=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/vibeables/${encodeURIComponent(t)}`,{cache:`no-store`}),n=await e.json();if(!e.ok)throw Error(n.error||`HTTP ${e.status}`);a(n),d(``)}catch(e){d(e.message)}},[t]);(0,v.useEffect)(()=>{_();let e=new EventSource(`/api/vibeables/${encodeURIComponent(t)}/events`),n;return e.onmessage=e=>{let t=JSON.parse(e.data);if(t.type===`change`)s(e=>e+1),l(t.files.slice(0,3).join(`, `)+(t.files.length>3?` +${t.files.length-3}`:``)),clearTimeout(n),n=setTimeout(()=>l(``),2500);else if(t.type===`dev`&&t.dev){let e=t.dev;a(t=>t&&{...t,dev:e,mode:e.running?`dev`:`static`})}else t.type===`error`&&d(t.message)},()=>{e.close(),clearTimeout(n)}},[t,_]);let y=!!i?.dev?.running;(0,v.useEffect)(()=>{if(!y||!m)return;let e=setInterval(()=>void _(),2e3);return()=>clearInterval(e)},[y,m,_]);let b=i?`${i.url}?v=${o}`:``,x=()=>s(e=>e+1),w=async e=>{p(e),d(``);try{let n=await fetch(`/api/vibeables/${encodeURIComponent(t)}/dev/${e}`,{method:`POST`}),r=await n.json();if(!n.ok)throw Error(r.error||`HTTP ${n.status}`);a(r),e===`start`&&h(!0)}catch(e){d(e.message)}finally{p(``)}},T=async()=>{if(e&&r){p(`close`),d(``);try{r(await Rr(e,null))}catch(e){d(e.message),p(``)}}},E=i?.dev,D=E?.running?E.ready?{cls:`ok`,text:`dev :${E.port}`}:{cls:`running`,text:`starting…`}:E&&E.exitCode!==void 0?{cls:`failed`,text:`dev exited${E.exitCode==null?``:` (${E.exitCode})`}`}:{cls:`ok`,text:`static`};return(0,S.jsxs)(`aside`,{className:`vibeable-pane`,"data-vibe":t,children:[(0,S.jsxs)(`div`,{className:`vibeable-bar`,children:[(0,S.jsx)(C,{name:`web`,className:`vibeable-bar-icon`}),(0,S.jsx)(`span`,{className:`vibeable-name`,title:i?.path,children:t}),(0,S.jsxs)(`span`,{className:`vibeable-mode ${D.cls}`,title:E?.command?`dev: ${E.command}`:i?.dir,children:[(0,S.jsx)(`span`,{className:`lamp ${D.cls}`}),D.text]}),c&&(0,S.jsxs)(`span`,{className:`vibeable-flash`,title:c,children:[(0,S.jsx)(C,{name:`bolt`,className:`ms-sm`}),` reloaded`]}),(0,S.jsx)(`span`,{className:`spacer`}),i?.config.dev&&(E?.running?(0,S.jsx)(`button`,{className:`icon-btn`,onClick:()=>void w(`stop`),disabled:!!f,title:`Stop the dev server (${i.config.dev})`,"aria-label":`stop dev server`,children:(0,S.jsx)(C,{name:f===`stop`?`progress_activity`:`stop`})}):(0,S.jsx)(`button`,{className:`icon-btn vibeable-play`,onClick:()=>void w(`start`),disabled:!!f,title:`Start the dev server: ${i.config.dev}`,"aria-label":`start dev server`,children:(0,S.jsx)(C,{name:f===`start`?`progress_activity`:`play_arrow`})})),E&&(0,S.jsx)(`button`,{className:`icon-btn${m?` active`:``}`,onClick:()=>h(e=>!e),title:`Dev server output`,"aria-label":`dev server output`,children:(0,S.jsx)(C,{name:`terminal`})}),(0,S.jsx)(`button`,{className:`icon-btn`,onClick:x,title:`Reload the preview`,"aria-label":`reload preview`,children:(0,S.jsx)(C,{name:`refresh`})}),(0,S.jsx)(`button`,{className:`icon-btn`,onClick:()=>window.open(i?.url??``,`_blank`,`noopener`),disabled:!i,title:`Open in a new tab`,"aria-label":`open in new tab`,children:(0,S.jsx)(C,{name:`open_in_new`})}),e&&r&&(0,S.jsx)(`button`,{className:`icon-btn`,onClick:()=>void T(),disabled:!!f||n,title:n?`The agent is working — close the preview when the turn is done`:`Close the preview (the agent returns to the project root)`,"aria-label":`close preview`,children:(0,S.jsx)(C,{name:f===`close`?`progress_activity`:`close`})})]}),(u||i?.configError)&&(0,S.jsxs)(`div`,{className:`vibeable-err`,children:[(0,S.jsx)(`span`,{children:u||i?.configError}),u&&(0,S.jsx)(`button`,{className:`vibeable-err-x`,onClick:()=>d(``),"aria-label":`dismiss`,children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]}),i?.config.dev&&!E?.running&&!u&&(0,S.jsxs)(`div`,{className:`vibeable-note`,children:[`This app has a dev command (`,(0,S.jsx)(`code`,{children:i.config.dev}),`). Showing the static folder until you start it.`]}),b&&(0,S.jsx)(`iframe`,{ref:g,className:`vibeable-frame`,src:b,title:`vibeable ${t}`,sandbox:`allow-scripts allow-forms allow-popups allow-modals allow-downloads`,allow:`clipboard-write`}),!b&&!u&&(0,S.jsx)(`div`,{className:`empty`,children:`loading…`}),m&&E&&(0,S.jsx)(`pre`,{className:`vibeable-log`,"aria-label":`dev server log`,children:E.log.length?E.log.join(`
 `):`(no output yet)`})]})}function Vr({chatId:e,slug:t,onClosed:n}){let[r,i]=(0,v.useState)(``);return(0,S.jsxs)(`aside`,{className:`vibeable-pane vibeable-pane-off`,"data-vibe":t,children:[(0,S.jsxs)(`div`,{className:`vibeable-bar`,children:[(0,S.jsx)(C,{name:`web`,className:`vibeable-bar-icon`}),(0,S.jsx)(`span`,{className:`vibeable-name`,children:t}),(0,S.jsxs)(`span`,{className:`vibeable-mode failed`,children:[(0,S.jsx)(`span`,{className:`lamp failed`}),`vibeables are off`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`icon-btn`,onClick:()=>Rr(e,null).then(n).catch(e=>i(e.message)),title:`Detach the app from this chat`,"aria-label":`close preview`,children:(0,S.jsx)(C,{name:`close`})})]}),(0,S.jsxs)(`div`,{className:`vibeable-note`,children:[`This chat has `,(0,S.jsx)(`b`,{children:t}),` open, but vibeables were switched off in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),`. Turn them back on to see the preview, or detach the app.`]}),r&&(0,S.jsx)(`div`,{className:`vibeable-err`,children:(0,S.jsx)(`span`,{children:r})})]})}var Hr=`kw-vibeable-agent`;async function Ur(e,t){let n=await fetch(`/api/chats`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({agent:t,scope:{kind:`general`}})}),r=await n.json();if(!n.ok||!r.id)throw Error(r.error||`HTTP ${n.status}`);await Rr(r.id,e),A(`/agents/chats/${r.id}`)}function Wr({slug:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(``),[s,c]=(0,v.useState)(``),[l,u]=(0,v.useState)({}),[d,f]=(0,v.useState)({}),[p,m]=(0,v.useState)(!1),[h,g]=(0,v.useState)(()=>{try{let e=localStorage.getItem(Hr);return e===`codex`||e===`pi`?e:`claude`}catch{return`claude`}}),_=P(),y=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/vibeables`,{cache:`no-store`});if(!e.ok)throw Error(`HTTP ${e.status}`);n(await e.json()),i(``)}catch(e){i(e.message||`could not load vibeables`)}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await y(),e&&(t=setTimeout(n,15e3))};return n(),()=>{e=!1,clearTimeout(t)}},[y]);let b=[...t?.vibeables??[]].sort((e,t)=>(t.updatedAt??``).localeCompare(e.updatedAt??``)),x=s.trim().toLowerCase(),w=x?b.filter(e=>e.slug.toLowerCase().includes(x)):b,T=e===`new`,E=e&&!T?b.find(t=>t.slug===e):void 0;(0,v.useEffect)(()=>{y()},[e,y]);let D=b[0]?.slug;(0,v.useEffect)(()=>{!e&&D&&A(`/vibeables/${encodeURIComponent(D)}`,{replace:!0})},[e,D]);let O=(e,t)=>u(n=>({...n,[e]:t})),k=e=>u(t=>{let n={...t};return delete n[e],n}),ee=(e,t)=>f(n=>({...n,[e]:t.message})),te=async e=>{e.preventDefault();let t=a.trim();if(t&&!l.__new){O(`__new`,`create`),f(e=>({...e,__new:``}));try{let e=await fetch(`/api/vibeables`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:t})}),n=await e.json();if(!e.ok)throw Error(n.error||`HTTP ${e.status}`);o(``),await y(),A(`/vibeables/${encodeURIComponent(n.slug??t)}`)}catch(e){ee(`__new`,e)}finally{k(`__new`)}}},ne=async e=>{O(e,`open`);try{await Ur(e,h)}catch(t){ee(e,t),k(e)}},re=async e=>{O(e,`remove`),m(!1);try{let t=await fetch(`/api/vibeables/${encodeURIComponent(e)}`,{method:`DELETE`}),n=await t.json();if(!t.ok||!n.ok)throw Error(n.error||`failed`);await y(),A(`/vibeables`,{replace:!0})}catch(t){ee(e,t),y()}finally{k(e)}},M=e=>{g(e);try{localStorage.setItem(Hr,e)}catch{}},N=e=>e.configError?{label:`config error`,cls:`failed`}:e.hasIndex?{label:e.dev?`dev`:`static`,cls:`ok`}:{label:`no index.html yet`,cls:`pending`},ie;if(t&&!t.enabled)ie=(0,S.jsx)(`div`,{className:`empty`,children:t.error&&!/are off/.test(t.error)?(0,S.jsx)(`span`,{className:`settings-err`,children:t.error}):(0,S.jsxs)(S.Fragment,{children:[`Vibeables are off. Turn them on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),` or add a `,(0,S.jsx)(`code`,{children:`vibeables:`}),` block to kraftwerk.yml.`]})});else if(!t)ie=(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});else if(T||b.length===0)ie=(0,S.jsxs)(`form`,{className:`empty empty-action`,onSubmit:e=>void te(e),children:[(0,S.jsxs)(`div`,{className:`know-newbundle`,children:[(0,S.jsx)(`input`,{value:a,placeholder:`e.g. team-dashboard`,"aria-label":`new vibeable name`,onChange:e=>o(e.target.value),autoFocus:!0}),(0,S.jsxs)(`button`,{className:`run-btn`,type:`submit`,disabled:!!l.__new||!a.trim(),children:[(0,S.jsx)(C,{name:l.__new?`progress_activity`:`add`,className:`ms-sm`}),l.__new?`creating…`:`new vibeable`]})]}),d.__new&&(0,S.jsx)(`div`,{className:`settings-err`,children:d.__new}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`A small app built live with an agent. One folder each under `,(0,S.jsx)(`code`,{title:t.root,children:t.root}),`; part of the workspace, commit it from the git screen.`]})]});else if(e&&!E)ie=(0,S.jsxs)(`div`,{className:`empty`,children:[`no vibeable named `,e]});else if(E){let e=E,t=N(e),n=l[e.slug];ie=(0,S.jsxs)(`div`,{className:`chat-main vibe-main`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(De,{status:t.cls}),(0,S.jsx)(`h1`,{children:e.slug}),(0,S.jsx)(`span`,{className:`status-word ${t.cls}`,children:t.label}),e.updatedAt&&(0,S.jsxs)(`span`,{className:`rid`,title:e.updatedAt,children:[`changed `,Te(e.updatedAt)]}),_&&(0,S.jsx)(`span`,{className:`rid`,title:e.path,children:e.path}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`label`,{className:`vibeables-agent`,children:(0,S.jsxs)(`select`,{value:h,onChange:e=>M(e.target.value),"aria-label":`agent for new chats`,children:[(0,S.jsx)(`option`,{value:`claude`,children:`claude`}),(0,S.jsx)(`option`,{value:`codex`,children:`codex`}),(0,S.jsx)(`option`,{value:`pi`,children:`pi`})]})}),(0,S.jsxs)(`button`,{className:`run-btn`,disabled:!!n,onClick:()=>void ne(e.slug),title:`Start a ${h} chat with this app in the preview pane`,children:[(0,S.jsx)(C,{name:n===`open`?`progress_activity`:`chat`,className:`ms-sm`}),` open in chat`]}),p?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:()=>void re(e.slug),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` confirm remove`]}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>m(!1),children:`cancel`})]}):(0,S.jsxs)(`button`,{className:`stop-btn`,disabled:!!n,onClick:()=>m(!0),title:`Delete the folder; its history stays in the workspace git`,children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]})]}),(e.configError||d[e.slug])&&(0,S.jsx)(`div`,{className:`settings-err`,children:e.configError||d[e.slug]}),(0,S.jsx)(Br,{slug:e.slug},e.slug)]})}else ie=(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});return(0,S.jsxs)(`div`,{className:`runs-screen vibeables-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`vibeables`}),(0,S.jsx)(`span`,{className:`spacer`}),t?.enabled&&(0,S.jsx)(`span`,{className:`microlabel num`,children:b.length}),t?.enabled&&(0,S.jsxs)(j,{href:`/vibeables/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`label`,{className:`side-filter`,children:[(0,S.jsx)(C,{name:`filter_list`,className:`ms-sm`}),(0,S.jsx)(`input`,{type:`search`,value:s,placeholder:`search vibeables`,"aria-label":`search vibeables`,onChange:e=>c(e.target.value)})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[w.map(t=>{let n=N(t);return(0,S.jsxs)(j,{href:`/vibeables/${encodeURIComponent(t.slug)}`,className:`side-row vibeable-row ${t.slug===e?`active`:``}`,"data-vibeable":t.slug,children:[(0,S.jsx)(`span`,{className:`lamp ${n.cls}`}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsx)(`span`,{className:`side-wf`,children:t.slug}),t.updatedAt&&(0,S.jsx)(`span`,{className:`side-when num`,title:t.updatedAt,children:Te(t.updatedAt)})]}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsxs)(`span`,{className:`side-req`,children:[n.label,t.dev?` · ${t.dev}`:``]})})]})]},t.slug)}),t&&b.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`nothing built yet`}),t&&b.length>0&&w.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no vibeable matches`}),r&&(0,S.jsx)(`div`,{className:`viewer-note settings-err`,children:r})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:ie})]})}function Gr({seg:e}){let t=e[0]&&e[0]!==`new`?decodeURIComponent(e[0]):void 0,n=e[0]===`new`?`new`:t&&e[1]===`edit`?`edit`:t?`channel`:`home`,r=z(`/api/channels`,!1,4e3),i=z(`/api/agents`,!1,15e3),a=r?.channels??[],o=t?a.find(e=>e.slug===t):void 0,s=a.reduce((e,t)=>!e||t.updatedAt>e.updatedAt?t:e,void 0);(0,v.useEffect)(()=>{n===`home`&&s&&A(`/channels/${encodeURIComponent(s.slug)}`,{replace:!0})},[n,s?.slug]);let c;return c=n===`new`?(0,S.jsx)(qr,{agents:i?.agents??[]}):n===`edit`&&o?(0,S.jsx)(qr,{channel:o,agents:i?.agents??[]},o.slug):n===`channel`&&o?(0,S.jsx)(`div`,{className:`chat-main`,children:(0,S.jsx)(ai,{id:o.chatId,channel:o,agents:i?.agents??[]},o.chatId)}):n===`channel`&&r?(0,S.jsx)(`div`,{className:`empty`,children:`channel not found`}):n===`channel`||!r||s?(0,S.jsx)(`div`,{className:`empty`,children:`loading…`}):(0,S.jsx)(Kr,{}),(0,S.jsxs)(`div`,{className:`runs-screen channels-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`channels`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(j,{href:`/channels/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[a.map(e=>(0,S.jsxs)(j,{href:`/channels/${encodeURIComponent(e.slug)}`,className:`side-row ${e.slug===t?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${e.awaitingApproval?`blocked`:e.busy?`running`:`pending`}`,title:e.awaitingApproval?`waiting for your approval`:e.busy?`an agent is working`:void 0}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsxs)(`span`,{className:`side-wf`,children:[`#`,e.slug]})}),(0,S.jsxs)(`div`,{className:`side-row-sub`,children:[(0,S.jsxs)(`span`,{className:`side-req`,children:[e.name,e.members.length?` · ${e.members.map(e=>`@${e}`).join(` `)}`:``]}),(0,S.jsx)(`span`,{className:`side-when num`,children:we(e.updatedAt)})]})]})]},e.slug)),r&&a.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no channels yet — create one, or add a coworker to an agent session`})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:c})]})}function Kr(){return(0,S.jsx)(`div`,{className:`empty empty-action`,children:(0,S.jsxs)(j,{href:`/channels/new`,className:`run-btn`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new channel`]})})}function qr({channel:e,agents:t}){let[n,r]=(0,v.useState)(e?.name??``),[i,a]=(0,v.useState)(e?.purpose??``),[o,s]=(0,v.useState)(e?.members??[]),[c,l]=(0,v.useState)(e?.responder??``),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(``),m=t.filter(e=>!e.archived);function h(e,t){s(n=>t?[...n.filter(t=>t!==e),e]:n.filter(t=>t!==e)),!t&&c===e&&l(``)}async function g(){d(!0),p(``);try{let t=await fetch(e?`/api/channels/${encodeURIComponent(e.slug)}`:`/api/channels`,{method:e?`PUT`:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:n,purpose:i,members:o,responder:c||null})}),r=await t.json();if(!t.ok||r.error)throw Error(r.error??`HTTP ${t.status}`);A(`/channels/${encodeURIComponent(r.slug)}`)}catch(e){p(e.message)}d(!1)}async function _(){e&&window.confirm(`Delete #${e.slug} and its transcript?`)&&(await fetch(`/api/channels/${encodeURIComponent(e.slug)}`,{method:`DELETE`}).catch(()=>{}),A(`/channels`))}return(0,S.jsx)(`div`,{className:`new-chat`,children:(0,S.jsxs)(`div`,{className:`panel new-chat-panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:e?`edit #${e.slug}`:`new channel`}),(0,S.jsx)(`span`,{className:`spacer`}),e&&(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>void _(),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` delete`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,children:[`name`,(0,S.jsx)(`input`,{value:n,placeholder:`e.g. Website relaunch`,onChange:e=>r(e.target.value),autoFocus:!0})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`purpose — one line the agents read`,(0,S.jsx)(`input`,{value:i,placeholder:`what this channel is for`,onChange:e=>a(e.target.value)})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[`members — agents in this channel`,(0,S.jsxs)(`div`,{className:`wf-checks`,children:[m.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:o.includes(e.slug),onChange:t=>h(e.slug,t.target.checked)}),(0,S.jsxs)(`b`,{children:[e.emoji,` `,e.name]}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — @`,e.slug,e.description?` · ${e.description}`:``]})]},e.slug)),m.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no agents yet — create one on the agents screen first`})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`responder — answers when a message mentions nobody`,(0,S.jsxs)(`select`,{value:c,onChange:e=>l(e.target.value),children:[(0,S.jsx)(`option`,{value:``,children:`nobody (agents only answer when @mentioned)`}),o.map(e=>(0,S.jsxs)(`option`,{value:e,children:[`@`,e]},e))]})]}),f&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,f]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:u||!n.trim()||o.length===0,onClick:()=>void g(),children:u?`saving…`:e?`save`:`create channel`}),(0,S.jsx)(j,{href:e?`/channels/${encodeURIComponent(e.slug)}`:`/channels`,className:`open-raw`,children:`cancel`})]})]})]})})}function Jr({chatId:e,agentSlug:t,title:n,onClose:r}){let[i,a]=(0,v.useState)([]),[o,s]=(0,v.useState)(n||``),[c,l]=(0,v.useState)([]),[u,d]=(0,v.useState)(!1),[f,p]=(0,v.useState)(``);(0,v.useEffect)(()=>{fetch(`/api/agents`).then(e=>e.json()).then(e=>a(e.agents.filter(e=>!e.archived&&e.slug!==t))).catch(()=>{})},[t]);async function m(){d(!0),p(``);try{let n=await fetch(`/api/channels/from-chat`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({chatId:e,name:o,members:[t,...c],responder:t})}),i=await n.json();if(!n.ok||!i.slug)throw Error(i.error??`HTTP ${n.status}`);r(),A(`/channels/${encodeURIComponent(i.slug)}`)}catch(e){p(e.message)}d(!1)}return(0,S.jsx)(`div`,{className:`dialog-backdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,S.jsxs)(`div`,{className:`dialog`,role:`dialog`,"aria-label":`Add a coworker`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`add a coworker`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:r,children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`p`,{className:`viewer-note`,children:[`This session becomes a channel: @`,t,` stays and keeps its memory, the agents you pick join, and everyone reads the same transcript. @`,t,` answers when nobody is mentioned.`]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`channel name`,(0,S.jsx)(`input`,{value:o,placeholder:`e.g. Website relaunch`,onChange:e=>s(e.target.value),autoFocus:!0})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[`invite`,(0,S.jsxs)(`div`,{className:`wf-checks`,children:[i.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:c.includes(e.slug),onChange:t=>l(n=>t.target.checked?[...n,e.slug]:n.filter(t=>t!==e.slug))}),(0,S.jsxs)(`b`,{children:[e.emoji,` `,e.name]}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — @`,e.slug,e.description?` · ${e.description}`:``]})]},e.slug)),i.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no other agents to invite yet`})]})]}),f&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,f]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:u||!o.trim()||c.length===0,onClick:()=>void m(),children:u?`creating…`:`create channel`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:r,children:`cancel`})]})]})]})})}var Yr=`kw-me`;function Xr(){try{return localStorage.getItem(Yr)||``}catch{return``}}function Zr(e){try{localStorage.setItem(Yr,e)}catch{}}var Qr=[{id:`claude`,label:`claude`,hint:`Claude Code via ACP`},{id:`codex`,label:`codex`,hint:`Codex (ChatGPT) via ACP`},{id:`pi`,label:`pi`,hint:`pi coding agent`}];async function $r(e,t,n){let r=await(await fetch(`/api/chats`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({agent:e,scope:t,...n?{resume:n}:{}})})).json();r.id&&A(r.scope?.kind===`agent`?`/agents/${encodeURIComponent(r.scope.slug)}/chat/${r.id}`:`/agents/chats/${r.id}`)}function ei(){let[e,t]=(0,v.useState)(`claude`),[n,r]=(0,v.useState)(!0),[i,a]=(0,v.useState)(!1),[o,s]=(0,v.useState)(null);return(0,v.useEffect)(()=>s(null),[e]),(0,S.jsxs)(`div`,{className:`new-chat`,children:[(0,S.jsx)(`div`,{className:`page-head`,children:(0,S.jsx)(`h1`,{children:`new chat`})}),(0,S.jsxs)(`section`,{className:`panel new-chat-panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`agent`})}),(0,S.jsx)(`div`,{className:`agent-pick`,children:Qr.map(n=>(0,S.jsxs)(`button`,{className:`agent-pick-btn ${e===n.id?`active`:``}`,onClick:()=>t(n.id),children:[(0,S.jsx)(`b`,{children:n.label}),(0,S.jsx)(`span`,{children:n.hint})]},n.id))}),(0,S.jsx)(`div`,{className:`run-opts`,style:{padding:`0 16px 14px`},children:(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:n,onChange:e=>r(e.target.checked)}),`kraftwerk-aware`,(0,S.jsx)(`span`,{className:`opt-hint`,children:`— agent gets workflows + recent runs as context`})]})}),(0,S.jsx)(`div`,{style:{padding:`0 16px 16px`},children:(0,S.jsx)(`button`,{className:`run-btn`,disabled:i,onClick:async()=>{a(!0),await $r(e,{kind:n?`kraftwerk`:`general`}),a(!1)},children:i?`starting…`:`start chat`})})]}),e!==`pi`&&(0,S.jsxs)(`section`,{className:`panel new-chat-panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`continue a session`}),(0,S.jsx)(`span`,{className:`spacer`}),o===null&&(0,S.jsxs)(`button`,{className:`ws-btn`,onClick:async()=>{s(`loading`);let t=await fetch(`/api/agent-sessions?agent=${e}`).then(e=>e.ok?e.json():{sessions:[]}).catch(()=>({sessions:[]}));s((t.sessions??[]).slice(0,20))},children:[(0,S.jsx)(C,{name:`history`,className:`ms-sm`}),` list `,e,` sessions`]})]}),o===`loading`&&(0,S.jsxs)(`div`,{className:`empty`,children:[`asking `,e,`…`]}),Array.isArray(o)&&o.length===0&&(0,S.jsxs)(`div`,{className:`empty`,children:[`no `,e,` sessions in this project`]}),Array.isArray(o)&&o.length>0&&(0,S.jsx)(`div`,{className:`session-list`,children:o.map(t=>(0,S.jsxs)(`button`,{className:`session-row`,disabled:i,title:t.sessionId,onClick:async()=>{a(!0),await $r(e,{kind:n?`kraftwerk`:`general`},t.sessionId),a(!1)},children:[(0,S.jsx)(`span`,{className:`session-title`,children:t.title||t.sessionId.slice(0,8)}),t.updatedAt&&(0,S.jsx)(`span`,{className:`session-when`,children:new Date(t.updatedAt).toLocaleString()})]},t.sessionId))})]})]})}function ti(e,t){fetch(`/api/chats/${e}/cancel`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(t?{agent:t}:{})}).catch(()=>{})}var ni=(e,t=90)=>{let n=e.replace(/\s+/g,` `).trim();return n.length>t?`${n.slice(0,t)}…`:n};function ri(e,t){let n=RegExp(`(^|[^a-z0-9-])@${t.replace(/[.*+?^${}()|[\\]\\]/g,`\\$&`)}(?![a-z0-9-])`,`i`),r,i,a=!1,o=``;for(let s of e){if(s.from?.kind!==`agent`||s.from.slug!==t){(s.type===`user_message`||s.type===`text`)&&n.test(s.text)&&(r=ni(s.text));continue}switch(s.type){case`turn_start`:a=!0,i=void 0,o=``;break;case`turn_end`:case`error`:a=!1;break;case`tool_call`:a&&(i=ni(`${s.kind&&s.kind!==`other`?`${s.kind}: `:``}${s.title}`));break;case`text`:a&&(o+=s.text,(!i||i.startsWith(`says: `))&&(i=ni(`says: ${o}`)))}}return{task:r,now:i}}function ii(e,t){let n=e=>!t&&!e||t?.kind===`agent`&&e?.kind===`agent`&&e.slug===t.slug,r=null,i,a=[],o=[],s;for(let t of e)n(t.from)&&(t.type===`plan`?r=t.entries:t.type===`usage`?i={used:t.used,size:t.size,costUsd:t.costUsd}:t.type===`commands`?a=t.commands:t.type===`config`?o=t.options:t.type===`auth`&&(s=t));return{plan:r,usage:i,commands:a,config:o,auth:s}}function ai({id:e,agentName:t,agentDescription:n,channel:r,agents:i}){let[a,o]=(0,v.useState)(null),[s,c]=(0,v.useState)([]),[l,u]=(0,v.useState)(!1),[d,f]=(0,v.useState)(!1),[p,m]=(0,v.useState)(!1),[h,g]=(0,v.useState)(!1),[_,y]=(0,v.useState)(null),[b,x]=(0,v.useState)(null),w=I(),T=(0,v.useMemo)(()=>ii(s),[s]);(0,v.useEffect)(()=>{let t=!0,n=null;return fetch(`/api/chats/${e}`).then(e=>e.ok?e.json():Promise.reject()).then(r=>{if(!t)return;o(r.meta),c(r.events);let i=r.events[r.events.length-1]?.seq??0;n=new EventSource(`/api/chats/${e}/events?after=${i}`),n.onmessage=e=>{let t=JSON.parse(e.data);c(e=>e.some(e=>e.seq===t.seq)?e:[...e,t])}}).catch(()=>t&&u(!0)),()=>{t=!1,n?.close()}},[e]);let E=(0,v.useMemo)(()=>{if(!r)return[];let e=new Set;for(let t of s)t.from?.kind===`agent`&&(t.type===`turn_start`&&e.add(t.from.slug),(t.type===`turn_end`||t.type===`error`)&&e.delete(t.from.slug));return[...e]},[s,r]),D=(0,v.useMemo)(()=>{if(r)return E.length>0;for(let e=s.length-1;e>=0;e--){let t=s[e].type;if(t===`user_message`)return!0;if(t===`turn_end`||t===`error`)return!1}return!1},[s,r,E]),O=(0,v.useMemo)(()=>{if(a?.title)return a.title;let e=s.find(e=>e.type===`user_message`);return e&&e.type===`user_message`?e.text.replace(/\s+/g,` `).trim().slice(0,80):``},[a,s]);if((0,v.useEffect)(()=>a?r?(te(`#${r.slug} · ${r.name}`),()=>te(``)):(te([t??(a.scope.kind===`agent`?a.scope.slug:a.agent),n,O||`new chat`].filter(Boolean).join(` · `)),()=>te(``)):void 0,[a,O,t,n,r]),l)return(0,S.jsx)(`div`,{className:`empty`,children:`chat not found`});if(!a)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let k=new Map((i??[]).map(e=>[e.slug,e]));return r?(0,S.jsx)(`div`,{className:`chat-split`,children:(0,S.jsxs)(`div`,{className:`chat-thread channel-thread`,children:[(0,S.jsxs)(`div`,{className:`detail-head channel-head`,children:[(0,S.jsx)(`span`,{className:`lamp ${D?`running`:`ok`}`}),(0,S.jsxs)(`h1`,{children:[`#`,r.slug]}),(0,S.jsx)(`span`,{className:`channel-name`,children:r.name}),(0,S.jsx)(`span`,{className:`spacer`}),E.length>0&&(0,S.jsxs)(`button`,{className:`stop-btn`,title:`interrupt every agent working in this channel`,onClick:()=>ti(e),children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop all (`,E.length,`)`]}),(0,S.jsxs)(j,{href:`/channels/${encodeURIComponent(r.slug)}/edit`,className:`open-raw`,title:`members, purpose, responder`,children:[(0,S.jsx)(C,{name:`tune`,className:`ms-sm`}),` members`]})]}),(0,S.jsxs)(`div`,{className:`channel-members`,children:[r.purpose&&(0,S.jsx)(`span`,{className:`channel-purpose`,children:r.purpose}),r.members.map(t=>{let n=k.get(t),i=E.includes(t),a=ri(s,t);return(0,S.jsxs)(`div`,{className:`member-chip ${i?`working`:``} ${b===t?`focused`:``}`,title:n?.description,children:[(0,S.jsxs)(`button`,{className:`member-open`,onClick:()=>x(b===t?null:t),title:b===t?`back to the channel`:`look at @${t}'s session`,children:[(0,S.jsxs)(`span`,{className:`agent-avatar sm`,children:[(0,S.jsx)(`span`,{"aria-hidden":!0,children:n?.emoji??`🤖`}),(0,S.jsx)(`span`,{className:`lamp ${i?`running`:`idle`}`})]}),(0,S.jsxs)(`span`,{className:`member-text`,children:[(0,S.jsxs)(`span`,{className:`member-line`,children:[(0,S.jsx)(`span`,{className:`member-name`,children:n?.name??t}),(0,S.jsxs)(`span`,{className:`member-handle`,children:[`@`,t]}),r.responder===t&&(0,S.jsx)(`span`,{className:`chip`,children:`responder`})]}),(a.task||a.now)&&(0,S.jsx)(`span`,{className:`member-activity`,children:i?a.now?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`now`}),` `,a.now]}):(0,S.jsxs)(S.Fragment,{children:[`working on: `,a.task]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`last`}),` `,a.task]})})]})]}),i&&(0,S.jsx)(`button`,{className:`member-stop`,title:`interrupt @${t}`,onClick:()=>ti(e,t),children:(0,S.jsx)(C,{name:`stop`,className:`ms-sm`})}),(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(t)}/info`,className:`member-info`,title:`agent definition`,children:(0,S.jsx)(C,{name:`info`,className:`ms-sm`})})]},t)})]}),b&&(0,S.jsxs)(`div`,{className:`focus-bar`,children:[(0,S.jsxs)(`button`,{className:`ws-btn`,onClick:()=>x(null),children:[(0,S.jsx)(C,{name:`arrow_back`,className:`ms-sm`}),` channel`]}),(0,S.jsxs)(`span`,{className:`focus-title`,children:[k.get(b)?.emoji??`🤖`,` @`,b,`'s session — everything this agent did, tools included`]}),(0,S.jsx)(`span`,{className:`spacer`}),E.includes(b)&&(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:()=>ti(e,b),children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop @`,b]})]}),(0,S.jsx)(li,{id:e,events:s,busy:D,channel:r,agentMap:k,working:E,focus:b??void 0}),(0,S.jsx)(yi,{id:e,busy:D,scope:a.scope,channel:r,agentMap:k})]})}):(0,S.jsxs)(`div`,{className:`chat-split${a.vibeable?` open`:``}`,children:[(0,S.jsxs)(`div`,{className:`chat-thread`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`span`,{className:`lamp ${D?`running`:`ok`}`}),(0,S.jsx)(`h1`,{children:O||`new chat`}),a.scope.kind===`agent`&&!a.scope.routine&&(0,S.jsxs)(`button`,{className:`ws-btn coworker-btn`,onClick:()=>m(!0),title:`Turn this session into a channel and invite more agents`,disabled:D,children:[(0,S.jsx)(C,{name:`group_add`,className:`ms-sm`}),` add coworker`]}),a.agent!==`pi`&&a.sessions?.main&&(0,S.jsxs)(`button`,{className:`ws-btn fork-btn${a.agent===`codex`?` muted`:``}`,disabled:D||h,"aria-disabled":a.agent===`codex`,title:a.agent===`codex`?`not supported: codex has no session fork`:`Branch this conversation: a new chat with the same history, the original stays as it is`,onClick:async()=>{if(a.agent===`codex`)return y(`fork is not supported by codex`);g(!0);let t=await fetch(`/api/chats/${e}/fork`,{method:`POST`}),n=await t.json().catch(()=>({}));if(g(!1),!t.ok||!n.id)return alert(n.error??`fork failed (${t.status})`);A(n.scope?.kind===`agent`?`/agents/${encodeURIComponent(n.scope.slug)}/chat/${n.id}`:`/agents/chats/${n.id}`)},children:[(0,S.jsx)(C,{name:`call_split`,className:`ms-sm`}),` `,h?`forking…`:`fork`]}),_&&(0,S.jsx)(`span`,{className:`fork-note`,children:_}),!a.vibeable&&w.vibeables&&(0,S.jsxs)(`button`,{className:`ws-btn vibeable-open`,onClick:()=>f(!0),title:`Build a small app live: a preview pane next to this chat`,disabled:D,children:[(0,S.jsx)(C,{name:`web`,className:`ms-sm`}),` vibeable`]}),(0,S.jsx)(`span`,{className:`chip agent`,children:a.agent}),(0,S.jsx)(gi,{id:e,live:T}),a.scope.kind===`run`&&(0,S.jsx)(j,{href:`/runs/${a.scope.runId}`,className:`chip`,children:a.scope.runId}),a.scope.kind===`kraftwerk`&&(0,S.jsx)(`span`,{className:`chip`,children:`kraftwerk-aware`}),a.scope.kind===`knowledge`&&(0,S.jsxs)(j,{href:a.scope.bundle?`/knowledge/${encodeURIComponent(a.scope.bundle)}`:`/knowledge`,className:`chip`,children:[`knowledge`,a.scope.bundle?`:${a.scope.bundle}`:``]}),a.scope.kind===`agent`&&(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(a.scope.slug)}/info`,className:`chip`,children:[`agent:`,a.scope.slug]}),(0,S.jsx)(`span`,{className:`rid`,title:a.cwd,children:a.cwd})]}),(0,S.jsx)(li,{id:e,events:s,busy:D}),(0,S.jsx)(yi,{id:e,busy:D,scope:a.scope,commands:T.commands,canSteer:a.agent!==`pi`})]}),a.vibeable&&w.vibeables&&(0,S.jsx)(Br,{chatId:e,slug:a.vibeable,agentBusy:D,onClosed:o},a.vibeable),a.vibeable&&!w.vibeables&&(0,S.jsx)(Vr,{chatId:e,slug:a.vibeable,onClosed:o}),d&&(0,S.jsx)(zr,{chatId:e,onClose:()=>f(!1),onOpened:e=>{o(e),f(!1)}}),p&&a.scope.kind===`agent`&&(0,S.jsx)(Jr,{chatId:e,agentSlug:a.scope.slug,title:O,onClose:()=>m(!1)})]})}var oi=(e,t)=>!e&&!t||!!e&&!!t&&e.kind===t.kind&&(e.kind===`human`?e.name===t.name:e.slug===t.slug);function si(e){let t=[],n=new Map,r=new Map,i=new Map,a=new Map,o=new Map,s=new Map,c,l;for(let u of e){let e=`subagent`in u&&u.subagent?r.get(u.subagent):void 0,d=e?e.children:t,f=d[d.length-1];switch(u.type){case`user_message`:c=u.text,d.push({kind:`user`,text:u.text,steered:u.steered,attachments:u.attachments,key:`e${u.seq}`,from:u.from});break;case`text`:f?.kind===`agent`&&oi(f.from,u.from)?f.text+=u.text:d.push({kind:`agent`,text:u.text,key:`e${u.seq}`,from:u.from});break;case`thought`:f?.kind===`thought`&&oi(f.from,u.from)?f.text+=u.text:d.push({kind:`thought`,text:u.text,key:`e${u.seq}`,from:u.from});break;case`tool_call`:{let e={kind:`tool`,callId:u.callId,title:u.title,toolKind:u.kind,status:u.status,compaction:u.compaction,key:`e${u.seq}`,from:u.from};n.set(u.callId,e),d.push(e);break}case`tool_update`:{let e=n.get(u.callId);e&&(u.title&&(e.title=u.title),u.status&&(e.status=u.status),u.compaction&&(e.compaction={...e.compaction,...u.compaction}));break}case`subagent`:{let e={kind:`subagent`,sessionId:u.sessionId,name:u.name,task:u.task,children:[],key:`e${u.seq}`,from:u.from};r.set(u.sessionId,e),t.push(e);break}case`subagent_state`:{let e=r.get(u.sessionId);e&&(e.state=u.state);break}case`task`:{let e={kind:`task`,taskId:u.taskId,name:u.name,taskType:u.taskType,description:u.description,canStop:u.canStop,state:`running`,key:`e${u.seq}`,from:u.from};i.set(u.taskId,e),d.push(e);break}case`task_update`:{let e=i.get(u.taskId);e&&(u.description&&(e.description=u.description),u.summary&&(e.summary=u.summary),u.state&&(e.state=u.state));break}case`permission_request`:s.set(u.requestId,d.length),d.push({kind:`permission`,requestId:u.requestId,title:u.title,options:u.options,resolved:void 0,key:`e${u.seq}`,from:u.from});break;case`permission_resolved`:{let e=s.get(u.requestId);e!=null&&(d[e].resolved=u.optionId);break}case`error`:d.push({kind:`error`,text:u.message,key:`e${u.seq}`,from:u.from});break;case`failure`:{let{type:e,seq:n,ts:r,from:i,...o}=u,s=a.get(o.id);if(s&&o.revision>=s.failure.revision)s.failure=o,s.resolved=!1,s.retryText=c;else if(!s){let e={kind:`failure`,failure:o,resolved:!1,retryText:c,key:`e${u.seq}`,from:i};a.set(o.id,e),t.push(e)}break}case`turn_end`:for(let e of a.values())e.resolved=!0;break;case`plan`:u.entries===null?l&&(l.removed=!0):l&&!l.removed?l.entries=u.entries:(l={kind:`plan`,entries:u.entries,removed:!1,key:`e${u.seq}`,from:u.from},t.push(l));break;case`files_changed`:(u.paths.length>0||u.uncertainty)&&t.push({kind:`files`,paths:u.paths,complete:u.complete,...u.uncertainty?{note:u.uncertainty}:{},key:`e${u.seq}`,from:u.from});break;case`elicitation_request`:{let e={kind:`question`,requestId:u.requestId,message:u.message,fields:u.fields,key:`e${u.seq}`,from:u.from};o.set(u.requestId,e),t.push(e);break}case`elicitation_resolved`:{let e=o.get(u.requestId);e&&(e.resolved={action:u.action,...u.action===`accept`?{content:u.content}:{}});break}}}return t}var ci=new Set([`tool`,`thought`,`subagent`,`task`,`files`]);function li({id:e,events:t,busy:n,channel:r,agentMap:i,working:a,focus:o}){let s=P(),c=(0,v.useMemo)(()=>{let e=si(o?t.filter(e=>e.from?.kind===`human`||e.from?.kind===`agent`&&e.from.slug===o):t);return s||o?e:e.filter(e=>!ci.has(e.kind))},[t,s,o]),l=(0,v.useRef)(null),u=(0,v.useRef)(!0);return(0,v.useEffect)(()=>{let e=l.current;e&&u.current&&(e.scrollTop=e.scrollHeight)},[c,n]),(0,S.jsxs)(`div`,{className:`chat-scroll`,ref:l,onScroll:e=>{let t=e.currentTarget;u.current=t.scrollHeight-t.scrollTop-t.clientHeight<60},children:[c.length===0&&(0,S.jsx)(`div`,{className:`empty`,children:r?`say something — @mention an agent to wake it${r.responder?`, or just write: @${r.responder} answers`:``}`:`say something — the agent starts on your first message`}),c.map((t,n)=>{let a=c[n-1],o=r&&t.kind!==`error`&&(!a||!oi(a.from,t.from)||a.kind===`error`)?t.from:void 0;return(0,S.jsxs)(`div`,{className:`turn ${t.from?.kind===`human`?`human`:t.from?.kind===`agent`?`agent`:``}`,children:[o&&(0,S.jsx)(ui,{from:o,agentMap:i}),(0,S.jsx)(fi,{b:t,chatId:e})]},t.key)}),n&&(0,S.jsxs)(`div`,{className:`chat-working`,children:[(0,S.jsx)(`span`,{className:`lamp running`}),` `,r&&a?.length?a.map(e=>`${i?.get(e)?.emoji??``} @${e}`).join(`, `)+(a.length===1?` is working…`:` are working…`):`working…`]})]})}function ui({from:e,agentMap:t}){if(e.kind===`human`)return(0,S.jsxs)(`div`,{className:`byline human`,children:[(0,S.jsx)(`span`,{className:`byline-avatar`,children:e.name.slice(0,1).toUpperCase()}),(0,S.jsx)(`span`,{className:`byline-name`,children:e.name})]});let n=t?.get(e.slug);return(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e.slug)}/info`,className:`byline agent`,children:[(0,S.jsx)(`span`,{className:`byline-avatar`,children:n?.emoji??`🤖`}),(0,S.jsx)(`span`,{className:`byline-name`,children:n?.name??e.slug}),(0,S.jsxs)(`span`,{className:`byline-handle`,children:[`@`,e.slug]})]})}function di({text:e}){let t=(0,v.useMemo)(()=>Lr.sanitize(H.parse(e,{async:!1})),[e]);return(0,S.jsx)(`div`,{className:`msg agent md-body chat-md`,dangerouslySetInnerHTML:{__html:t}})}function fi({b:e,chatId:t}){switch(e.kind){case`user`:return(0,S.jsxs)(`div`,{className:`msg user${e.steered?` steered`:``}`,children:[e.steered&&(0,S.jsx)(`span`,{className:`microlabel steer-label`,children:`steered in`}),e.text,e.attachments&&e.attachments.length>0&&(0,S.jsx)(`div`,{className:`attachments`,children:e.attachments.map(e=>{let n=`/api/chats/${t}/attachments/${encodeURIComponent(e.name)}`;return e.mimeType.startsWith(`image/`)?(0,S.jsx)(`a`,{href:n,target:`_blank`,rel:`noreferrer`,title:e.name,children:(0,S.jsx)(`img`,{src:n,alt:e.name})},e.name):(0,S.jsxs)(`a`,{className:`file-link`,href:n,target:`_blank`,rel:`noreferrer`,children:[(0,S.jsx)(C,{name:`attach_file`,className:`ms-sm`}),` `,e.name]},e.name)})})]});case`agent`:return(0,S.jsx)(di,{text:e.text});case`thought`:return(0,S.jsxs)(`details`,{className:`msg thought`,children:[(0,S.jsx)(`summary`,{children:`thinking`}),(0,S.jsx)(`div`,{children:e.text})]});case`tool`:return(0,S.jsxs)(`div`,{className:`tool-card ${e.status??``}${e.compaction?` compaction`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${e.status===`completed`?`ok`:e.status===`failed`?`failed`:`running`}`}),(0,S.jsx)(`span`,{className:`chip tool-kind`,children:e.compaction?`compact`:e.toolKind}),(0,S.jsx)(`span`,{className:`tool-title`,children:e.compaction?hi(e.compaction,e.status):e.title})]});case`subagent`:return(0,S.jsxs)(`details`,{className:`subagent-card ${e.state??`running`}`,open:!e.state,children:[(0,S.jsxs)(`summary`,{children:[(0,S.jsx)(`span`,{className:`lamp ${e.state===`completed`?`ok`:e.state===`failed`?`failed`:e.state?`idle`:`running`}`}),(0,S.jsx)(`span`,{className:`chip tool-kind`,children:`subagent`}),(0,S.jsxs)(`span`,{className:`tool-title`,children:[(0,S.jsx)(`b`,{children:e.name}),` — `,e.task,e.state&&e.state!==`completed`&&(0,S.jsxs)(`span`,{className:`subagent-state`,children:[` · `,e.state]})]})]}),(0,S.jsxs)(`div`,{className:`subagent-body`,children:[e.children.length===0&&(0,S.jsx)(`div`,{className:`subagent-empty`,children:`working…`}),e.children.map(e=>(0,S.jsx)(fi,{b:e,chatId:t},e.key))]})]});case`task`:return(0,S.jsxs)(`div`,{className:`tool-card task-card ${e.state??``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${e.state===`completed`?`ok`:e.state===`failed`?`failed`:e.state===`running`?`running`:`idle`}`}),(0,S.jsx)(`span`,{className:`chip tool-kind`,children:e.taskType}),(0,S.jsxs)(`span`,{className:`tool-title`,children:[(0,S.jsx)(`b`,{children:e.name}),` — `,e.summary??e.description,e.state&&e.state!==`running`&&e.state!==`completed`&&(0,S.jsxs)(`span`,{className:`subagent-state`,children:[` · `,e.state]})]}),e.canStop&&(e.state===`running`||e.state===`paused`)&&(0,S.jsxs)(`button`,{className:`task-stop`,title:`stop this background task (the turn goes on)`,onClick:()=>fetch(`/api/chats/${t}/task-stop`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({taskId:e.taskId})}).catch(()=>{}),children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop`]})]});case`plan`:return(0,S.jsxs)(`div`,{className:`plan-card${e.removed?` removed`:``}`,children:[(0,S.jsxs)(`div`,{className:`plan-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`plan`}),(0,S.jsxs)(`span`,{className:`plan-count`,children:[e.entries.filter(e=>e.status===`completed`).length,`/`,e.entries.length]})]}),(0,S.jsx)(`ul`,{children:e.entries.map((e,t)=>(0,S.jsxs)(`li`,{className:`plan-${e.status} prio-${e.priority}`,children:[(0,S.jsx)(C,{name:e.status===`completed`?`check_circle`:e.status===`in_progress`?`play_circle`:`radio_button_unchecked`,className:`ms-sm`}),(0,S.jsx)(`span`,{children:e.content})]},t))})]});case`files`:return(0,S.jsxs)(`div`,{className:`tool-card files-card`,children:[(0,S.jsx)(`span`,{className:`lamp ok`}),(0,S.jsx)(`span`,{className:`chip tool-kind`,children:`changed`}),(0,S.jsxs)(`span`,{className:`tool-title`,children:[e.paths.join(`
 `),(!e.complete||e.note)&&(0,S.jsxs)(`span`,{className:`subagent-state`,children:[` · `,e.note??`list may be incomplete`]})]})]});case`question`:return(0,S.jsx)(_i,{b:e,chatId:t});case`permission`:return(0,S.jsx)(vi,{b:e,chatId:t});case`error`:return(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,e.text]});case`failure`:return(0,S.jsx)(mi,{b:e,chatId:t})}}var pi={retry:`try again`,login:`sign in again`,new_session:`start a fresh session`};function mi({b:e,chatId:t}){let[n,r]=(0,v.useState)(!1),[i,a]=(0,v.useState)(null),o=e.failure,s=!e.resolved&&!i;async function c(n){if(n===`login`){a(`Sign in again in a terminal (claude login, or codex login), then send your message again.`);return}r(!0);try{if(n===`retry`){if(!e.retryText)return a(`nothing to retry — send a message`);await fetch(`/api/chats/${t}/message`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({text:e.retryText})})}else{let e=await fetch(`/api/chats/${t}/reset-session`,{method:`POST`});e.ok||a((await e.json().catch(()=>({}))).error??`reset failed (${e.status})`)}}catch{}finally{r(!1)}}return(0,S.jsxs)(`div`,{className:`failure-card ${o.severity} ${s?`live`:`settled`}`,children:[(0,S.jsxs)(`div`,{className:`failure-title`,children:[(0,S.jsx)(C,{name:o.severity===`warning`?`warning`:`error`,className:`ms-sm`}),(0,S.jsx)(`span`,{className:`microlabel`,children:o.category}),` `,o.title]}),o.details&&(0,S.jsx)(`div`,{className:`failure-details`,children:o.details}),i&&(0,S.jsx)(`div`,{className:`failure-details`,children:i}),s&&o.actions.length>0&&(0,S.jsx)(`div`,{className:`failure-actions`,children:o.actions.map(e=>(0,S.jsx)(`button`,{className:`ws-btn`,disabled:n,onClick:()=>c(e),children:pi[e]},e))})]})}function hi(e,t){let n=e=>e>=1e4?`${Math.round(e/1e3)}k`:String(e),r=[t===`completed`?`context compacted`:t===`failed`?`compaction failed`:`compacting context`];return e.preTokens!=null&&e.postTokens!=null?r.push(`${n(e.preTokens)} → ${n(e.postTokens)} tokens`):e.preTokens!=null&&r.push(`${n(e.preTokens)} tokens`),e.trigger&&r.push(e.trigger),e.error&&r.push(e.error),r.join(` · `)}function gi({id:e,live:t}){let n=P(),[r,i]=(0,v.useState)(null),a=t.config.filter(e=>e.category===`model`||e.category===`thought_level`);async function o(t,n){i(t.id);let r=await fetch(`/api/chats/${e}/config`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({configId:t.id,value:n})}).catch(()=>null);i(null),r&&!r.ok&&alert((await r.json().catch(()=>({}))).error??`setting refused (${r.status})`)}return(0,S.jsxs)(S.Fragment,{children:[t.auth&&(0,S.jsxs)(`span`,{className:`chip auth ${t.auth.kind}`,title:[t.auth.detail,t.auth.email,t.auth.organization,t.auth.plan].filter(Boolean).join(` · `),children:[(0,S.jsx)(C,{name:t.auth.kind===`none`?`person_off`:`person`,className:`ms-sm`}),` `,t.auth.email??t.auth.label]}),n&&t.usage&&t.usage.size>0&&(0,S.jsxs)(`span`,{className:`chip usage`,title:`${t.usage.used.toLocaleString()} of ${t.usage.size.toLocaleString()} context tokens${t.usage.costUsd==null?``:` · $${t.usage.costUsd.toFixed(2)} so far`}`,children:[Math.round(100*t.usage.used/t.usage.size),`% ctx`,t.usage.costUsd!=null&&` · $${t.usage.costUsd.toFixed(2)}`]}),n&&a.map(e=>e.type===`select`?(0,S.jsx)(`select`,{className:`config-select`,value:e.value,disabled:r===e.id,title:e.description??e.name,onChange:t=>o(e,t.target.value),children:e.choices.map(e=>(0,S.jsxs)(`option`,{value:e.value,title:e.description,children:[e.group?`${e.group} · `:``,e.name]},e.value))},e.id):(0,S.jsxs)(`label`,{className:`chip config-bool`,title:e.description??e.name,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:e.value,disabled:r===e.id,onChange:t=>o(e,t.target.checked)}),` `,e.name]},e.id))]})}function _i({b:e,chatId:t}){let[n,r]=(0,v.useState)({}),[i,a]=(0,v.useState)(!1),[o,s]=(0,v.useState)(null),c=e.resolved===void 0&&!o;async function l(r){a(!0);try{let i=await fetch(`/api/chats/${t}/elicitation`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({requestId:e.requestId,action:r,...r===`accept`?{content:n}:{}})});i.ok||s((await i.json().catch(()=>({}))).error??`request failed (${i.status})`)}catch{}a(!1)}let u=(e,t)=>r(n=>({...n,[e]:t})),d=e.fields.some(e=>e.required&&(n[e.key]===void 0||n[e.key]===``));return(0,S.jsxs)(`div`,{className:`perm-card question-card ${c?`pending`:``}`,children:[(0,S.jsxs)(`div`,{className:`perm-title`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`question`}),` `,e.message]}),c?(0,S.jsxs)(`div`,{className:`question-fields`,children:[e.fields.map(e=>(0,S.jsxs)(`label`,{className:`question-field ${e.kind}${e.custom?` custom`:``}`,children:[(e.title||e.description)&&!e.custom&&(0,S.jsxs)(`span`,{className:`question-label`,children:[e.title&&(0,S.jsx)(`b`,{children:e.title}),e.description&&(0,S.jsxs)(`span`,{children:[` `,e.description]})]}),e.kind===`select`&&(0,S.jsx)(`div`,{className:`question-options`,children:e.options?.map(t=>(0,S.jsx)(`button`,{className:`perm-btn ${n[e.key]===t.value?`allow`:``}`,title:t.description,onClick:()=>u(e.key,t.value),children:t.label},t.value))}),e.kind===`multiselect`&&(0,S.jsx)(`div`,{className:`question-options`,children:e.options?.map(t=>{let r=n[e.key]??[],i=r.includes(t.value);return(0,S.jsx)(`button`,{className:`perm-btn ${i?`allow`:``}`,title:t.description,onClick:()=>u(e.key,i?r.filter(e=>e!==t.value):[...r,t.value]),children:t.label},t.value)})}),e.kind===`text`&&(0,S.jsx)(`input`,{type:`text`,placeholder:e.custom?`or type your own answer`:e.title??e.key,value:n[e.key]??``,onChange:t=>u(e.key,t.target.value)}),e.kind===`number`&&(0,S.jsx)(`input`,{type:`number`,value:n[e.key]??``,onChange:t=>u(e.key,t.target.value===``?``:Number(t.target.value))}),e.kind===`boolean`&&(0,S.jsxs)(`span`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:n[e.key]===!0,onChange:t=>u(e.key,t.target.checked)}),` `,e.title??e.key]})]},e.key)),(0,S.jsxs)(`div`,{className:`perm-actions`,children:[(0,S.jsx)(`button`,{className:`perm-btn allow`,disabled:i||d,onClick:()=>l(`accept`),children:`answer`}),(0,S.jsx)(`button`,{className:`perm-btn deny`,disabled:i,onClick:()=>l(`decline`),children:`skip`})]})]}):(0,S.jsx)(`div`,{className:`perm-resolved`,children:o?`→ ${o}`:e.resolved?.action===`accept`?`→ ${Object.values(e.resolved.content??{}).filter(e=>e!==``&&e!==void 0&&!(Array.isArray(e)&&e.length===0)).map(e=>Array.isArray(e)?e.join(`, `):String(e)).join(` · `)||`answered`}`:e.resolved?.action===`decline`?`→ skipped`:`→ dismissed`})]})}function vi({b:e,chatId:t}){let[n,r]=(0,v.useState)(!1),[i,a]=(0,v.useState)(null),o=e.resolved===void 0&&!i;async function s(n){r(!0);try{let r=await fetch(`/api/chats/${t}/permission`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({requestId:e.requestId,optionId:n})});if(!r.ok){let e=await r.json().catch(()=>({}));a(e.error??`request failed (${r.status})`)}}catch{}r(!1)}return(0,S.jsxs)(`div`,{className:`perm-card ${o?`pending`:``}`,children:[(0,S.jsxs)(`div`,{className:`perm-title`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`permission`}),` `,e.title]}),o?(0,S.jsx)(`div`,{className:`perm-actions`,children:e.options.map(e=>(0,S.jsx)(`button`,{className:`perm-btn ${e.kind?.startsWith(`allow`)?`allow`:`deny`}`,disabled:n,onClick:()=>s(e.optionId),children:e.name},e.optionId))}):(0,S.jsx)(`div`,{className:`perm-resolved`,children:e.resolved?`→ ${e.options.find(t=>t.optionId===e.resolved)?.name??e.resolved}`:i?`→ ${i}`:`→ dismissed`})]})}function yi({id:e,busy:t,scope:n,channel:r,agentMap:i,commands:a=[],canSteer:o}){let[s,c]=(0,v.useState)(``),[l,u]=(0,v.useState)(null),[d,f]=(0,v.useState)([]),[p,m]=(0,v.useState)(0),[h,g]=(0,v.useState)(!1);async function _(t){for(let n of Array.from(t)){m(e=>e+1);try{let t=await fetch(`/api/chats/${e}/attachments`,{method:`POST`,headers:{"content-type":n.type||`application/octet-stream`,"x-file-name":encodeURIComponent(n.name||`pasted.png`)},body:n}),r=await t.json();t.ok?f(e=>[...e,{...r,...n.type.startsWith(`image/`)?{preview:URL.createObjectURL(n)}:{}}]):u(r.error??`upload failed (${t.status})`)}catch{u(`upload failed`)}finally{m(e=>e-1)}}}let[y,b]=(0,v.useState)([]),[x,w]=(0,v.useState)(0),[T,E]=(0,v.useState)(!1),[D,O]=(0,v.useState)(Xr),[k,ee]=(0,v.useState)(!1),te=(0,v.useRef)(null),A=(0,v.useRef)(null),ne=t&&!r&&!!o,j=t&&!r&&!o;(0,v.useEffect)(()=>{let e=!0;return(async()=>{try{let t=(await fetch(`/api/skills`).then(e=>e.json())).skills??[];if(n?.kind===`agent`){let[e,r]=await Promise.all([fetch(`/api/agents/${encodeURIComponent(n.slug)}`).then(e=>e.ok?e.json():null).catch(()=>null),fetch(`/api/agents/${encodeURIComponent(n.slug)}/skills`).then(e=>e.ok?e.json():null).catch(()=>null)]);if(e&&Array.isArray(e.skills)){let n=new Set(e.skills.map(e=>e.toLowerCase()));t=t.filter(e=>n.has(e.name.toLowerCase()))}let i=r?.skills??[],a=new Set(i.map(e=>e.name.toLowerCase()));t=[...i,...t.filter(e=>!a.has(e.name.toLowerCase()))]}e&&b(t)}catch{}})(),()=>{e=!1}},[e]);let re=/^\/([\w-]*)$/.exec(s)?.[1],M=re!==void 0&&!T?y.filter(e=>e.name.toLowerCase().startsWith(re.toLowerCase())):[],N=new Set(y.map(e=>e.name.toLowerCase())),ie=re!==void 0&&!T?a.filter(e=>e.name.toLowerCase().startsWith(re.toLowerCase())&&!N.has(e.name.toLowerCase())):[],P=te.current?.selectionStart??s.length,ae=r&&!T?/(^|\s)@([a-z0-9-]*)$/i.exec(s.slice(0,P)):null,oe=ae&&r?r.members.filter(e=>e.startsWith(ae[2].toLowerCase())||(i?.get(e)?.name??``).toLowerCase().startsWith(ae[2].toLowerCase())):[],F=[...M.map(e=>({id:`/${e.name}`,label:`/${e.name}`,hint:e.description,src:e.source,pick:()=>{c(`/${e.name} `),w(0)}})),...ie.map(e=>({id:`/${e.name}`,label:`/${e.name}${e.hint?` ${e.hint}`:``}`,hint:e.description,src:`agent`,pick:()=>{c(`/${e.name} `),w(0)}})),...oe.map(e=>({id:`@${e}`,label:`${i?.get(e)?.emoji??`🤖`} @${e}`,hint:i?.get(e)?.name,pick:()=>{let t=s.slice(0,P).replace(/@[a-z0-9-]*$/i,`@${e} `);c(t+s.slice(P)),w(0),requestAnimationFrame(()=>{let e=te.current;e&&(e.selectionStart=e.selectionEnd=t.length)})}}))].slice(0,15),I=F.length>0,se=Math.min(x,F.length-1);async function ce(){let t=s.trim();if(!t&&d.length===0||j||p>0)return;let n=d.map(({preview:e,...t})=>t);c(``),f([]),u(null);let i=await fetch(`/api/chats/${e}/${ne?`steer`:`message`}`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({text:t,...n.length?{attachments:n}:{},...r?{from:D||`you`}:{}})}).catch(()=>null);i&&!i.ok&&(u((await i.json().catch(()=>({}))).error??`not sent (${i.status})`),c(t),f(d))}return(0,S.jsxs)(`div`,{className:`composer${h?` dragging`:``}`,onDragOver:e=>{e.dataTransfer.types.includes(`Files`)&&(e.preventDefault(),g(!0))},onDragLeave:()=>g(!1),onDrop:e=>{e.dataTransfer.files.length&&(e.preventDefault(),g(!1),_(e.dataTransfer.files))},children:[d.length>0&&(0,S.jsxs)(`div`,{className:`composer-files`,children:[d.map(e=>(0,S.jsxs)(`span`,{className:`file-chip`,title:`${e.name} · ${Math.round(e.size/1024)} KB`,children:[e.preview?(0,S.jsx)(`img`,{src:e.preview,alt:e.name}):(0,S.jsx)(C,{name:`attach_file`,className:`ms-sm`}),e.name.replace(/^\d{8}-\d{6}-/,``),(0,S.jsx)(`button`,{title:`remove`,onClick:()=>f(t=>t.filter(t=>t.name!==e.name)),children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},e.name)),p>0&&(0,S.jsx)(`span`,{className:`file-chip`,children:`uploading…`})]}),r&&(0,S.jsxs)(`div`,{className:`composer-me`,children:[`posting as`,` `,k?(0,S.jsx)(`input`,{autoFocus:!0,value:D,placeholder:`your name`,onChange:e=>O(e.target.value),onBlur:()=>{Zr(D.trim()),ee(!1)},onKeyDown:e=>{(e.key===`Enter`||e.key===`Escape`)&&e.target.blur()}}):(0,S.jsxs)(`button`,{className:`me-name`,onClick:()=>ee(!0),title:`change your name`,children:[D||`you`,` `,(0,S.jsx)(C,{name:`edit`,className:`ms-sm`})]})]}),I&&(0,S.jsx)(`div`,{className:`skill-menu`,children:F.map((e,t)=>(0,S.jsxs)(`button`,{className:t===se?`active`:``,onMouseDown:t=>{t.preventDefault(),e.pick()},children:[(0,S.jsx)(`b`,{children:e.label}),e.hint&&(0,S.jsxs)(`span`,{children:[` — `,e.hint]}),e.src&&(0,S.jsx)(`span`,{className:`skill-src`,children:e.src})]},e.id))}),l&&(0,S.jsx)(`div`,{className:`composer-problem`,children:l}),(0,S.jsx)(`textarea`,{ref:te,value:s,placeholder:j?`agent is working…`:ne?`agent is working — a message now steers it mid-turn`:r?`message the channel  ·  @ to mention an agent, / for skills, Enter to send`:`message  ·  Enter to send, Shift+Enter for newline, / for skills, drop or paste files`,rows:Math.min(6,Math.max(1,s.split(`
-`).length)),onChange:e=>{c(e.target.value),w(0),E(!1)},onPaste:e=>{let t=Array.from(e.clipboardData.items).filter(e=>e.kind===`file`).map(e=>e.getAsFile()).filter(e=>!!e);t.length&&(e.preventDefault(),_(t))},onKeyDown:e=>{if(I){if(e.key===`ArrowDown`)return e.preventDefault(),w((se+1)%F.length);if(e.key===`ArrowUp`)return e.preventDefault(),w((se-1+F.length)%F.length);if(e.key===`Tab`||e.key===`Enter`)return e.preventDefault(),F[se].pick();if(e.key===`Escape`)return e.preventDefault(),E(!0)}e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),ce())}}),t&&(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:()=>fetch(`/api/chats/${e}/cancel`,{method:`POST`}).catch(()=>{}),children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop`]}),!j&&(0,S.jsx)(`button`,{className:`ws-btn attach-btn`,title:`attach files (or drop / paste them)`,onClick:()=>A.current?.click(),children:(0,S.jsx)(C,{name:`attach_file`,className:`ms-sm`})}),(0,S.jsx)(`input`,{ref:A,type:`file`,multiple:!0,hidden:!0,onChange:e=>{e.target.files?.length&&_(e.target.files),e.target.value=``}}),!j&&(0,S.jsxs)(`button`,{className:`run-btn`,disabled:!s.trim()&&d.length===0||p>0,onClick:ce,title:ne?`hand this into the running turn`:void 0,children:[(0,S.jsx)(C,{name:ne?`alt_route`:`send`,className:`ms-sm`}),` `,ne?`steer`:`send`]})]})}function bi({id:e,workflow:t}){let n=z(`/api/runs`,!0),r=n?.runs??[],[i,a]=(0,v.useState)(t??``),o=(0,v.useMemo)(()=>{let e=i.trim().toLowerCase();return e?r.filter(t=>[t.workflow,t.request,t.id].some(t=>t?.toLowerCase().includes(e))):r},[r,i]);return(0,S.jsxs)(`div`,{className:`runs-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(j,{href:`/workflows`,className:`side-back`,title:`back to workflows`,children:(0,S.jsx)(C,{name:`arrow_back`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`microlabel`,children:`runs`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`microlabel num`,children:i?`${o.length} / ${r.length}`:r.length})]}),(0,S.jsxs)(`label`,{className:`side-filter`,children:[(0,S.jsx)(C,{name:`filter_list`,className:`ms-sm`}),(0,S.jsx)(`input`,{type:`search`,value:i,placeholder:`filter by workflow or request`,"aria-label":`filter runs`,onChange:e=>a(e.target.value)})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[o.map(t=>(0,S.jsx)(xi,{r:t,active:t.id===e},t.id)),n&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no runs yet`}),r.length>0&&o.length===0&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`no run matches “`,i,`”`]})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:(0,S.jsx)(Si,{id:e},e)})]})}function xi({r:e,active:t}){return(0,S.jsxs)(j,{href:`/runs/${e.id}`,className:`side-row ${t?`active`:``}`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsx)(`span`,{className:`side-wf`,children:e.workflow??`unknown`}),(0,S.jsx)(`span`,{className:`side-when num`,children:we(e.startedAt)})]}),(0,S.jsxs)(`div`,{className:`side-row-sub`,children:[(0,S.jsx)(`span`,{className:`side-req`,title:e.request,children:e.status===`running`&&e.currentPhase?`${e.currentPhase}`:e.request??``}),(0,S.jsx)(`span`,{className:`side-meta num`,children:e.status===`running`?(0,S.jsx)(Ee,{since:e.startedAt}):be(e.durationMs)})]})]})]})}function Si({id:e}){let t=z(`/api/runs/${e}`,!0),n=t?.status===`running`,[r,i]=(0,v.useState)(null),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(null),l=P();if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let u=t.files.some(e=>e.name===`runner.json`),d=r??(n?`run`:`artifacts`),f=l?t.files.length:t.files.filter(e=>!Oi(e.name)).length;async function p(){o(!0),c(null);let t=await fetch(`/api/runs/${e}/stop`,{method:`POST`}).catch(()=>null);t?.ok||(o(!1),c((await t?.json().catch(()=>null))?.error??`stop failed`))}async function m(){if(!window.confirm(`Remove run ${e} and all its files?`))return;c(null);let n=await fetch(`/api/runs/${e}`,{method:`DELETE`}).catch(()=>null);if(n?.ok){A(t?.workflow?`/workflows/${encodeURIComponent(t.workflow)}`:`/workflows`);return}c((await n?.json().catch(()=>null))?.error??`remove failed`)}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(De,{status:t.status}),(0,S.jsx)(`h1`,{children:t.workflow?(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(t.workflow)}`,title:`open workflow`,children:t.workflow}):`unknown workflow`}),(0,S.jsx)(Oe,{status:t.status}),u&&(0,S.jsxs)(`span`,{className:`chip sandbox-chip`,children:[(0,S.jsx)(C,{name:`science`,className:`ms-sm`}),` sandbox`]}),(0,S.jsx)(`span`,{className:`rid`,children:e.replace(/^run-/,``)}),n?(0,S.jsx)(`button`,{className:`stop-btn`,onClick:p,disabled:a,children:a?`stopping…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop`]})}):(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:m,title:`delete this run's folder`,children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),s&&(0,S.jsx)(`span`,{className:`run-action-error`,children:s}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`open-raw`,title:`chat with an agent about this run`,onClick:()=>void $r(`claude`,{kind:`run`,runId:e}),children:`⌬ discuss`}),(0,S.jsxs)(`nav`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:d===`run`?`active`:``,onClick:()=>i(`run`),children:`run`}),(0,S.jsxs)(`button`,{className:d===`artifacts`?`active`:``,onClick:()=>i(`artifacts`),children:[`artifacts `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,f,`)`]})]})]})]}),t.request&&(0,S.jsx)(`p`,{className:`detail-req`,children:t.request}),d===`run`?(0,S.jsx)(Ci,{run:t,live:n}):(0,S.jsx)(W,{id:e,files:t.files,live:n})]})}function Ci({run:e,live:t}){return(0,S.jsxs)(`div`,{className:`run-tab`,children:[(0,S.jsxs)(`div`,{className:`statgrid`,children:[(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`phases`}),(0,S.jsxs)(`div`,{className:`v num`,children:[e.phasesDone,e.phasesTotal==null?``:` / ${e.phasesTotal}`]})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`duration`}),(0,S.jsx)(`div`,{className:`v num`,children:t?(0,S.jsx)(Ee,{since:e.startedAt}):be(e.durationMs)})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`cost`}),(0,S.jsx)(`div`,{className:`v num`,children:xe(e.costUsd??Ti(e.phases))})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`tokens in / out`}),(0,S.jsxs)(`div`,{className:`v num`,children:[Se(wi(e.phases,`tokensIn`)),` / `,Se(wi(e.phases,`tokensOut`))]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`phase timeline`}),(0,S.jsx)(`span`,{className:`spacer`}),t&&(0,S.jsxs)(`span`,{className:`live-note`,children:[(0,S.jsx)(`span`,{className:`lamp running`}),` live · polling`]})]}),(0,S.jsx)(`div`,{className:`phases`,children:e.phases.map(e=>(0,S.jsx)(Ei,{p:e},e.phase))})]})]})}function wi(e,t){return e.reduce((e,n)=>e+(n[t]??0),0)}function Ti(e){return e.reduce((e,t)=>e+(t.costUsd??0),0)}function Ei({p:e}){let t=e.gates.filter(e=>!e.passed);return(0,S.jsxs)(`div`,{className:`phase-row`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsxs)(`div`,{className:`phase-top`,children:[(0,S.jsx)(`span`,{className:`phase-name`,children:e.phase}),e.kind===`agent`?(0,S.jsxs)(`span`,{className:`chip agent`,children:[e.agent,e.model?` · ${e.model}`:``,e.protocol?` · ${e.protocol}`:``]}):(0,S.jsx)(`span`,{className:`chip`,children:`script`}),(0,S.jsxs)(`span`,{className:`right num`,children:[e.attempts>1&&(0,S.jsxs)(`span`,{children:[`att `,e.attempts]}),e.status===`running`?(0,S.jsx)(Ee,{since:e.startedAt}):e.durationMs!=null&&(0,S.jsx)(`span`,{children:be(e.durationMs)}),e.kind===`agent`&&e.tokensIn!=null&&(0,S.jsxs)(`span`,{children:[Se(e.tokensIn),` / `,Se(e.tokensOut)]}),e.costUsd!=null&&e.costUsd>0&&(0,S.jsx)(`span`,{children:xe(e.costUsd)})]})]}),e.status===`running`&&e.lastActivity&&(0,S.jsx)(`div`,{className:`phase-activity`,children:e.lastActivity}),e.summary&&e.status!==`running`&&(0,S.jsx)(`div`,{className:`phase-sub`,children:e.summary}),e.gates.length>0&&(0,S.jsx)(`div`,{className:`gate-line`,children:e.gates.map(e=>(0,S.jsxs)(`span`,{className:`gate ${e.passed?``:`failed`}`,title:e.failure??``,children:[(0,S.jsx)(C,{name:e.passed?`check`:`close`,className:`ms-sm`}),` `,e.gate]},e.gate))}),t.map(e=>(0,S.jsx)(`div`,{className:`gate-fail-msg`,children:e.failure},e.gate))]})}var Di=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`svg`]);function Oi(e){return e===`runner.json`||e.endsWith(`.jsonl`)||e.endsWith(`.log`)}function ki(e){let t=[`report.html`,`recommendation.md`].find(t=>e.some(e=>e.name===t));if(t)return t;let n=e=>{let t=e.split(`.`).pop()?.toLowerCase()??``;return[`html`,`md`,`markdown`,`pdf`].includes(t)||Di.has(t)?0:Oi(e)?2:1},r=null;for(let t of e)(!r||n(t.name)<n(r.name))&&(r=t);return r?.name??null}function W({id:e,files:t,live:n}){let[r,i]=(0,v.useState)(null),a=P(),o=(0,v.useMemo)(()=>a?t:t.filter(e=>!Oi(e.name)),[t,a]);return(0,v.useEffect)(()=>{!a&&r&&Oi(r)&&i(null)},[a,r]),(0,v.useEffect)(()=>{r||o.length===0||i(ki(o))},[o,r]),(0,S.jsxs)(`div`,{className:`art-layout`,children:[(0,S.jsxs)(`section`,{className:`panel art-files`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsxs)(`span`,{className:`microlabel`,children:[`files `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,o.length,`)`]})]})}),(0,S.jsxs)(`div`,{className:`file-list`,children:[o.map(e=>(0,S.jsxs)(`button`,{className:`file-row ${r===e.name?`active`:``}`,onClick:()=>i(e.name),children:[(0,S.jsx)(`span`,{className:`fname`,children:e.name}),(0,S.jsx)(`span`,{className:`fsize num`,children:Ce(e.size)})]},e.name)),o.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:t.length>0?`no result files — raw run files live in expert mode`:`no files yet`})]})]}),(0,S.jsxs)(`section`,{className:`panel art-viewer`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:r??`viewer`}),(0,S.jsx)(`span`,{className:`spacer`}),r&&(0,S.jsx)(`a`,{className:`open-raw`,href:`/api/runs/${e}/file?name=${encodeURIComponent(r)}&raw=1`,target:`_blank`,children:`open raw ↗`})]}),r?(0,S.jsx)(Ai,{id:e,name:r,live:n}):(0,S.jsx)(`div`,{className:`empty`,children:`select a file`})]})]})}function Ai({id:e,name:t,live:n}){let r=t.split(`.`).pop()?.toLowerCase()??``,i=`/api/runs/${e}/file?name=${encodeURIComponent(t)}&raw=1`;return r===`html`?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`iframe`,{src:i,sandbox:`allow-scripts`,allow:`clipboard-write`,title:t})})}):r===`pdf`?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`iframe`,{src:i,title:t})})}):Di.has(r)?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`img`,{src:i,alt:t})})}):r===`md`||r===`markdown`?(0,S.jsx)(ji,{id:e,name:t,live:n}):(0,S.jsx)(Mi,{id:e,name:t,live:n})}function ji({id:e,name:t,live:n}){let[r,i]=(0,v.useState)(`rendered`),a=z(`/api/runs/${e}/file?name=${encodeURIComponent(t)}`,n),o=(0,v.useMemo)(()=>a?Lr.sanitize(H.parse(a.content,{async:!1})):``,[a?.content]);return(0,S.jsxs)(`div`,{className:`viewer`,children:[(0,S.jsxs)(`div`,{className:`viewer-note md-toolbar`,children:[(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:r===`rendered`?`active`:``,onClick:()=>i(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:r===`source`?`active`:``,onClick:()=>i(`source`),children:`source`})]}),a?.truncated&&(0,S.jsxs)(`span`,{children:[`large file — showing the last `,Ce(4e5)]})]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:a?r===`rendered`?(0,S.jsx)(`div`,{className:`md-body`,dangerouslySetInnerHTML:{__html:o}}):(0,S.jsx)(`pre`,{children:a.content||`(empty)`}):(0,S.jsx)(`pre`,{children:`loading…`})})]})}function Mi({id:e,name:t,live:n}){let r=z(`/api/runs/${e}/file?name=${encodeURIComponent(t)}`,n);return(0,S.jsxs)(`div`,{className:`viewer`,children:[r?.truncated&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`large file — showing the last `,Ce(4e5)]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`pre`,{children:r?r.content||`(empty)`:`loading…`})})]})}function Ni(){return z(`/api/workflows/any/run`,!1,15e3)}var Pi=e=>!!e?.available&&!!e?.image;function Fi(e){return e?e.available?e.image?`isolated container per run`:"image missing — run `kraftwerk runner build`":`Docker is not running`:``}async function Ii(e,t){let n=await fetch(`/api/workflows/${encodeURIComponent(e)}/run`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)}),r=await n.json();if(!n.ok)throw Error(r.error??`HTTP ${n.status}`);return r.runId}function Li(e,t,n){let[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(!0),[s,c]=(0,v.useState)(!1),[l,u]=(0,v.useState)(!1),[d,f]=(0,v.useState)(null),p=Ni();(0,v.useEffect)(()=>{!r&&n&&i(n)},[n]),(0,v.useEffect)(()=>{p&&!Pi(p)&&o(!1)},[p]);let m=!l&&(!t||!!r.trim())&&(!a||Pi(p));async function h(){if(m){u(!0),f(null);try{A(`/runs/${await Ii(e,{request:r.trim(),sandbox:a,ssh:s})}`)}catch(e){f(e.message),u(!1)}}}return{request:r,setRequest:i,sandbox:a,setSandbox:o,ssh:s,setSsh:c,busy:l,error:d,docker:p,canRun:m,launch:h}}function Ri({slug:e,usesRequest:t,initialRequest:n}){let r=Li(e,t,n);return(0,S.jsxs)(`div`,{className:`run-launcher`,children:[(0,S.jsxs)(`div`,{className:`run-form`,children:[t?(0,S.jsx)(`input`,{type:`text`,value:r.request,"aria-label":`request`,placeholder:`request — topic, URL, host …`,onChange:e=>r.setRequest(e.target.value),onKeyDown:e=>e.key===`Enter`&&r.launch()}):(0,S.jsx)(`span`,{className:`run-norequest`,children:`this workflow takes no request`}),(0,S.jsx)(`button`,{className:`run-btn`,onClick:r.launch,disabled:!r.canRun,children:r.busy?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` `,r.sandbox?`run in sandbox`:`run locally`]})})]}),(0,S.jsxs)(`div`,{className:`run-opts`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:r.sandbox,onChange:e=>r.setSandbox(e.target.checked)}),`docker sandbox `,Fi(r.docker)&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[`— `,Fi(r.docker)]})]}),(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:r.ssh,onChange:e=>r.setSsh(e.target.checked),disabled:!r.sandbox}),`forward SSH agent`]})]}),r.error&&(0,S.jsx)(`div`,{className:`gate-fail-msg`,children:r.error})]})}function zi({label:e,hint:t,checked:n,onChange:r}){return(0,S.jsxs)(`button`,{type:`button`,className:`m3-switch-row`,role:`switch`,"aria-checked":n,onClick:()=>r(!n),children:[(0,S.jsxs)(`span`,{className:`m3-switch-text`,children:[(0,S.jsx)(`span`,{className:`m3-switch-label`,children:e}),t&&(0,S.jsx)(`span`,{className:`m3-switch-hint`,children:t})]}),(0,S.jsx)(`span`,{className:`m3-switch ${n?`on`:``}`,"aria-hidden":!0,children:(0,S.jsx)(`span`,{className:`m3-switch-knob`})})]})}function Bi(e,t){let n=e.filter(e=>e.workflow===(t.name??t.slug));return{count:n.length,last:n[0]}}function Vi(e,t){return`/runs/${e.id}?workflow=${encodeURIComponent(t.name??t.slug)}`}function Hi(){let e=z(`/api/workflows`,!1),t=z(`/api/runs`,!1),n=Ni(),[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(null),[s,c]=(0,v.useState)(null),[l,u]=(0,v.useState)(null),d=e?.workflows??[],f=t?.runs??[],p=(0,v.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>[t.name,t.slug,t.description].some(t=>t?.toLowerCase().includes(e))):d},[d,r]);async function m(e){if(e.usesRequest)return o(e);c(e.slug),u(null);try{A(`/runs/${await Ii(e.slug,{request:``,sandbox:Pi(n),ssh:!1})}`)}catch(t){u(`${e.name??e.slug}: ${t.message}`),c(null)}}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`page-head`,children:[(0,S.jsx)(`h1`,{children:`Workflows`}),(0,S.jsxs)(`nav`,{className:`tabs`,"aria-label":`workflows sections`,children:[(0,S.jsxs)(j,{href:`/workflows`,className:`active`,children:[`workflows `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,d.length,`)`]})]}),(0,S.jsxs)(j,{href:`/runs`,children:[`runs `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,f.length,`)`]})]})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`label`,{className:`wf-search`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`input`,{type:`search`,value:r,placeholder:`search workflows`,"aria-label":`search workflows`,onChange:e=>i(e.target.value)})]})]}),l&&(0,S.jsx)(`div`,{className:`gate-fail-msg wf-error`,children:l}),e&&d.length===0&&(0,S.jsxs)(`div`,{className:`empty`,children:[`No workflows found — expected `,(0,S.jsx)(`code`,{children:`src/workflows/`}),` or `,(0,S.jsx)(`code`,{children:`workflows/`}),` `,`next to the output folder.`]}),d.length>0&&(0,S.jsxs)(`div`,{className:`wf-list`,role:`list`,children:[p.map(e=>{let t=Bi(f,e);return(0,S.jsxs)(`div`,{className:`wf-row`,role:`listitem`,children:[(0,S.jsx)(De,{status:t.last?.status??`idle`}),(0,S.jsxs)(`div`,{className:`wf-row-main`,children:[(0,S.jsxs)(`div`,{className:`wf-row-top`,children:[(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,className:`wf-name`,children:e.name??e.slug}),e.error&&(0,S.jsx)(`span`,{className:`status-word failed`,children:`broken`}),(0,S.jsxs)(`span`,{className:`wf-meta num`,children:[e.agents,` agents · `,e.steps,` steps`,e.usesRequest?``:` · no request`]})]}),(0,S.jsx)(`p`,{className:`wf-desc`,title:e.error??e.description??``,children:e.error??e.description??``})]}),t.last?(0,S.jsxs)(j,{href:Vi(t.last,e),className:`wf-runs`,title:`show the runs of this workflow`,children:[(0,S.jsx)(C,{name:`history`,className:`ms-sm`}),(0,S.jsxs)(`span`,{className:`num`,children:[t.count,` `,t.count===1?`run`:`runs`]}),(0,S.jsxs)(`span`,{className:`wf-last`,children:[`· `,(0,S.jsx)(Oe,{status:t.last.status}),` `,Te(t.last.updatedAt)]})]}):(0,S.jsx)(`span`,{className:`wf-runs none num`,children:`no runs yet`}),(0,S.jsx)(`button`,{className:`run-btn wf-run`,disabled:!!e.error||s===e.slug,title:e.usesRequest?`run with a request…`:`run now`,onClick:()=>void m(e),children:s===e.slug?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` run`,e.usesRequest?`…`:``]})})]},e.slug)}),p.length===0&&(0,S.jsxs)(`div`,{className:`viewer-note wf-nomatch`,children:[`no workflow matches “`,r,`”`]})]}),a&&(0,S.jsx)(Ui,{w:a,lastRequest:Bi(f,a).last?.request,onClose:()=>o(null)})]})}function Ui({w:e,lastRequest:t,onClose:n}){let r=Li(e.slug,e.usesRequest,t),i=e.name??e.slug;return(0,v.useEffect)(()=>{let e=e=>e.key===`Escape`&&n();return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n]),(0,S.jsx)(`div`,{className:`dialog-backdrop`,onMouseDown:e=>e.target===e.currentTarget&&n(),children:(0,S.jsxs)(`div`,{className:`m3-dialog`,role:`dialog`,"aria-label":`Run ${i}`,"aria-describedby":`run-dialog-desc`,children:[(0,S.jsxs)(`h2`,{className:`m3-headline`,children:[`Run `,i]}),(0,S.jsxs)(`p`,{className:`m3-supporting`,id:`run-dialog-desc`,children:[e.description&&(0,S.jsxs)(S.Fragment,{children:[e.description,` `]}),(0,S.jsxs)(`span`,{className:`m3-facts num`,children:[e.agents,` agents · `,e.steps,` steps ·`,` `,(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,children:`details`})]})]}),(0,S.jsxs)(`label`,{className:`m3-field`,children:[(0,S.jsx)(`input`,{type:`text`,value:r.request,placeholder:` `,autoFocus:!0,"aria-label":`request`,onChange:e=>r.setRequest(e.target.value),onKeyDown:e=>e.key===`Enter`&&r.launch()}),(0,S.jsx)(`span`,{className:`m3-field-label`,children:`Request`}),(0,S.jsx)(`span`,{className:`m3-field-support`,children:`What the workflow should work on — a topic, URL, host …`})]}),(0,S.jsxs)(`div`,{className:`m3-switches`,children:[(0,S.jsx)(zi,{label:`Run in Docker sandbox`,hint:Fi(r.docker),checked:r.sandbox,onChange:r.setSandbox}),r.sandbox&&(0,S.jsx)(zi,{label:`Forward SSH agent`,hint:`keys and known hosts from this machine`,checked:r.ssh,onChange:r.setSsh})]}),r.error&&(0,S.jsx)(`div`,{className:`m3-error`,children:r.error}),(0,S.jsxs)(`div`,{className:`m3-actions`,children:[(0,S.jsx)(`button`,{className:`m3-text-btn`,onClick:n,children:`Cancel`}),(0,S.jsx)(`button`,{className:`m3-filled-btn`,onClick:r.launch,disabled:!r.canRun,children:r.busy?`Starting…`:`Run`})]})]})})}function Wi({slug:e}){let t=z(`/api/workflows/${encodeURIComponent(e)}`,!1),n=z(`/api/runs`,!1);if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});if(t.error)return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Gi,{slug:t.slug}),(0,S.jsxs)(`div`,{className:`empty`,children:[(0,S.jsx)(`span`,{className:`status-word failed`,children:`broken workflow`}),(0,S.jsx)(`pre`,{style:{marginTop:12,textAlign:`left`},children:t.error})]})]});let r=new Map(t.agents.map((e,t)=>[e.id,t%4])),i=(n?.runs??[]).filter(e=>e.workflow===t.name).slice(0,8);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Gi,{slug:t.slug}),(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`h1`,{children:t.name??t.slug}),(0,S.jsx)(`span`,{className:`rid mono`,children:t.dir})]}),t.description&&(0,S.jsx)(`p`,{className:`detail-req`,children:t.description}),(0,S.jsxs)(`div`,{className:`statgrid`,children:[(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`agents`}),(0,S.jsx)(`div`,{className:`v num`,children:t.agents.length})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`steps`}),(0,S.jsxs)(`div`,{className:`v num`,children:[t.steps.length,` `,(0,S.jsxs)(`span`,{style:{color:`var(--muted)`,fontWeight:400},children:[`(`,t.steps.filter(e=>e.kind===`agent`).length,` agent ·`,` `,t.steps.filter(e=>e.kind===`script`).length,` script)`]})]})]}),t.workspace&&(0,S.jsxs)(`div`,{className:`stat`,style:{maxWidth:420},children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`workspace`}),(0,S.jsx)(`div`,{className:`wf-workspace mono`,children:t.workspace})]})]}),(0,S.jsxs)(`section`,{className:`panel run-panel`,style:{marginBottom:18},children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`trigger run`})}),(0,S.jsx)(Ri,{slug:t.slug,usesRequest:t.usesRequest,initialRequest:i[0]?.request})]}),(0,S.jsxs)(`section`,{className:`panel`,style:{marginBottom:18},children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`agents`})}),(0,S.jsxs)(`div`,{className:`agent-grid`,children:[t.agents.map(e=>(0,S.jsx)(Ki,{a:e,idx:r.get(e.id)??0},e.id)),t.agents.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no agents — script-only workflow`})]})]}),(0,S.jsxs)(`div`,{className:`columns`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`pipeline`})}),(0,S.jsx)(`div`,{className:`pipeline`,children:t.steps.map((e,t)=>(0,S.jsx)(qi,{s:e,i:t,idx:e.agent?r.get(e.agent)??0:null},e.name))})]}),(0,S.jsxs)(`div`,{style:{display:`grid`,gap:18},children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsxs)(`span`,{className:`microlabel`,children:[`folder `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,t.files.length,` files)`]})]})}),(0,S.jsx)(`div`,{className:`file-list`,children:t.files.map(e=>(0,S.jsx)(`div`,{className:`file-row`,style:{cursor:`default`},children:(0,S.jsx)(`span`,{className:`fname`,children:e})},e))})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsxs)(`span`,{className:`microlabel`,children:[`recent runs `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,i.length,`)`]})]}),(0,S.jsx)(`span`,{className:`spacer`}),i[0]&&(0,S.jsx)(j,{href:Vi(i[0],t),className:`open-raw`,children:`all runs ↗`})]}),(0,S.jsxs)(`div`,{className:`file-list`,children:[i.map(e=>(0,S.jsxs)(j,{href:`/runs/${e.id}`,className:`file-row`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsx)(`span`,{className:`fname`,children:e.id.replace(/^run-/,``)}),(0,S.jsxs)(`span`,{className:`fsize num`,children:[be(e.durationMs),` · `,xe(e.costUsd),` · `,we(e.startedAt)]})]},e.id)),i.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no runs of this workflow yet`})]})]})]})]})]})}function Gi({slug:e}){return(0,S.jsxs)(`nav`,{className:`crumbs`,children:[(0,S.jsx)(j,{href:`/workflows`,children:`workflows`}),(0,S.jsx)(`span`,{className:`sep`,children:`/`}),(0,S.jsx)(`span`,{className:`mono`,children:e})]})}function Ki({a:e,idx:t}){return(0,S.jsxs)(`div`,{className:`agent-card aid-${t}`,children:[(0,S.jsxs)(`div`,{className:`agent-head`,children:[(0,S.jsx)(`span`,{className:`agent-dot`}),(0,S.jsx)(`b`,{children:e.name??e.id}),(0,S.jsxs)(`code`,{className:`agent-id`,children:[`[`,e.id,`]`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`chip`,children:[e.model??`default`,e.effort?` · ${e.effort}`:``,e.protocol===`acp`?` · acp`:``]})]}),e.tools.length>0&&(0,S.jsx)(`div`,{className:`agent-tools`,children:e.tools.map(e=>(0,S.jsx)(`span`,{className:`tool-chip`,children:e},e))}),e.persona&&(0,S.jsx)(`p`,{className:`agent-persona`,children:e.persona})]})}function qi({s:e,i:t,idx:n}){let r=e.kind===`script`?e.script:e.prompt;return(0,S.jsxs)(`div`,{className:`step-node`,children:[(0,S.jsx)(`div`,{className:`step-index num ${n==null?`is-script`:`aid-${n}`}`,children:t+1}),(0,S.jsxs)(`div`,{className:`step-body`,children:[(0,S.jsxs)(`div`,{className:`phase-top`,children:[(0,S.jsx)(`span`,{className:`phase-name`,children:e.name}),e.kind===`agent`?(0,S.jsxs)(`span`,{className:`chip agent-chip aid-${n??0}`,children:[`agent · `,e.agent]}):(0,S.jsxs)(`span`,{className:`chip`,children:[`script`,e.sourceRef?` · ${e.sourceRef}`:``]})]}),r&&(0,S.jsxs)(`details`,{className:`step-source`,children:[(0,S.jsx)(`summary`,{children:e.kind===`agent`?`prompt`:`script`}),(0,S.jsx)(`pre`,{children:r})]}),e.gates.length>0&&(0,S.jsx)(`div`,{className:`gate-line`,children:e.gates.map(e=>(0,S.jsxs)(`span`,{className:`gate neutral`,children:[`⛨ `,e]},e))})]})]})}var Ji=e=>e===`ok`?`ok`:e===`running`?`running`:e===`aborted`?`aborted`:`failed`,Yi=e=>e===`ok`?`done`:e===`running`?`working`:e===`aborted`?`stopped`:`failed`;function Xi(e){return e.scope.kind===`channel`?`/channels/${e.scope.slug}`:e.scope.kind===`agent`?`/agents/${e.scope.slug}/chat/${e.id}`:`/agents/chats/${e.id}`}function Zi(e){switch(e.scope.kind){case`agent`:return e.scope.slug;case`channel`:return`#${e.scope.slug}`;case`run`:return e.scope.runId;case`knowledge`:return e.scope.bundle?`knowledge:${e.scope.bundle}`:`knowledge`;case`kraftwerk`:return`kraftwerk-aware`;default:return`general`}}function Qi(e){return e.length>64?`${e.slice(0,46)}…${e.slice(-14)}`:e}function $i(){let e=z(`/api/runs`,!1),t=z(`/api/chats`,!1),n=z(`/api/knowledge`,!1),r=z(`/api/agents`,!1),i=z(`/api/workflows`,!1),a=z(`/api/skills`,!1),o=z(`/api/meta`,!1),[s,c]=(0,v.useState)(`all`),l=e?.runs??[],u=t?.chats??[],d=n?.bundles??[],f=(a?.skills??[]).filter(e=>e.source===`workspace`),p=[[i?.workflows.length,`workflows`,`/workflows`],[e?l.length:void 0,`runs`,`/runs`],[n?d.length:void 0,`bundles`,`/knowledge`],[a?f.length:void 0,`skills`,`/skills`],[t?u.length:void 0,`chats`,`/agents/chats`]],m=l.filter(e=>e.status===`failed`&&Date.now()-Date.parse(e.updatedAt)<864e5);return(0,S.jsxs)(`div`,{className:`dash`,children:[(0,S.jsxs)(`div`,{className:`page-head`,children:[(0,S.jsxs)(`h1`,{children:[o?.projectIcon?`${o.projectIcon} `:``,o?.projectName||`workspace`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`dash-mini`,children:p.map(([e,t,n])=>(0,S.jsxs)(j,{href:n,children:[(0,S.jsx)(`b`,{className:`num`,children:e??`…`}),` `,t]},t))}),(0,S.jsx)(ea,{workflows:i?.workflows??[]})]}),(0,S.jsx)(ta,{agents:r?.agents.filter(e=>!e.archived),chats:u}),m.length>0&&s!==`failed`&&(0,S.jsxs)(`button`,{className:`dash-alert`,onClick:()=>c(`failed`),children:[`⚠ `,m.length,` run`,m.length===1?``:`s`,` failed in the last 24 h — review`]}),(0,S.jsx)(ia,{runs:l,chats:u,bundles:d,agents:r?.agents??[],workflows:i?.workflows??[],filter:s,setFilter:c})]})}function ea({workflows:e}){let[t,n]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{if(!t)return;let e=e=>{e.target.closest(`.wf-pick-wrap`)||n(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[t]),(0,S.jsxs)(`div`,{className:`dash-actions`,children:[(0,S.jsxs)(`button`,{className:`run-btn dash-newchat`,onClick:()=>A(`/agents/chats`),children:[(0,S.jsx)(C,{name:`forum`}),` new chat`]}),(0,S.jsxs)(`span`,{className:`wf-pick-wrap`,children:[(0,S.jsxs)(`button`,{className:`run-btn tonal`,"aria-haspopup":`menu`,"aria-expanded":t,onClick:()=>n(e=>!e),children:[(0,S.jsx)(C,{name:`play_arrow`}),` run workflow`]}),t&&(0,S.jsxs)(`div`,{className:`wf-pick-pop`,role:`menu`,children:[e.length===0&&(0,S.jsx)(`span`,{className:`wf-pick-empty`,children:`no workflows yet`}),e.map(e=>(0,S.jsxs)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,className:`wf-pick-item`,role:`menuitem`,children:[(0,S.jsx)(`span`,{className:`wf-pick-name`,children:e.name??e.slug}),e.description&&(0,S.jsx)(`span`,{className:`wf-pick-desc`,children:e.description})]},e.slug))]})]})]})}function ta({agents:e,chats:t}){let n=P();return e&&e.length===0?(0,S.jsx)(`section`,{className:`panel dash-agents-empty`,children:(0,S.jsx)(`div`,{className:`viewer-note`,children:n?(0,S.jsxs)(S.Fragment,{children:[`No agents yet — `,(0,S.jsx)(j,{href:`/agents/new`,children:`create your first agent`}),` and it will show up here, ready to chat.`]}):(0,S.jsx)(S.Fragment,{children:`No agents yet — ask an expert-mode user to create one.`})})}):(0,S.jsx)(`div`,{className:`dash-agents`,children:(e??[]).map(e=>{let n=t.filter(t=>t.scope.kind===`agent`&&t.scope.slug===e.slug),r=n.find(e=>e.awaitingApproval),i=n.find(e=>e.busy),a=()=>A(`/agents/${encodeURIComponent(e.slug)}`);return(0,S.jsxs)(`div`,{className:`dash-agent`,role:`link`,tabIndex:0,onClick:a,onKeyDown:e=>{e.key===`Enter`&&a()},children:[(0,S.jsxs)(`div`,{className:`dash-agent-id`,children:[(0,S.jsxs)(`span`,{className:`agent-avatar lg`,children:[(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji}),(0,S.jsx)(`span`,{className:`lamp ${i?`running`:`idle`}`})]}),(0,S.jsx)(`span`,{className:`dash-agent-name`,children:e.name}),e.description&&(0,S.jsx)(`span`,{className:`dash-agent-desc`,children:e.description})]}),(0,S.jsxs)(`div`,{className:`dash-agent-foot`,children:[(0,S.jsx)(`span`,{className:`dash-agent-state`,children:r?(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e.slug)}/chat/${r.id}`,className:`chip attention`,onClick:e=>e.stopPropagation(),children:`needs approval`}):i&&(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e.slug)}/chat/${i.id}`,onClick:e=>e.stopPropagation(),children:`working…`})}),(0,S.jsxs)(`button`,{className:`run-btn dash-chat-btn`,onClick:t=>{t.stopPropagation(),$r(`claude`,{kind:`agent`,slug:e.slug})},children:[(0,S.jsx)(C,{name:`chat_bubble`,className:`ms-sm`}),` chat`]})]})]},e.slug)})})}function na(e){if(e.lamp===`running`)return`now`;let t=new Date(e.at),n=new Date;if(t.toDateString()===n.toDateString())return`today`;let r=new Date(n);return r.setDate(r.getDate()-1),t.toDateString()===r.toDateString()?`yesterday`:`earlier`}var ra=[[`all`,`all`],[`run`,`runs`],[`session`,`chats`],[`knowledge`,`knowledge`]];function ia({runs:e,chats:t,bundles:n,agents:r,workflows:i,filter:a,setFilter:o}){let s=P(),c=(0,v.useMemo)(()=>{let o=[],c=e=>e?i.find(t=>t.slug===e)?.name??e:void 0;for(let t of e)o.push({at:t.updatedAt,kind:`run`,emoji:`⚙️`,title:c(t.workflow)??t.id,sub:t.request??``,href:`/runs/${t.id}`,lamp:Ji(t.status),status:Yi(t.status)});for(let e of t){let t=e.scope.kind===`agent`?r.find(t=>e.scope.kind===`agent`&&t.slug===e.scope.slug):void 0;o.push({at:e.updatedAt,kind:`session`,emoji:t?t.emoji||`🤖`:`💬`,title:t?t.name:e.title||`new chat`,sub:t?`${e.title||`new chat`}${s?` · ${e.agent}`:``}`:s?`${e.agent} · ${Zi(e)}`:Zi(e),href:Xi(e),lamp:e.awaitingApproval?`blocked`:e.busy?`running`:`ok`,status:e.awaitingApproval?`needs approval`:e.busy?`working`:void 0})}for(let e of n)e.updatedAt&&o.push({at:e.updatedAt,kind:`knowledge`,emoji:`📚`,title:e.name,sub:`${e.concepts} concepts`,href:`/knowledge/${encodeURIComponent(e.name)}`,lamp:`ok`});return(a===`all`?o:a===`failed`?o.filter(e=>e.kind===`run`&&e.lamp===`failed`):o.filter(e=>e.kind===a)).sort((e,t)=>{let n=Number(t.lamp===`running`)-Number(e.lamp===`running`);return n===0?t.at.localeCompare(e.at):n}).slice(0,15)},[e,t,n,r,s,a]),l=``;return(0,S.jsxs)(`section`,{className:`panel dash-feed`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`activity`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`dash-feed-filter`,children:[ra.map(([e,t])=>(0,S.jsx)(`button`,{className:`feed-chip ${a===e?`on`:``}`,onClick:()=>o(e),children:t},e)),a===`failed`&&(0,S.jsxs)(`button`,{className:`feed-chip on failed`,onClick:()=>o(`all`),children:[`failed `,(0,S.jsx)(C,{name:`close`,className:`ms-sm`})]})]})]}),c.length===0?(0,S.jsx)(`div`,{className:`viewer-note`,children:a===`all`?`nothing yet — run a workflow or start a session`:`nothing here for this filter`}):(0,S.jsx)(`div`,{className:`m3-list`,children:c.map(e=>{let t=na(e),n=t===l?null:t;return l=t,(0,S.jsxs)(`div`,{className:`feed-group`,children:[n&&(0,S.jsx)(`div`,{className:`feed-day microlabel`,children:n}),(0,S.jsxs)(j,{href:e.href,className:`m3-row m3-link`,children:[(0,S.jsxs)(`span`,{className:`agent-avatar`,children:[(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji}),e.lamp===`running`&&(0,S.jsx)(`span`,{className:`lamp running`})]}),(0,S.jsx)(`span`,{className:`chip dash-kind ${e.kind}`,children:e.kind===`session`?`chat`:e.kind}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:Qi(e.title)}),e.sub&&(0,S.jsx)(`span`,{className:`m3-sub`,children:Qi(e.sub)})]}),e.status&&(0,S.jsx)(`span`,{className:`chip status ${e.lamp}`,children:e.status}),(0,S.jsx)(`span`,{className:`side-when num`,title:new Date(e.at).toLocaleString(),children:Te(e.at)}),(0,S.jsx)(`span`,{className:`m3-chev`,children:(0,S.jsx)(C,{name:`chevron_right`})})]})]},`${e.kind}:${e.href}:${e.at}`)})})]})}async function aa(e,t){let n=window.open(``,`_blank`);if(!n)return;let r=t?`${e}/${t}`:e;n.document.write(`<title>${la(r)}</title><body style="font-family:system-ui;padding:40px;color:#555">preparing ${la(r)}…</body>`);let i=t=>`/api/knowledge/${encodeURIComponent(e)}/concept?id=${encodeURIComponent(t)}`,a,o=``;try{let[n,r]=await Promise.all([t?Promise.resolve([t]):fetch(`/api/knowledge/${encodeURIComponent(e)}`).then(e=>e.json()).then(e=>e.concepts.map(e=>e.id)),fetch(`/api/meta`).then(e=>e.json()).catch(()=>({}))]);if(o=r.projectName??``,a=await Promise.all(n.map(e=>fetch(i(e)).then(e=>e.json()))),a.some(e=>typeof e?.id!=`string`))throw Error(`missing concept`)}catch{n.document.body.textContent=`could not load "${r}"`;return}let s=[],c=a.map(e=>{let t=[e.type,e.generated?.at?`updated ${e.generated.at.slice(0,10)}`:``,e.trustTier===`human-reviewed`?`human-reviewed`:``,(e.tags??[]).map(e=>`#${e}`).join(` `)].filter(Boolean).join(` · `),{md:n,notes:r}=sa(oa(e.body??``,null)),i=!e.title||e.title===e.id||e.title===e.id.split(`/`).pop(),{html:a,title:o}=ca(Lr.sanitize(H.parse(n,{async:!1})),{title:e.title||e.id,meta:t,titleIsFallback:i});return s.push(o),`<article>
+`).length)),onChange:e=>{c(e.target.value),w(0),E(!1)},onPaste:e=>{let t=Array.from(e.clipboardData.items).filter(e=>e.kind===`file`).map(e=>e.getAsFile()).filter(e=>!!e);t.length&&(e.preventDefault(),_(t))},onKeyDown:e=>{if(I){if(e.key===`ArrowDown`)return e.preventDefault(),w((se+1)%F.length);if(e.key===`ArrowUp`)return e.preventDefault(),w((se-1+F.length)%F.length);if(e.key===`Tab`||e.key===`Enter`)return e.preventDefault(),F[se].pick();if(e.key===`Escape`)return e.preventDefault(),E(!0)}e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),ce())}}),t&&(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:()=>fetch(`/api/chats/${e}/cancel`,{method:`POST`}).catch(()=>{}),children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop`]}),!j&&(0,S.jsx)(`button`,{className:`ws-btn attach-btn`,title:`attach files (or drop / paste them)`,onClick:()=>A.current?.click(),children:(0,S.jsx)(C,{name:`attach_file`,className:`ms-sm`})}),(0,S.jsx)(`input`,{ref:A,type:`file`,multiple:!0,hidden:!0,onChange:e=>{e.target.files?.length&&_(e.target.files),e.target.value=``}}),!j&&(0,S.jsxs)(`button`,{className:`run-btn`,disabled:!s.trim()&&d.length===0||p>0,onClick:ce,title:ne?`hand this into the running turn`:void 0,children:[(0,S.jsx)(C,{name:ne?`alt_route`:`send`,className:`ms-sm`}),` `,ne?`steer`:`send`]})]})}function bi({id:e,workflow:t}){let n=z(`/api/runs`,!0),r=n?.runs??[],[i,a]=(0,v.useState)(t??``),o=(0,v.useMemo)(()=>{let e=i.trim().toLowerCase();return e?r.filter(t=>[t.workflow,t.request,t.id].some(t=>t?.toLowerCase().includes(e))):r},[r,i]);return(0,S.jsxs)(`div`,{className:`runs-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(j,{href:`/workflows`,className:`side-back`,title:`back to workflows`,children:(0,S.jsx)(C,{name:`arrow_back`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`microlabel`,children:`runs`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`microlabel num`,children:i?`${o.length} / ${r.length}`:r.length})]}),(0,S.jsxs)(`label`,{className:`side-filter`,children:[(0,S.jsx)(C,{name:`filter_list`,className:`ms-sm`}),(0,S.jsx)(`input`,{type:`search`,value:i,placeholder:`filter by workflow or request`,"aria-label":`filter runs`,onChange:e=>a(e.target.value)})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[o.map(t=>(0,S.jsx)(xi,{r:t,active:t.id===e},t.id)),n&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no runs yet`}),r.length>0&&o.length===0&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`no run matches “`,i,`”`]})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:(0,S.jsx)(Si,{id:e},e)})]})}function xi({r:e,active:t}){return(0,S.jsxs)(j,{href:`/runs/${e.id}`,className:`side-row ${t?`active`:``}`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsx)(`span`,{className:`side-wf`,children:e.workflow??`unknown`}),(0,S.jsx)(`span`,{className:`side-when num`,children:we(e.startedAt)})]}),(0,S.jsxs)(`div`,{className:`side-row-sub`,children:[(0,S.jsx)(`span`,{className:`side-req`,title:e.request,children:e.status===`running`&&e.currentPhase?`${e.currentPhase}`:e.request??``}),(0,S.jsx)(`span`,{className:`side-meta num`,children:e.status===`running`?(0,S.jsx)(Ee,{since:e.startedAt}):be(e.durationMs)})]})]})]})}function Si({id:e}){let t=z(`/api/runs/${e}`,!0),n=t?.status===`running`,[r,i]=(0,v.useState)(null),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(null),l=P();if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let u=t.files.some(e=>e.name===`runner.json`),d=r??(n?`run`:`artifacts`),f=l?t.files.length:t.files.filter(e=>!Oi(e.name)).length;async function p(){o(!0),c(null);let t=await fetch(`/api/runs/${e}/stop`,{method:`POST`}).catch(()=>null);t?.ok||(o(!1),c((await t?.json().catch(()=>null))?.error??`stop failed`))}async function m(){if(!window.confirm(`Remove run ${e} and all its files?`))return;c(null);let n=await fetch(`/api/runs/${e}`,{method:`DELETE`}).catch(()=>null);if(n?.ok){A(t?.workflow?`/workflows/${encodeURIComponent(t.workflow)}`:`/workflows`);return}c((await n?.json().catch(()=>null))?.error??`remove failed`)}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(De,{status:t.status}),(0,S.jsx)(`h1`,{children:t.workflow?(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(t.workflow)}`,title:`open workflow`,children:t.workflow}):`unknown workflow`}),(0,S.jsx)(Oe,{status:t.status}),u&&(0,S.jsxs)(`span`,{className:`chip sandbox-chip`,children:[(0,S.jsx)(C,{name:`science`,className:`ms-sm`}),` sandbox`]}),(0,S.jsx)(`span`,{className:`rid`,children:e.replace(/^run-/,``)}),n?(0,S.jsx)(`button`,{className:`stop-btn`,onClick:p,disabled:a,children:a?`stopping…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`stop`,className:`ms-sm`}),` stop`]})}):(0,S.jsxs)(`button`,{className:`stop-btn`,onClick:m,title:`delete this run's folder`,children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),s&&(0,S.jsx)(`span`,{className:`run-action-error`,children:s}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`open-raw`,title:`chat with an agent about this run`,onClick:()=>void $r(`claude`,{kind:`run`,runId:e}),children:`⌬ discuss`}),(0,S.jsxs)(`nav`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:d===`run`?`active`:``,onClick:()=>i(`run`),children:`run`}),(0,S.jsxs)(`button`,{className:d===`artifacts`?`active`:``,onClick:()=>i(`artifacts`),children:[`artifacts `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,f,`)`]})]})]})]}),t.request&&(0,S.jsx)(`p`,{className:`detail-req`,children:t.request}),d===`run`?(0,S.jsx)(Ci,{run:t,live:n}):(0,S.jsx)(W,{id:e,files:t.files,live:n})]})}function Ci({run:e,live:t}){return(0,S.jsxs)(`div`,{className:`run-tab`,children:[(0,S.jsxs)(`div`,{className:`statgrid`,children:[(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`phases`}),(0,S.jsxs)(`div`,{className:`v num`,children:[e.phasesDone,e.phasesTotal==null?``:` / ${e.phasesTotal}`]})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`duration`}),(0,S.jsx)(`div`,{className:`v num`,children:t?(0,S.jsx)(Ee,{since:e.startedAt}):be(e.durationMs)})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`cost`}),(0,S.jsx)(`div`,{className:`v num`,children:xe(e.costUsd??Ti(e.phases))})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`tokens in / out`}),(0,S.jsxs)(`div`,{className:`v num`,children:[Se(wi(e.phases,`tokensIn`)),` / `,Se(wi(e.phases,`tokensOut`))]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`phase timeline`}),(0,S.jsx)(`span`,{className:`spacer`}),t&&(0,S.jsxs)(`span`,{className:`live-note`,children:[(0,S.jsx)(`span`,{className:`lamp running`}),` live · polling`]})]}),(0,S.jsx)(`div`,{className:`phases`,children:e.phases.map(e=>(0,S.jsx)(Ei,{p:e},e.phase))})]})]})}function wi(e,t){return e.reduce((e,n)=>e+(n[t]??0),0)}function Ti(e){return e.reduce((e,t)=>e+(t.costUsd??0),0)}function Ei({p:e}){let t=e.gates.filter(e=>!e.passed);return(0,S.jsxs)(`div`,{className:`phase-row`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsxs)(`div`,{className:`phase-top`,children:[(0,S.jsx)(`span`,{className:`phase-name`,children:e.phase}),e.kind===`agent`?(0,S.jsxs)(`span`,{className:`chip agent`,children:[e.agent,e.model?` · ${e.model}`:``,e.protocol?` · ${e.protocol}`:``]}):(0,S.jsx)(`span`,{className:`chip`,children:`script`}),(0,S.jsxs)(`span`,{className:`right num`,children:[e.attempts>1&&(0,S.jsxs)(`span`,{children:[`att `,e.attempts]}),e.status===`running`?(0,S.jsx)(Ee,{since:e.startedAt}):e.durationMs!=null&&(0,S.jsx)(`span`,{children:be(e.durationMs)}),e.kind===`agent`&&e.tokensIn!=null&&(0,S.jsxs)(`span`,{children:[Se(e.tokensIn),` / `,Se(e.tokensOut)]}),e.costUsd!=null&&e.costUsd>0&&(0,S.jsx)(`span`,{children:xe(e.costUsd)})]})]}),e.status===`running`&&e.lastActivity&&(0,S.jsx)(`div`,{className:`phase-activity`,children:e.lastActivity}),e.summary&&e.status!==`running`&&(0,S.jsx)(`div`,{className:`phase-sub`,children:e.summary}),e.gates.length>0&&(0,S.jsx)(`div`,{className:`gate-line`,children:e.gates.map(e=>(0,S.jsxs)(`span`,{className:`gate ${e.passed?``:`failed`}`,title:e.failure??``,children:[(0,S.jsx)(C,{name:e.passed?`check`:`close`,className:`ms-sm`}),` `,e.gate]},e.gate))}),t.map(e=>(0,S.jsx)(`div`,{className:`gate-fail-msg`,children:e.failure},e.gate))]})}var Di=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`svg`]);function Oi(e){return e===`runner.json`||e.endsWith(`.jsonl`)||e.endsWith(`.log`)}function ki(e){let t=[`report.html`,`recommendation.md`].find(t=>e.some(e=>e.name===t));if(t)return t;let n=e=>{let t=e.split(`.`).pop()?.toLowerCase()??``;return[`html`,`md`,`markdown`,`pdf`].includes(t)||Di.has(t)?0:Oi(e)?2:1},r=null;for(let t of e)(!r||n(t.name)<n(r.name))&&(r=t);return r?.name??null}function W({id:e,files:t,live:n}){let[r,i]=(0,v.useState)(null),a=P(),o=(0,v.useMemo)(()=>a?t:t.filter(e=>!Oi(e.name)),[t,a]);return(0,v.useEffect)(()=>{!a&&r&&Oi(r)&&i(null)},[a,r]),(0,v.useEffect)(()=>{r||o.length===0||i(ki(o))},[o,r]),(0,S.jsxs)(`div`,{className:`art-layout`,children:[(0,S.jsxs)(`section`,{className:`panel art-files`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsxs)(`span`,{className:`microlabel`,children:[`files `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,o.length,`)`]})]})}),(0,S.jsxs)(`div`,{className:`file-list`,children:[o.map(e=>(0,S.jsxs)(`button`,{className:`file-row ${r===e.name?`active`:``}`,onClick:()=>i(e.name),children:[(0,S.jsx)(`span`,{className:`fname`,children:e.name}),(0,S.jsx)(`span`,{className:`fsize num`,children:Ce(e.size)})]},e.name)),o.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:t.length>0?`no result files — raw run files live in expert mode`:`no files yet`})]})]}),(0,S.jsxs)(`section`,{className:`panel art-viewer`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:r??`viewer`}),(0,S.jsx)(`span`,{className:`spacer`}),r&&(0,S.jsx)(`a`,{className:`open-raw`,href:`/api/runs/${e}/file?name=${encodeURIComponent(r)}&raw=1`,target:`_blank`,children:`open raw ↗`})]}),r?(0,S.jsx)(Ai,{id:e,name:r,live:n}):(0,S.jsx)(`div`,{className:`empty`,children:`select a file`})]})]})}function Ai({id:e,name:t,live:n}){let r=t.split(`.`).pop()?.toLowerCase()??``,i=`/api/runs/${e}/file?name=${encodeURIComponent(t)}&raw=1`;return r===`html`?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`iframe`,{src:i,sandbox:`allow-scripts`,allow:`clipboard-write`,title:t})})}):r===`pdf`?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`iframe`,{src:i,title:t})})}):Di.has(r)?(0,S.jsx)(`div`,{className:`viewer`,children:(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`img`,{src:i,alt:t})})}):r===`md`||r===`markdown`?(0,S.jsx)(ji,{id:e,name:t,live:n}):(0,S.jsx)(Mi,{id:e,name:t,live:n})}function ji({id:e,name:t,live:n}){let[r,i]=(0,v.useState)(`rendered`),a=z(`/api/runs/${e}/file?name=${encodeURIComponent(t)}`,n),o=(0,v.useMemo)(()=>a?Lr.sanitize(H.parse(a.content,{async:!1})):``,[a?.content]);return(0,S.jsxs)(`div`,{className:`viewer`,children:[(0,S.jsxs)(`div`,{className:`viewer-note md-toolbar`,children:[(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:r===`rendered`?`active`:``,onClick:()=>i(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:r===`source`?`active`:``,onClick:()=>i(`source`),children:`source`})]}),a?.truncated&&(0,S.jsxs)(`span`,{children:[`large file — showing the last `,Ce(4e5)]})]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:a?r===`rendered`?(0,S.jsx)(`div`,{className:`md-body`,dangerouslySetInnerHTML:{__html:o}}):(0,S.jsx)(`pre`,{children:a.content||`(empty)`}):(0,S.jsx)(`pre`,{children:`loading…`})})]})}function Mi({id:e,name:t,live:n}){let r=z(`/api/runs/${e}/file?name=${encodeURIComponent(t)}`,n);return(0,S.jsxs)(`div`,{className:`viewer`,children:[r?.truncated&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`large file — showing the last `,Ce(4e5)]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`pre`,{children:r?r.content||`(empty)`:`loading…`})})]})}function Ni(){return z(`/api/workflows/any/run`,!1,15e3)}var Pi=e=>!!e?.available&&!!e?.image;function Fi(e){return e?e.available?e.image?`isolated container per run`:"image missing — run `kraftwerk runner build`":`Docker is not running`:``}async function Ii(e,t){let n=await fetch(`/api/workflows/${encodeURIComponent(e)}/run`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)}),r=await n.json();if(!n.ok)throw Error(r.error??`HTTP ${n.status}`);return r.runId}function Li(e,t,n){let[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(!0),[s,c]=(0,v.useState)(!1),[l,u]=(0,v.useState)(!1),[d,f]=(0,v.useState)(null),p=Ni();(0,v.useEffect)(()=>{!r&&n&&i(n)},[n]),(0,v.useEffect)(()=>{p&&!Pi(p)&&o(!1)},[p]);let m=!l&&(!t||!!r.trim())&&(!a||Pi(p));async function h(){if(m){u(!0),f(null);try{A(`/runs/${await Ii(e,{request:r.trim(),sandbox:a,ssh:s})}`)}catch(e){f(e.message),u(!1)}}}return{request:r,setRequest:i,sandbox:a,setSandbox:o,ssh:s,setSsh:c,busy:l,error:d,docker:p,canRun:m,launch:h}}function Ri({slug:e,usesRequest:t,initialRequest:n}){let r=Li(e,t,n);return(0,S.jsxs)(`div`,{className:`run-launcher`,children:[(0,S.jsxs)(`div`,{className:`run-form`,children:[t?(0,S.jsx)(`input`,{type:`text`,value:r.request,"aria-label":`request`,placeholder:`request — topic, URL, host …`,onChange:e=>r.setRequest(e.target.value),onKeyDown:e=>e.key===`Enter`&&r.launch()}):(0,S.jsx)(`span`,{className:`run-norequest`,children:`this workflow takes no request`}),(0,S.jsx)(`button`,{className:`run-btn`,onClick:r.launch,disabled:!r.canRun,children:r.busy?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` `,r.sandbox?`run in sandbox`:`run locally`]})})]}),(0,S.jsxs)(`div`,{className:`run-opts`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:r.sandbox,onChange:e=>r.setSandbox(e.target.checked)}),`docker sandbox `,Fi(r.docker)&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[`— `,Fi(r.docker)]})]}),(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:r.ssh,onChange:e=>r.setSsh(e.target.checked),disabled:!r.sandbox}),`forward SSH agent`]})]}),r.error&&(0,S.jsx)(`div`,{className:`gate-fail-msg`,children:r.error})]})}function zi({label:e,hint:t,checked:n,onChange:r}){return(0,S.jsxs)(`button`,{type:`button`,className:`m3-switch-row`,role:`switch`,"aria-checked":n,onClick:()=>r(!n),children:[(0,S.jsxs)(`span`,{className:`m3-switch-text`,children:[(0,S.jsx)(`span`,{className:`m3-switch-label`,children:e}),t&&(0,S.jsx)(`span`,{className:`m3-switch-hint`,children:t})]}),(0,S.jsx)(`span`,{className:`m3-switch ${n?`on`:``}`,"aria-hidden":!0,children:(0,S.jsx)(`span`,{className:`m3-switch-knob`})})]})}function Bi(e,t){let n=e.filter(e=>e.workflow===(t.name??t.slug));return{count:n.length,last:n[0]}}function Vi(e,t){return`/runs/${e.id}?workflow=${encodeURIComponent(t.name??t.slug)}`}function Hi(){let e=z(`/api/workflows`,!1),t=z(`/api/runs`,!1),n=Ni(),[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(null),[s,c]=(0,v.useState)(null),[l,u]=(0,v.useState)(null),d=e?.workflows??[],f=t?.runs??[],p=(0,v.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>[t.name,t.slug,t.description].some(t=>t?.toLowerCase().includes(e))):d},[d,r]);async function m(e){if(e.usesRequest)return o(e);c(e.slug),u(null);try{A(`/runs/${await Ii(e.slug,{request:``,sandbox:Pi(n),ssh:!1})}`)}catch(t){u(`${e.name??e.slug}: ${t.message}`),c(null)}}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`page-head`,children:[(0,S.jsx)(`h1`,{children:`Workflows`}),(0,S.jsxs)(`nav`,{className:`tabs`,"aria-label":`workflows sections`,children:[(0,S.jsxs)(j,{href:`/workflows`,className:`active`,children:[`workflows `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,d.length,`)`]})]}),(0,S.jsxs)(j,{href:`/runs`,children:[`runs `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,f.length,`)`]})]})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`label`,{className:`wf-search`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`input`,{type:`search`,value:r,placeholder:`search workflows`,"aria-label":`search workflows`,onChange:e=>i(e.target.value)})]})]}),l&&(0,S.jsx)(`div`,{className:`gate-fail-msg wf-error`,children:l}),e&&d.length===0&&(0,S.jsxs)(`div`,{className:`empty`,children:[`No workflows found — expected `,(0,S.jsx)(`code`,{children:`src/workflows/`}),` or `,(0,S.jsx)(`code`,{children:`workflows/`}),` `,`next to the output folder.`]}),d.length>0&&(0,S.jsxs)(`div`,{className:`wf-list`,role:`list`,children:[p.map(e=>{let t=Bi(f,e);return(0,S.jsxs)(`div`,{className:`wf-row`,role:`listitem`,children:[(0,S.jsx)(De,{status:t.last?.status??`idle`}),(0,S.jsxs)(`div`,{className:`wf-row-main`,children:[(0,S.jsxs)(`div`,{className:`wf-row-top`,children:[(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,className:`wf-name`,children:e.name??e.slug}),e.error&&(0,S.jsx)(`span`,{className:`status-word failed`,children:`broken`}),(0,S.jsxs)(`span`,{className:`wf-meta num`,children:[e.agents,` agents · `,e.steps,` steps`,e.usesRequest?``:` · no request`]})]}),(0,S.jsx)(`p`,{className:`wf-desc`,title:e.error??e.description??``,children:e.error??e.description??``})]}),t.last?(0,S.jsxs)(j,{href:Vi(t.last,e),className:`wf-runs`,title:`show the runs of this workflow`,children:[(0,S.jsx)(C,{name:`history`,className:`ms-sm`}),(0,S.jsxs)(`span`,{className:`num`,children:[t.count,` `,t.count===1?`run`:`runs`]}),(0,S.jsxs)(`span`,{className:`wf-last`,children:[`· `,(0,S.jsx)(Oe,{status:t.last.status}),` `,Te(t.last.updatedAt)]})]}):(0,S.jsx)(`span`,{className:`wf-runs none num`,children:`no runs yet`}),(0,S.jsx)(`button`,{className:`run-btn wf-run`,disabled:!!e.error||s===e.slug,title:e.usesRequest?`run with a request…`:`run now`,onClick:()=>void m(e),children:s===e.slug?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` run`,e.usesRequest?`…`:``]})})]},e.slug)}),p.length===0&&(0,S.jsxs)(`div`,{className:`viewer-note wf-nomatch`,children:[`no workflow matches “`,r,`”`]})]}),a&&(0,S.jsx)(Ui,{w:a,lastRequest:Bi(f,a).last?.request,onClose:()=>o(null)})]})}function Ui({w:e,lastRequest:t,onClose:n}){let r=Li(e.slug,e.usesRequest,t),i=e.name??e.slug;return(0,v.useEffect)(()=>{let e=e=>e.key===`Escape`&&n();return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[n]),(0,S.jsx)(`div`,{className:`dialog-backdrop`,onMouseDown:e=>e.target===e.currentTarget&&n(),children:(0,S.jsxs)(`div`,{className:`m3-dialog`,role:`dialog`,"aria-label":`Run ${i}`,"aria-describedby":`run-dialog-desc`,children:[(0,S.jsxs)(`h2`,{className:`m3-headline`,children:[`Run `,i]}),(0,S.jsxs)(`p`,{className:`m3-supporting`,id:`run-dialog-desc`,children:[e.description&&(0,S.jsxs)(S.Fragment,{children:[e.description,` `]}),(0,S.jsxs)(`span`,{className:`m3-facts num`,children:[e.agents,` agents · `,e.steps,` steps ·`,` `,(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,children:`details`})]})]}),(0,S.jsxs)(`label`,{className:`m3-field`,children:[(0,S.jsx)(`input`,{type:`text`,value:r.request,placeholder:` `,autoFocus:!0,"aria-label":`request`,onChange:e=>r.setRequest(e.target.value),onKeyDown:e=>e.key===`Enter`&&r.launch()}),(0,S.jsx)(`span`,{className:`m3-field-label`,children:`Request`}),(0,S.jsx)(`span`,{className:`m3-field-support`,children:`What the workflow should work on — a topic, URL, host …`})]}),(0,S.jsxs)(`div`,{className:`m3-switches`,children:[(0,S.jsx)(zi,{label:`Run in Docker sandbox`,hint:Fi(r.docker),checked:r.sandbox,onChange:r.setSandbox}),r.sandbox&&(0,S.jsx)(zi,{label:`Forward SSH agent`,hint:`keys and known hosts from this machine`,checked:r.ssh,onChange:r.setSsh})]}),r.error&&(0,S.jsx)(`div`,{className:`m3-error`,children:r.error}),(0,S.jsxs)(`div`,{className:`m3-actions`,children:[(0,S.jsx)(`button`,{className:`m3-text-btn`,onClick:n,children:`Cancel`}),(0,S.jsx)(`button`,{className:`m3-filled-btn`,onClick:r.launch,disabled:!r.canRun,children:r.busy?`Starting…`:`Run`})]})]})})}function Wi({slug:e}){let t=z(`/api/workflows/${encodeURIComponent(e)}`,!1),n=z(`/api/runs`,!1);if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});if(t.error)return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Gi,{slug:t.slug}),(0,S.jsxs)(`div`,{className:`empty`,children:[(0,S.jsx)(`span`,{className:`status-word failed`,children:`broken workflow`}),(0,S.jsx)(`pre`,{style:{marginTop:12,textAlign:`left`},children:t.error})]})]});let r=new Map(t.agents.map((e,t)=>[e.id,t%4])),i=(n?.runs??[]).filter(e=>e.workflow===t.name).slice(0,8);return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Gi,{slug:t.slug}),(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`h1`,{children:t.name??t.slug}),(0,S.jsx)(`span`,{className:`rid mono`,children:t.dir})]}),t.description&&(0,S.jsx)(`p`,{className:`detail-req`,children:t.description}),(0,S.jsxs)(`div`,{className:`statgrid`,children:[(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`agents`}),(0,S.jsx)(`div`,{className:`v num`,children:t.agents.length})]}),(0,S.jsxs)(`div`,{className:`stat`,children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`steps`}),(0,S.jsxs)(`div`,{className:`v num`,children:[t.steps.length,` `,(0,S.jsxs)(`span`,{style:{color:`var(--muted)`,fontWeight:400},children:[`(`,t.steps.filter(e=>e.kind===`agent`).length,` agent ·`,` `,t.steps.filter(e=>e.kind===`script`).length,` script)`]})]})]}),t.workspace&&(0,S.jsxs)(`div`,{className:`stat`,style:{maxWidth:420},children:[(0,S.jsx)(`div`,{className:`microlabel`,children:`workspace`}),(0,S.jsx)(`div`,{className:`wf-workspace mono`,children:t.workspace})]})]}),(0,S.jsxs)(`section`,{className:`panel run-panel`,style:{marginBottom:18},children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`trigger run`})}),(0,S.jsx)(Ri,{slug:t.slug,usesRequest:t.usesRequest,initialRequest:i[0]?.request})]}),(0,S.jsxs)(`section`,{className:`panel`,style:{marginBottom:18},children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`agents`})}),(0,S.jsxs)(`div`,{className:`agent-grid`,children:[t.agents.map(e=>(0,S.jsx)(Ki,{a:e,idx:r.get(e.id)??0},e.id)),t.agents.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no agents — script-only workflow`})]})]}),(0,S.jsxs)(`div`,{className:`columns`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`pipeline`})}),(0,S.jsx)(`div`,{className:`pipeline`,children:t.steps.map((e,t)=>(0,S.jsx)(qi,{s:e,i:t,idx:e.agent?r.get(e.agent)??0:null},e.name))})]}),(0,S.jsxs)(`div`,{style:{display:`grid`,gap:18},children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsxs)(`span`,{className:`microlabel`,children:[`folder `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,t.files.length,` files)`]})]})}),(0,S.jsx)(`div`,{className:`file-list`,children:t.files.map(e=>(0,S.jsx)(`div`,{className:`file-row`,style:{cursor:`default`},children:(0,S.jsx)(`span`,{className:`fname`,children:e})},e))})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsxs)(`span`,{className:`microlabel`,children:[`recent runs `,(0,S.jsxs)(`span`,{className:`num`,children:[`(`,i.length,`)`]})]}),(0,S.jsx)(`span`,{className:`spacer`}),i[0]&&(0,S.jsx)(j,{href:Vi(i[0],t),className:`open-raw`,children:`all runs ↗`})]}),(0,S.jsxs)(`div`,{className:`file-list`,children:[i.map(e=>(0,S.jsxs)(j,{href:`/runs/${e.id}`,className:`file-row`,children:[(0,S.jsx)(De,{status:e.status}),(0,S.jsx)(`span`,{className:`fname`,children:e.id.replace(/^run-/,``)}),(0,S.jsxs)(`span`,{className:`fsize num`,children:[be(e.durationMs),` · `,xe(e.costUsd),` · `,we(e.startedAt)]})]},e.id)),i.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no runs of this workflow yet`})]})]})]})]})]})}function Gi({slug:e}){return(0,S.jsxs)(`nav`,{className:`crumbs`,children:[(0,S.jsx)(j,{href:`/workflows`,children:`workflows`}),(0,S.jsx)(`span`,{className:`sep`,children:`/`}),(0,S.jsx)(`span`,{className:`mono`,children:e})]})}function Ki({a:e,idx:t}){return(0,S.jsxs)(`div`,{className:`agent-card aid-${t}`,children:[(0,S.jsxs)(`div`,{className:`agent-head`,children:[(0,S.jsx)(`span`,{className:`agent-dot`}),(0,S.jsx)(`b`,{children:e.name??e.id}),(0,S.jsxs)(`code`,{className:`agent-id`,children:[`[`,e.id,`]`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`chip`,children:[e.model??`default`,e.effort?` · ${e.effort}`:``,e.protocol===`acp`?` · acp`:``]})]}),e.tools.length>0&&(0,S.jsx)(`div`,{className:`agent-tools`,children:e.tools.map(e=>(0,S.jsx)(`span`,{className:`tool-chip`,children:e},e))}),e.persona&&(0,S.jsx)(`p`,{className:`agent-persona`,children:e.persona})]})}function qi({s:e,i:t,idx:n}){let r=e.kind===`script`?e.script:e.prompt;return(0,S.jsxs)(`div`,{className:`step-node`,children:[(0,S.jsx)(`div`,{className:`step-index num ${n==null?`is-script`:`aid-${n}`}`,children:t+1}),(0,S.jsxs)(`div`,{className:`step-body`,children:[(0,S.jsxs)(`div`,{className:`phase-top`,children:[(0,S.jsx)(`span`,{className:`phase-name`,children:e.name}),e.kind===`agent`?(0,S.jsxs)(`span`,{className:`chip agent-chip aid-${n??0}`,children:[`agent · `,e.agent]}):(0,S.jsxs)(`span`,{className:`chip`,children:[`script`,e.sourceRef?` · ${e.sourceRef}`:``]})]}),r&&(0,S.jsxs)(`details`,{className:`step-source`,children:[(0,S.jsx)(`summary`,{children:e.kind===`agent`?`prompt`:`script`}),(0,S.jsx)(`pre`,{children:r})]}),e.gates.length>0&&(0,S.jsx)(`div`,{className:`gate-line`,children:e.gates.map(e=>(0,S.jsxs)(`span`,{className:`gate neutral`,children:[`⛨ `,e]},e))})]})]})}var Ji=e=>e===`ok`?`ok`:e===`running`?`running`:e===`aborted`?`aborted`:`failed`,Yi=e=>e===`ok`?`done`:e===`running`?`working`:e===`aborted`?`stopped`:`failed`;function Xi(e){return e.scope.kind===`channel`?`/channels/${e.scope.slug}`:e.scope.kind===`agent`?`/agents/${e.scope.slug}/chat/${e.id}`:`/agents/chats/${e.id}`}function Zi(e){switch(e.scope.kind){case`agent`:return e.scope.slug;case`channel`:return`#${e.scope.slug}`;case`run`:return e.scope.runId;case`knowledge`:return e.scope.bundle?`knowledge:${e.scope.bundle}`:`knowledge`;case`kraftwerk`:return`kraftwerk-aware`;default:return`general`}}function Qi(e){return e.length>64?`${e.slice(0,46)}…${e.slice(-14)}`:e}function $i(){let e=z(`/api/runs`,!1),t=z(`/api/chats`,!1),n=z(`/api/knowledge`,!1),r=z(`/api/agents`,!1),i=z(`/api/workflows`,!1),a=z(`/api/skills`,!1),o=z(`/api/meta`,!1),[s,c]=(0,v.useState)(`all`),l=e?.runs??[],u=t?.chats??[],d=n?.bundles??[],f=(a?.skills??[]).filter(e=>e.source===`workspace`),p=[[i?.workflows.length,`workflows`,`/workflows`],[e?l.length:void 0,`runs`,`/runs`],[n?d.length:void 0,`bundles`,`/knowledge`],[a?f.length:void 0,`skills`,`/skills`],[t?u.length:void 0,`chats`,`/agents/chats`]],m=l.filter(e=>e.status===`failed`&&Date.now()-Date.parse(e.updatedAt)<864e5);return(0,S.jsxs)(`div`,{className:`dash`,children:[(0,S.jsxs)(`div`,{className:`page-head`,children:[(0,S.jsxs)(`h1`,{children:[o?.projectIcon?`${o.projectIcon} `:``,o?.projectName||`workspace`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`dash-mini`,children:p.map(([e,t,n])=>(0,S.jsxs)(j,{href:n,children:[(0,S.jsx)(`b`,{className:`num`,children:e??`…`}),` `,t]},t))}),(0,S.jsx)(ea,{workflows:i?.workflows??[]})]}),(0,S.jsx)(ta,{agents:r?.agents.filter(e=>!e.archived),chats:u}),m.length>0&&s!==`failed`&&(0,S.jsxs)(`button`,{className:`dash-alert`,onClick:()=>c(`failed`),children:[`⚠ `,m.length,` run`,m.length===1?``:`s`,` failed in the last 24 h — review`]}),(0,S.jsx)(ia,{runs:l,chats:u,bundles:d,agents:r?.agents??[],workflows:i?.workflows??[],filter:s,setFilter:c})]})}function ea({workflows:e}){let[t,n]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{if(!t)return;let e=e=>{e.target.closest(`.wf-pick-wrap`)||n(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[t]),(0,S.jsxs)(`div`,{className:`dash-actions`,children:[(0,S.jsxs)(`button`,{className:`run-btn dash-newchat`,onClick:()=>A(`/agents/chats/new`),children:[(0,S.jsx)(C,{name:`forum`}),` new chat`]}),(0,S.jsxs)(`span`,{className:`wf-pick-wrap`,children:[(0,S.jsxs)(`button`,{className:`run-btn tonal`,"aria-haspopup":`menu`,"aria-expanded":t,onClick:()=>n(e=>!e),children:[(0,S.jsx)(C,{name:`play_arrow`}),` run workflow`]}),t&&(0,S.jsxs)(`div`,{className:`wf-pick-pop`,role:`menu`,children:[e.length===0&&(0,S.jsx)(`span`,{className:`wf-pick-empty`,children:`no workflows yet`}),e.map(e=>(0,S.jsxs)(j,{href:`/workflows/${encodeURIComponent(e.slug)}`,className:`wf-pick-item`,role:`menuitem`,children:[(0,S.jsx)(`span`,{className:`wf-pick-name`,children:e.name??e.slug}),e.description&&(0,S.jsx)(`span`,{className:`wf-pick-desc`,children:e.description})]},e.slug))]})]})]})}function ta({agents:e,chats:t}){let n=P();return e&&e.length===0?(0,S.jsx)(`section`,{className:`panel dash-agents-empty`,children:(0,S.jsx)(`div`,{className:`viewer-note`,children:n?(0,S.jsxs)(S.Fragment,{children:[`No agents yet — `,(0,S.jsx)(j,{href:`/agents/new`,children:`create your first agent`}),` and it will show up here, ready to chat.`]}):(0,S.jsx)(S.Fragment,{children:`No agents yet — ask an expert-mode user to create one.`})})}):(0,S.jsx)(`div`,{className:`dash-agents`,children:(e??[]).map(e=>{let n=t.filter(t=>t.scope.kind===`agent`&&t.scope.slug===e.slug),r=n.find(e=>e.awaitingApproval),i=n.find(e=>e.busy),a=()=>A(`/agents/${encodeURIComponent(e.slug)}`);return(0,S.jsxs)(`div`,{className:`dash-agent`,role:`link`,tabIndex:0,onClick:a,onKeyDown:e=>{e.key===`Enter`&&a()},children:[(0,S.jsxs)(`div`,{className:`dash-agent-id`,children:[(0,S.jsxs)(`span`,{className:`agent-avatar lg`,children:[(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji}),(0,S.jsx)(`span`,{className:`lamp ${i?`running`:`idle`}`})]}),(0,S.jsx)(`span`,{className:`dash-agent-name`,children:e.name}),e.description&&(0,S.jsx)(`span`,{className:`dash-agent-desc`,children:e.description})]}),(0,S.jsxs)(`div`,{className:`dash-agent-foot`,children:[(0,S.jsx)(`span`,{className:`dash-agent-state`,children:r?(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e.slug)}/chat/${r.id}`,className:`chip attention`,onClick:e=>e.stopPropagation(),children:`needs approval`}):i&&(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e.slug)}/chat/${i.id}`,onClick:e=>e.stopPropagation(),children:`working…`})}),(0,S.jsxs)(`button`,{className:`run-btn dash-chat-btn`,onClick:t=>{t.stopPropagation(),$r(`claude`,{kind:`agent`,slug:e.slug})},children:[(0,S.jsx)(C,{name:`chat_bubble`,className:`ms-sm`}),` chat`]})]})]},e.slug)})})}function na(e){if(e.lamp===`running`)return`now`;let t=new Date(e.at),n=new Date;if(t.toDateString()===n.toDateString())return`today`;let r=new Date(n);return r.setDate(r.getDate()-1),t.toDateString()===r.toDateString()?`yesterday`:`earlier`}var ra=[[`all`,`all`],[`run`,`runs`],[`session`,`chats`],[`knowledge`,`knowledge`]];function ia({runs:e,chats:t,bundles:n,agents:r,workflows:i,filter:a,setFilter:o}){let s=P(),c=(0,v.useMemo)(()=>{let o=[],c=e=>e?i.find(t=>t.slug===e)?.name??e:void 0;for(let t of e)o.push({at:t.updatedAt,kind:`run`,emoji:`⚙️`,title:c(t.workflow)??t.id,sub:t.request??``,href:`/runs/${t.id}`,lamp:Ji(t.status),status:Yi(t.status)});for(let e of t){let t=e.scope.kind===`agent`?r.find(t=>e.scope.kind===`agent`&&t.slug===e.scope.slug):void 0;o.push({at:e.updatedAt,kind:`session`,emoji:t?t.emoji||`🤖`:`💬`,title:t?t.name:e.title||`new chat`,sub:t?`${e.title||`new chat`}${s?` · ${e.agent}`:``}`:s?`${e.agent} · ${Zi(e)}`:Zi(e),href:Xi(e),lamp:e.awaitingApproval?`blocked`:e.busy?`running`:`ok`,status:e.awaitingApproval?`needs approval`:e.busy?`working`:void 0})}for(let e of n)e.updatedAt&&o.push({at:e.updatedAt,kind:`knowledge`,emoji:`📚`,title:e.name,sub:`${e.concepts} concepts`,href:`/knowledge/${encodeURIComponent(e.name)}`,lamp:`ok`});return(a===`all`?o:a===`failed`?o.filter(e=>e.kind===`run`&&e.lamp===`failed`):o.filter(e=>e.kind===a)).sort((e,t)=>{let n=Number(t.lamp===`running`)-Number(e.lamp===`running`);return n===0?t.at.localeCompare(e.at):n}).slice(0,15)},[e,t,n,r,s,a]),l=``;return(0,S.jsxs)(`section`,{className:`panel dash-feed`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`activity`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`dash-feed-filter`,children:[ra.map(([e,t])=>(0,S.jsx)(`button`,{className:`feed-chip ${a===e?`on`:``}`,onClick:()=>o(e),children:t},e)),a===`failed`&&(0,S.jsxs)(`button`,{className:`feed-chip on failed`,onClick:()=>o(`all`),children:[`failed `,(0,S.jsx)(C,{name:`close`,className:`ms-sm`})]})]})]}),c.length===0?(0,S.jsx)(`div`,{className:`viewer-note`,children:a===`all`?`nothing yet — run a workflow or start a session`:`nothing here for this filter`}):(0,S.jsx)(`div`,{className:`m3-list`,children:c.map(e=>{let t=na(e),n=t===l?null:t;return l=t,(0,S.jsxs)(`div`,{className:`feed-group`,children:[n&&(0,S.jsx)(`div`,{className:`feed-day microlabel`,children:n}),(0,S.jsxs)(j,{href:e.href,className:`m3-row m3-link`,children:[(0,S.jsxs)(`span`,{className:`agent-avatar`,children:[(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji}),e.lamp===`running`&&(0,S.jsx)(`span`,{className:`lamp running`})]}),(0,S.jsx)(`span`,{className:`chip dash-kind ${e.kind}`,children:e.kind===`session`?`chat`:e.kind}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:Qi(e.title)}),e.sub&&(0,S.jsx)(`span`,{className:`m3-sub`,children:Qi(e.sub)})]}),e.status&&(0,S.jsx)(`span`,{className:`chip status ${e.lamp}`,children:e.status}),(0,S.jsx)(`span`,{className:`side-when num`,title:new Date(e.at).toLocaleString(),children:Te(e.at)}),(0,S.jsx)(`span`,{className:`m3-chev`,children:(0,S.jsx)(C,{name:`chevron_right`})})]})]},`${e.kind}:${e.href}:${e.at}`)})})]})}async function aa(e,t){let n=window.open(``,`_blank`);if(!n)return;let r=t?`${e}/${t}`:e;n.document.write(`<title>${la(r)}</title><body style="font-family:system-ui;padding:40px;color:#555">preparing ${la(r)}…</body>`);let i=t=>`/api/knowledge/${encodeURIComponent(e)}/concept?id=${encodeURIComponent(t)}`,a,o=``;try{let[n,r]=await Promise.all([t?Promise.resolve([t]):fetch(`/api/knowledge/${encodeURIComponent(e)}`).then(e=>e.json()).then(e=>e.concepts.map(e=>e.id)),fetch(`/api/meta`).then(e=>e.json()).catch(()=>({}))]);if(o=r.projectName??``,a=await Promise.all(n.map(e=>fetch(i(e)).then(e=>e.json()))),a.some(e=>typeof e?.id!=`string`))throw Error(`missing concept`)}catch{n.document.body.textContent=`could not load "${r}"`;return}let s=[],c=a.map(e=>{let t=[e.type,e.generated?.at?`updated ${e.generated.at.slice(0,10)}`:``,e.trustTier===`human-reviewed`?`human-reviewed`:``,(e.tags??[]).map(e=>`#${e}`).join(` `)].filter(Boolean).join(` · `),{md:n,notes:r}=sa(oa(e.body??``,null)),i=!e.title||e.title===e.id||e.title===e.id.split(`/`).pop(),{html:a,title:o}=ca(Lr.sanitize(H.parse(n,{async:!1})),{title:e.title||e.id,meta:t,titleIsFallback:i});return s.push(o),`<article>
         ${a}
         ${r.length?`<ol class="notes">${r.map(e=>`<li id="fn-${la(e.id)}">${Lr.sanitize(H.parseInline(e.text,{async:!1}))}</li>`).join(``)}</ol>`:``}
       </article>`}).join(`
@@ -203,19 +203,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 </body>
 </html>`;n.location.href=URL.createObjectURL(new Blob([p],{type:`text/html`}))}function oa(e,t){return e.split(/(```[\s\S]*?```|`[^`]*`)/).map((e,n)=>n%2==1?e:e.replace(/\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/g,(e,n,r)=>{let i=n.trim().replace(/\.md$/,``),a=(r??i).trim();return t===null?a:`[${a}](#/knowledge/${encodeURIComponent(t)}/${i})`})).join(``)}function sa(e){let t=[];return{md:e.replace(/^\[\^([^\]]+)\]:[ \t]*(.+)$/gm,(e,n,r)=>(t.push({id:n,text:r.trim()}),``)).replace(/\[\^([^\]]+)\]/g,(e,n)=>{let r=t.findIndex(e=>e.id===n);return r>=0?`<sup class="fnref">${r+1}</sup>`:``}),notes:t}}function ca(e,t){let n=new DOMParser().parseFromString(e,`text/html`),r=t.title,i=n.body.firstElementChild;t.titleIsFallback&&i?.tagName===`H1`&&(r=i.textContent?.trim()||r,i.remove());let a=n.createElement(`header`);a.innerHTML=`<h1>${la(r)}</h1><div class="meta">${la(t.meta)}</div>`,n.body.prepend(a);for(let e of n.querySelectorAll(`table`)){e.classList.add(`md`);for(let t of e.querySelectorAll(`th, td`))(t.textContent??``).trim().length<=14&&t.classList.add(`nw`)}for(let e of[5,4,3,2,1])for(let t of Array.from(n.body.querySelectorAll(`:scope > h${e}`))){let r=n.createElement(`h${e+1}`);r.innerHTML=t.innerHTML,t.replaceWith(r)}for(let e of Array.from(n.body.querySelectorAll(`:scope > header, :scope > h2, :scope > h3, :scope > h4`))){let t=e.nextElementSibling;if(!t||/^H[1-6]$/.test(t.tagName))continue;let r=n.createElement(`div`);r.className=`keep`,e.replaceWith(r),r.append(e,t)}return{html:n.body.innerHTML,title:r}}function la(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function ua(e,t){return`/edit/${encodeURIComponent(e)}/${t.split(`/`).map(encodeURIComponent).join(`/`)}`}function da({bundle:e,conceptId:t}){let n=z(`/api/knowledge`,!1),r=n?.bundles??[],i=e===`new`,a=r.reduce((e,t)=>!e||(t.updatedAt??``)>(e.updatedAt??``)?t:e,void 0);return(0,v.useEffect)(()=>{!e&&a&&A(`/knowledge/${encodeURIComponent(a.name)}`,{replace:!0})},[e,a?.name]),(0,S.jsxs)(`div`,{className:`runs-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`bundles`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(j,{href:`/knowledge/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[r.map(t=>(0,S.jsxs)(j,{href:`/knowledge/${encodeURIComponent(t.name)}`,className:`side-row ${t.name===e?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ok`}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsx)(`span`,{className:`side-wf`,children:t.name}),(0,S.jsx)(`span`,{className:`side-when num`,children:t.concepts})]}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsxs)(`span`,{className:`side-req`,children:[t.okfVersion?`okf ${t.okfVersion}`:`okf`,t.updatedAt?` · ${t.updatedAt.slice(0,10)}`:``]})})]})]},t.name)),n&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no bundles yet`})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:e&&!i?(0,S.jsx)(ha,{name:e,conceptId:t},e):i||n&&!a?(0,S.jsx)(fa,{}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})})]})}function fa(){let[e,t]=(0,v.useState)(``),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)(!1);async function o(){let t=e.trim();if(!t)return;a(!0),r(``);let n=await(await fetch(`/api/knowledge`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:t})})).json();a(!1),n.error?r(n.error):A(`/knowledge/${encodeURIComponent(t)}`)}return(0,S.jsxs)(`div`,{className:`empty empty-action`,children:[(0,S.jsxs)(`div`,{className:`know-newbundle`,children:[(0,S.jsx)(`input`,{value:e,placeholder:`bundle name, e.g. customer-support`,onChange:e=>t(e.target.value),onKeyDown:e=>e.key===`Enter`&&void o(),autoFocus:!0}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:!e.trim()||i,onClick:o,children:i?`creating…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new bundle`]})})]}),n&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,n]})]})}function pa({tier:e}){return(0,S.jsx)(`span`,{className:`chip trust ${e}`,children:e})}var ma=`@activity`;function ha({name:e,conceptId:t}){let n=z(`/api/knowledge/${encodeURIComponent(e)}`,!1);if(!n)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});if(`error`in n)return(0,S.jsx)(`div`,{className:`empty`,children:`bundle not found`});let r=t===ma?`activity`:`pages`,i=n.concepts,a=r===`pages`?t&&i.some(e=>e.id===t)?t:i[0]?.id:void 0,o=`/knowledge/${encodeURIComponent(e)}`;return(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`page-head`,children:[(0,S.jsx)(`h1`,{children:e}),(0,S.jsxs)(`span`,{className:`count`,children:[i.length,` pages`]}),(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(j,{href:o,className:r===`pages`?`active`:``,children:`pages`}),(0,S.jsx)(j,{href:`${o}/${ma}`,className:r===`activity`?`active`:``,children:`activity`})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>void aa(e),children:[(0,S.jsx)(C,{name:`picture_as_pdf`,className:`ms-sm`}),` export PDF`]}),(0,S.jsx)(`button`,{className:`run-btn`,onClick:()=>void $r(`claude`,{kind:`knowledge`,bundle:e}),children:`curate in chat`})]}),r===`activity`?n.log?(0,S.jsx)(ya,{name:e,log:n.log}):(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsx)(`div`,{className:`viewer-note`,children:`no activity yet`})}):i.length===0?(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`No pages yet — start a chat to author some, or write one with`,` `,(0,S.jsxs)(`code`,{children:[`kraftwerk knowledge put `,e,`/<path>`]}),`.`]})}):(0,S.jsxs)(`div`,{className:`wiki`,children:[(0,S.jsx)(`aside`,{className:`wiki-side`,children:ba(i).map(({folder:e,concepts:t})=>(0,S.jsxs)(v.Fragment,{children:[e&&(0,S.jsxs)(`div`,{className:`wiki-folder`,children:[e,`/`]}),t.map(e=>(0,S.jsxs)(j,{href:`${o}/${e.id}`,className:`wiki-page ${e.id===a?`active`:``}`,title:`${e.id}.md`,children:[(0,S.jsx)(C,{name:ga(e.type),className:`ms-sm`}),(0,S.jsx)(`span`,{className:`wiki-page-title`,children:e.title}),(e.stale||e.error)&&(0,S.jsx)(`span`,{className:`wiki-dot`,title:e.error??`stale`})]},e.id))]},e||`.`))}),(0,S.jsx)(`div`,{className:`wiki-main`,children:a&&(0,S.jsx)(xa,{bundle:e,conceptId:a},a)})]})]})}function ga(e){switch((e??``).toLowerCase()){case`reference`:return`article`;case`policy`:return`gavel`;case`guide`:case`howto`:return`route`;case`decision`:return`balance`;default:return`menu_book`}}function _a(e){let t=[];for(let n of e.split(`
 `)){let e=n.match(/^##\s+(\d{4}-\d{2}-\d{2})/);if(e){t.push({date:e[1],entries:[]});continue}let r=n.match(/^[*-]\s+\*\*([^*]+)\*\*:\s*(.*)$/);r&&t.length>0&&t[t.length-1].entries.push({kind:r[1].toLowerCase(),text:r[2]})}return t.filter(e=>e.entries.length>0)}function va(e,t){let n=[],r=/\[([^\]]+)\]\(\/?([^)]+?)\.md\)/g,i=0,a;for(;a=r.exec(t);)a.index>i&&n.push(t.slice(i,a.index)),n.push((0,S.jsx)(j,{href:`/knowledge/${encodeURIComponent(e)}/${a[2].replace(/^\//,``)}`,children:a[1]},a.index)),i=a.index+a[0].length;return i<t.length&&n.push(t.slice(i)),n}function ya({name:e,log:t}){let n=_a(t),[r,i]=(0,v.useState)(!1);return(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`activity`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>i(!r),children:r?`timeline`:`raw log`})]}),r||n.length===0?(0,S.jsx)(`div`,{className:`viewer-body`,children:(0,S.jsx)(`pre`,{children:t})}):(0,S.jsx)(`div`,{className:`know-log`,children:n.map(t=>(0,S.jsxs)(v.Fragment,{children:[(0,S.jsx)(`div`,{className:`m3-subhead num`,children:t.date}),t.entries.map((t,n)=>(0,S.jsxs)(`div`,{className:`know-log-row`,children:[(0,S.jsx)(`span`,{className:`chip log-kind log-${t.kind}`,children:t.kind}),(0,S.jsx)(`span`,{className:`know-log-text`,children:va(e,t.text)})]},n))]},t.date))})]})}function ba(e){let t=new Map;for(let n of e){let e=n.id.includes(`/`)?n.id.slice(0,n.id.lastIndexOf(`/`)):``;(t.get(e)??t.set(e,[]).get(e)).push(n)}return[...t.keys()].sort((e,t)=>e===``?-1:t===``?1:e.localeCompare(t)).map(e=>({folder:e,concepts:t.get(e)}))}function xa({bundle:e,conceptId:t}){let[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(!1),[o,s]=(0,v.useState)(!1),[c,l]=(0,v.useState)(!1),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(!1),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(`rendered`),y=(0,v.useMemo)(()=>n?Lr.sanitize(H.parse(oa(n.body,e),{async:!1})):``,[n?.body,e]),b=()=>{fetch(`/api/knowledge/${encodeURIComponent(e)}/concept?id=${encodeURIComponent(t)}`).then(e=>e.ok?e.json():Promise.reject()).then(r).catch(()=>a(!0))};(0,v.useEffect)(()=>{if(c)return;let n=!0,i,o=async()=>{try{let i=await fetch(`/api/knowledge/${encodeURIComponent(e)}/concept?id=${encodeURIComponent(t)}`,{cache:`no-store`});if(i.ok){let e=await i.json();n&&(a(!1),r(t=>JSON.stringify(t)===JSON.stringify(e)?t:e))}else i.status===404&&n&&a(!0)}catch{}n&&(i=setTimeout(o,6e3))};return o(),()=>{n=!1,clearTimeout(i)}},[e,t,c]);async function x(){s(!0),await fetch(`/api/knowledge/${encodeURIComponent(e)}/verify`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({id:t})}).catch(()=>{}),s(!1),b()}async function w(){p(!0),h(``);let n=await fetch(`/api/knowledge/${encodeURIComponent(e)}/concept`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({id:t,content:u})}).then(e=>e.json()).catch(()=>({error:`save failed`}));p(!1),n.error?h(n.error):(r(n),l(!1))}return i?(0,S.jsx)(`div`,{className:`empty`,children:`concept not found`}):n?(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`h1`,{children:n.title}),n.type&&(0,S.jsx)(`span`,{className:`chip agent`,children:n.type}),(0,S.jsx)(pa,{tier:n.trustTier}),n.status!==`stable`&&(0,S.jsx)(`span`,{className:`chip ${n.status}`,children:n.status}),n.stale&&(0,S.jsxs)(`span`,{className:`chip stale`,children:[`stale since `,n.staleAfter?.slice(0,10)]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(j,{href:ua(e,n.id),className:`open-raw`,title:`Full-screen document editor with autosave`,children:[(0,S.jsx)(C,{name:`edit_document`,className:`ms-sm`}),` open in editor`]}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>void aa(e,n.id),children:[(0,S.jsx)(C,{name:`picture_as_pdf`,className:`ms-sm`}),` export PDF`]}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:o,onClick:x,children:o?`verifying…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` verify (human)`]})})]}),n.error&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,n.error]}),(0,S.jsxs)(`div`,{className:`detail-cols`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`content`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`side-meta`,children:[e,`/`,n.id,`.md`]}),c?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{l(!1),h(``)},children:`cancel`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:f,onClick:w,children:f?`saving…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` save`]})})]}):(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{d(n.raw),l(!0),h(``)},children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit`]})]}),c?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`textarea`,{className:`concept-edit`,value:u,rows:Math.min(40,Math.max(18,u.split(`
-`).length+2)),onChange:e=>d(e.target.value),spellCheck:!1}),(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`full file (frontmatter + markdown body) — saving stamps provenance as`,` `,(0,S.jsx)(`code`,{children:`human:user`}),` and logs an update.`]})]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`viewer-note md-toolbar`,children:(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:g===`rendered`?`active`:``,onClick:()=>_(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:g===`source`?`active`:``,onClick:()=>_(`source`),children:`source`})]})}),(0,S.jsx)(`div`,{className:`viewer-body`,children:g===`rendered`?(0,S.jsx)(`div`,{className:`md-body concept-md`,dangerouslySetInnerHTML:{__html:y}}):(0,S.jsx)(`pre`,{children:n.body.trim()||`(empty body)`})})]}),m&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,m]})]}),(0,S.jsxs)(`aside`,{className:`detail-rail`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`about`})}),(0,S.jsxs)(`div`,{className:`rail-list`,children:[(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`trust`}),(0,S.jsx)(`span`,{className:`v`,children:(0,S.jsx)(pa,{tier:n.trustTier})})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`generated`}),(0,S.jsx)(`span`,{className:`v ${n.generated?``:`dim`}`,children:n.generated?`${n.generated.by??`?`} · ${(n.generated.at??`?`).slice(0,10)}`:`not stamped`})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`verified`}),n.verified.length===0?(0,S.jsx)(`span`,{className:`v dim`,children:`never`}):n.verified.map((e,t)=>(0,S.jsxs)(`span`,{className:`v`,children:[e.by??`?`,` · `,(e.at??`?`).slice(0,10)]},t))]}),n.staleAfter&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`stale after`}),(0,S.jsxs)(`span`,{className:`v ${n.stale?``:`dim`}`,children:[n.staleAfter.slice(0,10),n.stale&&(0,S.jsx)(`span`,{className:`chip stale`,children:`stale`})]})]}),n.tags.length>0&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`tags`}),(0,S.jsx)(`span`,{className:`m3-chips`,children:n.tags.map(e=>(0,S.jsx)(`span`,{className:`chip`,children:e},e))})]})]})]}),n.sources.length>0&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`sources`})}),(0,S.jsx)(`div`,{className:`rail-list`,children:n.sources.map((e,t)=>(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsxs)(`span`,{className:`v`,children:[e.resource?.startsWith(`http`)?(0,S.jsx)(`a`,{href:e.resource,target:`_blank`,rel:`noreferrer`,children:e.title??e.resource}):e.title??e.resource??`?`,e.id&&(0,S.jsxs)(`span`,{className:`know-id`,children:[`[^`,e.id,`]`]})]}),(0,S.jsx)(`span`,{className:`v dim`,children:[e.author,e.usage_count==null?null:`${e.usage_count} uses`,e.last_modified?`mod ${e.last_modified.slice(0,10)}`:null].filter(Boolean).join(` · `)})]},t))})]})]})]})]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}var Sa={workspace:`workspace`,project:`.claude`,user:`global`,agent:`agent`};function Ca(e){return(0,S.jsx)(`span`,{className:`chip skill-src ${e}`,children:Sa[e]})}function wa({name:e}){let t=z(`/api/skills`,!1),n=t?.skills??[],r=n.filter(e=>e.source===`workspace`),i=n.filter(e=>e.source!==`workspace`),a=r[0]??i[0];(0,v.useEffect)(()=>{!e&&a&&A(`/skills/${encodeURIComponent(a.name)}`,{replace:!0})},[e,a?.name]);let o=t=>(0,S.jsxs)(j,{href:`/skills/${encodeURIComponent(t.name)}`,className:`side-row ${t.name===e?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${t.source===`workspace`?`ok`:`dim`}`}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsxs)(`span`,{className:`side-wf`,children:[`/`,t.name]}),t.source!==`workspace`&&Ca(t.source)]}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:t.description||`no description`})})]})]},`${t.source}:${t.name}`);return(0,S.jsxs)(`div`,{className:`runs-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsx)(`div`,{className:`side-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace skills`})}),(0,S.jsxs)(`div`,{className:`side-list`,children:[r.map(o),t&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workspace skills yet`}),i.length>0&&(0,S.jsxs)(v.Fragment,{children:[(0,S.jsx)(`div`,{className:`side-head skills-local-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`local (this machine / repo)`})}),i.map(o)]})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:e?(0,S.jsx)(Ea,{name:e},e):t&&!a?(0,S.jsx)(Ta,{root:t.root}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})})]})}function Ta({root:e}){return(0,S.jsx)(`div`,{className:`empty empty-action`,children:(0,S.jsxs)(`span`,{children:[`Create `,(0,S.jsxs)(`code`,{children:[e,`/<name>/SKILL.md`]}),` and it appears here and in every session's `,(0,S.jsx)(`code`,{children:`/`}),` menu.`]})})}function Ea({name:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(`rendered`),s=(0,v.useMemo)(()=>t?t.content.replace(/^---\r?\n[\s\S]*?\r?\n---(\r?\n|$)/,``):``,[t?.content]),c=(0,v.useMemo)(()=>t?Lr.sanitize(H.parse(s,{async:!1})):``,[s]);return(0,v.useEffect)(()=>{fetch(`/api/skills/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(n).catch(()=>i(!0))},[e]),r?(0,S.jsx)(`div`,{className:`empty`,children:`skill not found`}):t?(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsxs)(`h1`,{children:[`/`,t.name]}),Ca(t.source)]}),t.description&&(0,S.jsx)(`div`,{className:`know-intro skill-desc`,children:t.description}),(0,S.jsxs)(`div`,{className:`detail-cols`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`SKILL.md`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:a===`rendered`?`active`:``,onClick:()=>o(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:a===`source`?`active`:``,onClick:()=>o(`source`),children:`source`})]})]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:a===`rendered`?(0,S.jsx)(`div`,{className:`md-body concept-md`,dangerouslySetInnerHTML:{__html:c}}):(0,S.jsx)(`pre`,{children:t.content.trim()||`(empty)`})})]}),(0,S.jsx)(`aside`,{className:`detail-rail`,children:(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`about`})}),(0,S.jsxs)(`div`,{className:`rail-list`,children:[(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`source`}),(0,S.jsx)(`span`,{className:`v`,children:t.source===`workspace`?`workspace — git-tracked, shared with the team`:t.source===`project`?`repo .claude/skills — tracked, but outside the workspace root`:`global ~/.claude/skills — only on this machine`})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`path`}),(0,S.jsx)(`span`,{className:`v mono skill-path`,title:t.path,children:t.path})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`invoke`}),(0,S.jsxs)(`span`,{className:`v`,children:[(0,S.jsxs)(`code`,{children:[`/`,t.name]}),` in any session`]})]}),t.files.length>0&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`bundled files`}),t.files.map(e=>(0,S.jsx)(`span`,{className:`v mono`,children:e},e))]})]})]})})]})]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}var Da=[``,`low`,`medium`,`high`,`xhigh`,`max`],Oa=[`🤖`,`🧑‍💻`,`🎧`,`🛠️`,`📊`,`✍️`,`🔍`,`🧹`,`📦`,`🚀`];function ka({seg:e}){let t=e[0]&&e[0]!==`new`&&e[0]!==`chats`?decodeURIComponent(e[0]):void 0,n=e[0]===`new`?`new`:e[0]===`chats`?`chats`:e[1]===`edit`?`edit`:e[1]===`info`?`info`:e[1]===`chat`?`chat`:t?`agent`:`home`,r=n===`chat`?e[2]:n===`chats`?e[1]:void 0,i=z(`/api/agents`,!1),a=P(),[o,s]=(0,v.useState)(()=>{try{let e=JSON.parse(localStorage.getItem(`kw-agent-groups`)??`[]`);return Array.isArray(e)?e.map(String):[]}catch{return[]}}),[c,l]=(0,v.useState)(!1),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(null),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(null),[y,b]=(0,v.useState)(null),[x,w]=(0,v.useState)({}),T=(i?.agents??[]).map(e=>x[e.slug]===void 0?e:{...e,group:x[e.slug]||void 0});(0,v.useEffect)(()=>{w(e=>{let t={...e},n=!1;for(let e of i?.agents??[])t[e.slug]!==void 0&&(e.group??``)===t[e.slug]&&(delete t[e.slug],n=!0);return n?t:e})},[i]);let E=T.filter(e=>!e.archived),D=T.filter(e=>e.archived),[O,k]=(0,v.useState)(!1),ee=[...new Set([...E.map(e=>e.group??``).filter(Boolean),...o])].sort((e,t)=>e.localeCompare(t)),te=E.filter(e=>!e.group);function A(e){s(e);try{localStorage.setItem(`kw-agent-groups`,JSON.stringify(e))}catch{}}function ne(){let e=u.trim();l(!1),d(``),e&&!ee.includes(e)&&A([...o,e])}function re(e,t){p(null);let n=t.trim();if(n&&n!==e){for(let t of T.filter(t=>t.group===e))M(t.slug,n);o.includes(e)&&A([...new Set(o.map(t=>t===e?n:t))])}}async function M(e,t){if((T.find(t=>t.slug===e)?.group??``)!==t){w(n=>({...n,[e]:t}));try{let n=await fetch(`/api/agents/${encodeURIComponent(e)}`);if(!n.ok)throw Error();let r=await n.json();if(!(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({...r,group:t||void 0})})).ok)throw Error()}catch{w(t=>{let n={...t};return delete n[e],n})}}}let N=e=>a?{onDragOver:t=>{g!=null&&(t.preventDefault(),t.dataTransfer.dropEffect=`move`,y!==e&&b(e))},onDrop:t=>{t.preventDefault();let n=t.dataTransfer.getData(`text/plain`)||g;n&&M(n,e),_(null),b(null)}}:{},ie=e=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e.slug)}`,className:`side-row ${e.slug===t?`active`:``} ${g===e.slug?`dragging`:``}`,draggable:a,onDragStart:t=>{t.dataTransfer.setData(`text/plain`,e.slug),t.dataTransfer.effectAllowed=`move`,_(e.slug)},onDragEnd:()=>{_(null),b(null)},children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:e.name})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:e.description||e.harness})})]})]},e.slug),ae=e=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e.slug)}/info`,className:`side-row archived-row ${e.slug===t?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:e.name})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:e.description||e.harness})})]})]},e.slug),oe;oe=n===`new`?(0,S.jsx)(Va,{},`new`):n===`edit`&&t?(0,S.jsx)(Va,{slug:t},t):n===`chat`&&t&&r?(0,S.jsx)(`div`,{className:`chat-main`,children:(0,S.jsx)(ai,{id:r,agentName:T.find(e=>e.slug===t)?.name??t,agentDescription:T.find(e=>e.slug===t)?.description},r)}):n===`chats`?r?(0,S.jsx)(`div`,{className:`chat-main`,children:(0,S.jsx)(ai,{id:r},r)}):(0,S.jsx)(ei,{}):n===`info`&&t?(0,S.jsx)(La,{slug:t},t):t?(0,S.jsx)(Ma,{slug:t},t):i?E.length?(0,S.jsx)(Fa,{agents:E}):(0,S.jsx)(Ia,{}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let F=(n===`agent`||n===`info`||n===`chat`)&&t?T.find(e=>e.slug===t)?.knowledge??[]:[],[I,se]=(0,v.useState)(()=>localStorage.getItem(`kw-kside`)!==`hidden`),[ce,le]=(0,v.useState)(()=>Number(localStorage.getItem(`kw-kside-w`))||460),ue=F.length>0&&I;function de(e){se(e),localStorage.setItem(`kw-kside`,e?`open`:`hidden`)}function L(e){le(e),localStorage.setItem(`kw-kside-w`,String(e))}return(0,S.jsxs)(`div`,{className:`runs-screen agents-screen ${t||n===`chats`?`has-sessions`:``} ${ue?`has-knowledge`:``}`,style:ue?{"--kside-w":`${ce}px`}:void 0,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`agents`}),(0,S.jsx)(`span`,{className:`spacer`}),a&&(0,S.jsxs)(j,{href:`/agents/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[(0,S.jsxs)(j,{href:`/agents/chats`,className:`side-row side-general ${n===`chats`?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:`💬`})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:`General Chats`})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:`chats without an agent`})})]})]}),(0,S.jsxs)(`div`,{className:`side-group ${g&&y===``?`drop-over`:``}`,...N(``),children:[te.map(ie),g!=null&&te.length===0&&(0,S.jsx)(`div`,{className:`side-group-empty`,children:`no group — drop here`})]}),ee.map(e=>{let t=E.filter(t=>t.group===e);return(0,S.jsxs)(`div`,{className:`side-group ${g&&y===e?`drop-over`:``}`,...N(e),children:[(0,S.jsxs)(`div`,{className:`side-group-head`,children:[f===e?(0,S.jsx)(`input`,{className:`side-group-rename`,autoFocus:!0,value:m,onChange:e=>h(e.target.value),onKeyDown:t=>{t.key===`Enter`&&re(e,m),t.key===`Escape`&&p(null)},onBlur:()=>re(e,m)}):(0,S.jsx)(`span`,{className:`microlabel`,children:e}),(0,S.jsx)(`span`,{className:`side-group-count num`,children:t.length}),(0,S.jsx)(`span`,{className:`spacer`}),a&&f!==e&&(0,S.jsx)(`button`,{className:`side-group-x`,title:`Rename group`,onClick:()=>{p(e),h(e)},children:(0,S.jsx)(C,{name:`edit`,className:`ms-sm`})}),a&&t.length===0&&o.includes(e)&&(0,S.jsx)(`button`,{className:`side-group-x`,title:`Remove empty group`,onClick:()=>A(o.filter(t=>t!==e)),children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]}),t.map(ie),t.length===0&&(0,S.jsx)(`div`,{className:`side-group-empty`,children:a?`drag agents here`:`no agents`})]},e)}),D.length>0&&(0,S.jsxs)(`div`,{className:`side-group side-archived`,children:[(0,S.jsxs)(`button`,{className:`side-archived-toggle`,"aria-expanded":O,onClick:()=>k(e=>!e),children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`archived`}),(0,S.jsx)(`span`,{className:`side-group-count num`,children:D.length}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(C,{name:O?`expand_less`:`expand_more`,className:`ms-sm`})]}),O&&D.map(ae)]}),i&&T.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no agents yet`}),a&&(c?(0,S.jsx)(`div`,{className:`side-group-new`,children:(0,S.jsx)(`input`,{autoFocus:!0,value:u,placeholder:`group name, e.g. Team Content`,onChange:e=>d(e.target.value),onKeyDown:e=>{e.key===`Enter`&&ne(),e.key===`Escape`&&(l(!1),d(``))},onBlur:ne})}):(0,S.jsxs)(`button`,{className:`side-group-add`,onClick:()=>l(!0),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` group`]}))]})]}),t&&(0,S.jsx)(Na,{slug:t,chatId:r}),n===`chats`&&(0,S.jsx)(Pa,{chatId:r}),(0,S.jsx)(`div`,{className:`runs-main`,children:oe}),ue&&(0,S.jsx)(Aa,{bundles:F,onHide:()=>de(!1),onResize:L}),F.length>0&&!I&&(0,S.jsxs)(`button`,{className:`kside-reopen`,onClick:()=>de(!0),title:`Show knowledge sidebar`,children:[(0,S.jsx)(C,{name:`menu_book`,className:`ms-sm`}),` knowledge`]})]})}function Aa({bundles:e,onHide:t,onResize:n}){let[r,i]=(0,v.useState)({}),[a,o]=(0,v.useState)(null),[s,c]=(0,v.useState)({}),[l,u]=(0,v.useState)({}),[d,f]=(0,v.useState)(null),[p,m]=(0,v.useState)(``),[h,g]=(0,v.useState)(!1),[_,y]=(0,v.useState)(``);(0,v.useEffect)(()=>{i({});let t=!0,n,r=async()=>{await Promise.all(e.map(async e=>{try{let n=await fetch(`/api/knowledge/${encodeURIComponent(e)}`,{cache:`no-store`}),r=n.ok?await n.json():null;t&&i(t=>JSON.stringify(t[e])===JSON.stringify(r)?t:{...t,[e]:r})}catch{t&&i(t=>e in t?t:{...t,[e]:null})}})),t&&(n=setTimeout(r,6e3))};return r(),()=>{t=!1,clearTimeout(n)}},[e.join(`,`)]),(0,v.useEffect)(()=>{if(!a||d===a)return;let e=a.indexOf(`::`),t=a.slice(0,e),n=a.slice(e+2),r=!0,i,o=async()=>{try{let e=await fetch(`/api/knowledge/${encodeURIComponent(t)}/concept?id=${encodeURIComponent(n)}`,{cache:`no-store`}),i=e.ok?await e.json():null;r&&c(e=>JSON.stringify(e[a])===JSON.stringify(i)?e:{...e,[a]:i})}catch{r&&c(e=>a in e?e:{...e,[a]:null})}r&&(i=setTimeout(o,6e3))};return o(),()=>{r=!1,clearTimeout(i)}},[a,d]);function b(e,t){let n=`${e}::${t}`;o(a===n?null:n)}async function x(e,t){let n=`${e}::${t}`;g(!0),y(``);try{let r=await(await fetch(`/api/knowledge/${encodeURIComponent(e)}/concept`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({id:t,content:p})})).json();r.error?y(r.error):(c(e=>({...e,[n]:r})),f(null))}catch(e){y(e.message)}g(!1)}return(0,S.jsxs)(`aside`,{className:`runs-side knowledge-side`,children:[(0,S.jsx)(`div`,{className:`kside-resizer`,title:`Drag to resize`,onMouseDown:e=>{e.preventDefault();let t=e.clientX,r=e.currentTarget.parentElement.offsetWidth,i=e=>n(Math.min(900,Math.max(280,r+(t-e.clientX)))),a=()=>{window.removeEventListener(`mousemove`,i),window.removeEventListener(`mouseup`,a)};window.addEventListener(`mousemove`,i),window.addEventListener(`mouseup`,a)}}),(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsxs)(`span`,{className:`kside-headline`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`knowledge`}),(0,S.jsx)(`span`,{className:`kside-hint`,children:`read & kept current by this agent`})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:t,title:`Hide knowledge sidebar`,children:[`hide `,(0,S.jsx)(C,{name:`close`,className:`ms-sm`})]})]}),(0,S.jsx)(`div`,{className:`side-list`,children:e.map(e=>{let t=r[e],n=l[e]===!0;return(0,S.jsxs)(`div`,{className:`kside-bundle`,children:[(0,S.jsxs)(`div`,{className:`kside-bundle-head`,children:[(0,S.jsxs)(`button`,{className:`kside-bundle-toggle`,"aria-expanded":!n,onClick:()=>u({...l,[e]:!n}),children:[(0,S.jsx)(`span`,{className:`kside-chev ${n?``:`open`}`,"aria-hidden":!0,children:(0,S.jsx)(C,{name:`chevron_right`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`kside-bundle-name`,children:e}),t&&(0,S.jsx)(`span`,{className:`kside-count num`,children:t.concepts.length})]}),(0,S.jsx)(`button`,{className:`kside-open`,title:`Export this bundle as PDF`,onClick:()=>void aa(e),children:(0,S.jsx)(C,{name:`picture_as_pdf`,className:`ms-sm`})}),(0,S.jsx)(j,{href:`/knowledge/${encodeURIComponent(e)}`,className:`kside-open`,title:`Open this bundle on the knowledge screen`,children:`↗`})]}),!n&&t===null&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`bundle not found`}),!n&&t?.concepts.map(t=>{let n=`${e}::${t.id}`,r=a===n,i=`/knowledge/${encodeURIComponent(e)}/${t.id.split(`/`).map(encodeURIComponent).join(`/`)}`;return(0,S.jsxs)(`div`,{className:`kside-concept ${r?`open`:``}`,children:[(0,S.jsxs)(`button`,{className:`kside-row`,"aria-expanded":r,title:t.description||void 0,onClick:()=>b(e,t.id),children:[(0,S.jsx)(`span`,{className:`kside-chev ${r?`open`:``}`,"aria-hidden":!0,children:(0,S.jsx)(C,{name:`chevron_right`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`kside-title`,children:t.title||t.id}),t.stale&&(0,S.jsx)(`span`,{className:`kside-stale`,title:`Past its stale-after date — ask the agent to re-verify it`,children:`stale`})]}),r&&(0,S.jsx)(`div`,{className:`kside-card`,ref:e=>e?.scrollIntoView({block:`nearest`}),children:s[n]===void 0?(0,S.jsx)(`div`,{className:`viewer-note`,children:`loading…`}):s[n]===null?(0,S.jsx)(`div`,{className:`viewer-note`,children:`could not load concept`}):d===n?(0,S.jsxs)(`div`,{className:`kside-edit`,children:[(0,S.jsx)(`textarea`,{className:`concept-edit`,value:p,rows:Math.min(28,Math.max(10,p.split(`
-`).length+2)),onChange:e=>m(e.target.value),spellCheck:!1}),(0,S.jsxs)(`div`,{className:`kside-actions`,children:[(0,S.jsx)(`button`,{className:`open-raw`,disabled:h,onClick:()=>f(null),children:`cancel`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:h,onClick:()=>x(e,t.id),children:h?`saving…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` save`]})})]}),_&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,_]})]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`kside-card-bar`,children:[t.type&&(0,S.jsx)(`span`,{className:`kside-type`,children:t.type}),ja(t)&&(0,S.jsxs)(`span`,{className:`kside-updated num`,children:[`updated `,we(ja(t))]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{m(s[n].raw),f(n),y(``)},children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit`]}),(0,S.jsxs)(j,{href:ua(e,t.id),className:`open-raw`,title:`Full-screen document editor with autosave`,children:[(0,S.jsx)(C,{name:`edit_document`,className:`ms-sm`}),` editor`]}),(0,S.jsx)(j,{href:i,className:`open-raw`,children:`open ↗`})]}),(0,S.jsx)(`div`,{className:`kside-md md-body`,dangerouslySetInnerHTML:{__html:Lr.sanitize(H.parse(s[n].body??``,{async:!1}))}})]})})]},t.id)}),!n&&t&&t.concepts.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no concepts yet`})]},e)})})]})}function ja(e){return[e.generated?.at,...e.verified.map(e=>e.at)].filter(e=>typeof e==`string`&&e.length>0).sort().pop()}function Ma({slug:e}){let[t,n]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let t=!0;return n(!1),fetch(`/api/chats`).then(e=>e.json()).then(r=>{if(!t)return;let i=r.chats.find(t=>t.scope.kind===`agent`&&t.scope.slug===e);i?A(`/agents/${encodeURIComponent(e)}/chat/${i.id}`,{replace:!0}):n(!0)}).catch(()=>t&&n(!0)),()=>{t=!1}},[e]),t?(0,S.jsx)(La,{slug:e}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}function Na({slug:e,chatId:t}){let n=z(`/api/chats`,!1),r=(n?.chats??[]).filter(t=>t.scope.kind===`agent`&&t.scope.slug===e),[i,a]=(0,v.useState)(!1);return(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`sessions`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/info`,className:`open-raw`,title:`agent profile & settings`,children:`profile`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:i,onClick:async()=>{a(!0),await $r(`claude`,{kind:`agent`,slug:e}),a(!1)},children:i?`…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[r.map(n=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${n.id}`,className:`side-row ${n.id===t?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${n.awaitingApproval?`blocked`:n.busy?`running`:`pending`}`,title:n.awaitingApproval?`waiting for your approval`:void 0}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:n.title||`new session`})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-when num`,children:we(n.updatedAt)})})]}),(0,S.jsx)(`button`,{type:`button`,className:`row-x`,title:`delete session`,onClick:async r=>{r.preventDefault(),r.stopPropagation(),window.confirm(`Delete session "${n.title||n.id}"?`)&&(await fetch(`/api/chats/${n.id}`,{method:`DELETE`}).catch(()=>{}),n.id===t&&A(`/agents/${encodeURIComponent(e)}`))},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},n.id)),n&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no sessions yet`})]})]})}function Pa({chatId:e}){let t=z(`/api/chats`,!1),n=(t?.chats??[]).filter(e=>e.scope.kind!==`agent`&&e.scope.kind!==`channel`);return(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`chats`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(j,{href:`/agents/chats`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[n.map(t=>(0,S.jsxs)(j,{href:`/agents/chats/${t.id}`,className:`side-row ${t.id===e?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${t.awaitingApproval?`blocked`:t.busy?`running`:`pending`}`,title:t.awaitingApproval?`waiting for your approval`:void 0}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:t.title||`new chat`})}),(0,S.jsxs)(`div`,{className:`side-row-sub`,children:[(0,S.jsxs)(`span`,{className:`side-req`,children:[t.agent,t.scope.kind===`run`?` · ${t.scope.runId}`:t.scope.kind===`kraftwerk`?` · kraftwerk`:t.scope.kind===`knowledge`?` · knowledge${t.scope.bundle?`:${t.scope.bundle}`:``}`:``]}),(0,S.jsx)(`span`,{className:`side-when num`,children:we(t.updatedAt)})]})]}),(0,S.jsx)(`button`,{type:`button`,className:`row-x`,title:`delete chat`,onClick:async n=>{n.preventDefault(),n.stopPropagation(),window.confirm(`Delete chat "${t.title||t.id}"?`)&&(await fetch(`/api/chats/${t.id}`,{method:`DELETE`}).catch(()=>{}),t.id===e&&A(`/agents/chats`))},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},t.id)),t&&n.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no chats yet`})]})]})}function Fa({agents:e}){return(0,v.useEffect)(()=>{let t=!0,n=()=>A(`/agents/${encodeURIComponent(e[0].slug)}`,{replace:!0});return fetch(`/api/chats`).then(e=>e.json()).then(r=>{if(!t)return;let i=new Set(e.map(e=>e.slug)),a=r.chats.find(e=>e.scope.kind===`agent`&&i.has(e.scope.slug));a&&a.scope.kind===`agent`?A(`/agents/${encodeURIComponent(a.scope.slug)}/chat/${a.id}`,{replace:!0}):n()}).catch(()=>t&&n()),()=>{t=!1}},[e.map(e=>e.slug).join(`,`)]),(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}function Ia(){let e=P();return(0,S.jsx)(`div`,{className:`empty empty-action`,children:e?(0,S.jsxs)(`button`,{className:`run-btn`,onClick:()=>A(`/agents/new`),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` create your first agent`]}):(0,S.jsx)(`span`,{children:`Creating agents needs expert mode — flip the switch in the top bar.`})})}function La({slug:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(!1),[l,u]=(0,v.useState)(``),[d,f]=(0,v.useState)(``),[p,m]=(0,v.useState)([]),[h,g]=(0,v.useState)(!0),[_,y]=(0,v.useState)(!1),[b,x]=(0,v.useState)(``),w=z(`/api/workflows`,!1),T=z(`/api/knowledge`,!1),E=z(`/api/skills`,!1);(0,v.useEffect)(()=>{let t=!0;return fetch(`/api/agents/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(e=>t&&n(e)).catch(()=>t&&i(!0)),()=>{t=!1}},[e]);async function D(r){if(t){y(!0),x(``);try{let i=await(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({name:t.name,emoji:t.emoji,description:t.description,harness:t.harness,model:t.model,effort:t.effort,group:t.group,system:t.system,workflows:t.workflows,knowledge:t.knowledge,skills:t.skills,...r})})).json();i.error?x(i.error):(n(i),u(``))}catch(e){x(e.message)}y(!1)}}function O(e,t){m(t?[...p,e]:p.filter(t=>t!==e))}async function k(t){y(!0),x(``);try{let r=await(await fetch(`/api/agents/${encodeURIComponent(e)}/archive`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({archived:t})})).json();r.error?x(r.error):n(r)}catch(e){x(e.message)}y(!1)}if(r)return(0,S.jsx)(`div`,{className:`empty`,children:`agent not found`});if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let ee=e=>(0,S.jsxs)(`div`,{className:`agent-form-row`,style:{marginTop:8},children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:_,onClick:()=>void D(e),children:_?`saving…`:`save`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:_,onClick:()=>(u(``),x(``)),children:`cancel`})]});return(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`span`,{className:`agent-avatar lg`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:t.emoji})}),(0,S.jsx)(`h1`,{children:t.name}),(0,S.jsx)(`span`,{className:`chip agent`,children:t.harness}),t.model&&(0,S.jsx)(`span`,{className:`chip`,children:t.model}),t.effort&&(0,S.jsxs)(`span`,{className:`chip`,children:[`effort: `,t.effort]}),t.archived&&(0,S.jsxs)(`span`,{className:`chip archived-chip`,children:[(0,S.jsx)(C,{name:`inventory_2`,className:`ms-sm`}),` archived`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/edit`,className:`open-raw`,children:`edit`}),t.archived?(0,S.jsxs)(`button`,{className:`run-btn tonal`,disabled:_,onClick:()=>void k(!1),children:[(0,S.jsx)(C,{name:`unarchive`,className:`ms-sm`}),` `,_?`…`:`unarchive`]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`open-raw`,disabled:_,title:`Hide this agent from the roster — restorable any time`,onClick:()=>void k(!0),children:[(0,S.jsx)(C,{name:`archive`,className:`ms-sm`}),` archive`]}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:a,onClick:async()=>{o(!0),await $r(`claude`,{kind:`agent`,slug:e}),o(!1)},children:a?`starting…`:`new session`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`m3-list`,children:[(0,S.jsxs)(`button`,{type:`button`,className:`m3-row m3-toggle`,onClick:()=>c(!s),children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`badge`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`role`}),!s&&(0,S.jsx)(`span`,{className:`m3-sub m3-ellipsis`,children:(t.system||``).trim().split(`
+`).length+2)),onChange:e=>d(e.target.value),spellCheck:!1}),(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`full file (frontmatter + markdown body) — saving stamps provenance as`,` `,(0,S.jsx)(`code`,{children:`human:user`}),` and logs an update.`]})]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`viewer-note md-toolbar`,children:(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:g===`rendered`?`active`:``,onClick:()=>_(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:g===`source`?`active`:``,onClick:()=>_(`source`),children:`source`})]})}),(0,S.jsx)(`div`,{className:`viewer-body`,children:g===`rendered`?(0,S.jsx)(`div`,{className:`md-body concept-md`,dangerouslySetInnerHTML:{__html:y}}):(0,S.jsx)(`pre`,{children:n.body.trim()||`(empty body)`})})]}),m&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,m]})]}),(0,S.jsxs)(`aside`,{className:`detail-rail`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`about`})}),(0,S.jsxs)(`div`,{className:`rail-list`,children:[(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`trust`}),(0,S.jsx)(`span`,{className:`v`,children:(0,S.jsx)(pa,{tier:n.trustTier})})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`generated`}),(0,S.jsx)(`span`,{className:`v ${n.generated?``:`dim`}`,children:n.generated?`${n.generated.by??`?`} · ${(n.generated.at??`?`).slice(0,10)}`:`not stamped`})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`verified`}),n.verified.length===0?(0,S.jsx)(`span`,{className:`v dim`,children:`never`}):n.verified.map((e,t)=>(0,S.jsxs)(`span`,{className:`v`,children:[e.by??`?`,` · `,(e.at??`?`).slice(0,10)]},t))]}),n.staleAfter&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`stale after`}),(0,S.jsxs)(`span`,{className:`v ${n.stale?``:`dim`}`,children:[n.staleAfter.slice(0,10),n.stale&&(0,S.jsx)(`span`,{className:`chip stale`,children:`stale`})]})]}),n.tags.length>0&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`tags`}),(0,S.jsx)(`span`,{className:`m3-chips`,children:n.tags.map(e=>(0,S.jsx)(`span`,{className:`chip`,children:e},e))})]})]})]}),n.sources.length>0&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`sources`})}),(0,S.jsx)(`div`,{className:`rail-list`,children:n.sources.map((e,t)=>(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsxs)(`span`,{className:`v`,children:[e.resource?.startsWith(`http`)?(0,S.jsx)(`a`,{href:e.resource,target:`_blank`,rel:`noreferrer`,children:e.title??e.resource}):e.title??e.resource??`?`,e.id&&(0,S.jsxs)(`span`,{className:`know-id`,children:[`[^`,e.id,`]`]})]}),(0,S.jsx)(`span`,{className:`v dim`,children:[e.author,e.usage_count==null?null:`${e.usage_count} uses`,e.last_modified?`mod ${e.last_modified.slice(0,10)}`:null].filter(Boolean).join(` · `)})]},t))})]})]})]})]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}var Sa={workspace:`workspace`,project:`.claude`,user:`global`,agent:`agent`};function Ca(e){return(0,S.jsx)(`span`,{className:`chip skill-src ${e}`,children:Sa[e]})}function wa({name:e}){let t=z(`/api/skills`,!1),n=t?.skills??[],r=n.filter(e=>e.source===`workspace`),i=n.filter(e=>e.source!==`workspace`),a=r[0]??i[0];(0,v.useEffect)(()=>{!e&&a&&A(`/skills/${encodeURIComponent(a.name)}`,{replace:!0})},[e,a?.name]);let o=t=>(0,S.jsxs)(j,{href:`/skills/${encodeURIComponent(t.name)}`,className:`side-row ${t.name===e?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${t.source===`workspace`?`ok`:`dim`}`}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsxs)(`div`,{className:`side-row-top`,children:[(0,S.jsxs)(`span`,{className:`side-wf`,children:[`/`,t.name]}),t.source!==`workspace`&&Ca(t.source)]}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:t.description||`no description`})})]})]},`${t.source}:${t.name}`);return(0,S.jsxs)(`div`,{className:`runs-screen`,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsx)(`div`,{className:`side-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace skills`})}),(0,S.jsxs)(`div`,{className:`side-list`,children:[r.map(o),t&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workspace skills yet`}),i.length>0&&(0,S.jsxs)(v.Fragment,{children:[(0,S.jsx)(`div`,{className:`side-head skills-local-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`local (this machine / repo)`})}),i.map(o)]})]})]}),(0,S.jsx)(`div`,{className:`runs-main`,children:e?(0,S.jsx)(Ea,{name:e},e):t&&!a?(0,S.jsx)(Ta,{root:t.root}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})})]})}function Ta({root:e}){return(0,S.jsx)(`div`,{className:`empty empty-action`,children:(0,S.jsxs)(`span`,{children:[`Create `,(0,S.jsxs)(`code`,{children:[e,`/<name>/SKILL.md`]}),` and it appears here and in every session's `,(0,S.jsx)(`code`,{children:`/`}),` menu.`]})})}function Ea({name:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(`rendered`),s=(0,v.useMemo)(()=>t?t.content.replace(/^---\r?\n[\s\S]*?\r?\n---(\r?\n|$)/,``):``,[t?.content]),c=(0,v.useMemo)(()=>t?Lr.sanitize(H.parse(s,{async:!1})):``,[s]);return(0,v.useEffect)(()=>{fetch(`/api/skills/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(n).catch(()=>i(!0))},[e]),r?(0,S.jsx)(`div`,{className:`empty`,children:`skill not found`}):t?(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsxs)(`h1`,{children:[`/`,t.name]}),Ca(t.source)]}),t.description&&(0,S.jsx)(`div`,{className:`know-intro skill-desc`,children:t.description}),(0,S.jsxs)(`div`,{className:`detail-cols`,children:[(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`SKILL.md`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`div`,{className:`tabs`,children:[(0,S.jsx)(`button`,{className:a===`rendered`?`active`:``,onClick:()=>o(`rendered`),children:`rendered`}),(0,S.jsx)(`button`,{className:a===`source`?`active`:``,onClick:()=>o(`source`),children:`source`})]})]}),(0,S.jsx)(`div`,{className:`viewer-body`,children:a===`rendered`?(0,S.jsx)(`div`,{className:`md-body concept-md`,dangerouslySetInnerHTML:{__html:c}}):(0,S.jsx)(`pre`,{children:t.content.trim()||`(empty)`})})]}),(0,S.jsx)(`aside`,{className:`detail-rail`,children:(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`about`})}),(0,S.jsxs)(`div`,{className:`rail-list`,children:[(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`source`}),(0,S.jsx)(`span`,{className:`v`,children:t.source===`workspace`?`workspace — git-tracked, shared with the team`:t.source===`project`?`repo .claude/skills — tracked, but outside the workspace root`:`global ~/.claude/skills — only on this machine`})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`path`}),(0,S.jsx)(`span`,{className:`v mono skill-path`,title:t.path,children:t.path})]}),(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`invoke`}),(0,S.jsxs)(`span`,{className:`v`,children:[(0,S.jsxs)(`code`,{children:[`/`,t.name]}),` in any session`]})]}),t.files.length>0&&(0,S.jsxs)(`div`,{className:`rail-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`bundled files`}),t.files.map(e=>(0,S.jsx)(`span`,{className:`v mono`,children:e},e))]})]})]})})]})]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}var Da=[``,`low`,`medium`,`high`,`xhigh`,`max`],Oa=[`🤖`,`🧑‍💻`,`🎧`,`🛠️`,`📊`,`✍️`,`🔍`,`🧹`,`📦`,`🚀`];function ka({seg:e}){let t=e[0]&&e[0]!==`new`&&e[0]!==`chats`?decodeURIComponent(e[0]):void 0,n=e[0]===`new`?`new`:e[0]===`chats`?`chats`:e[1]===`edit`?`edit`:e[1]===`info`?`info`:e[1]===`chat`?`chat`:t?`agent`:`home`,r=n===`chats`&&e[1]===`new`,i=n===`chat`?e[2]:n===`chats`&&!r?e[1]:void 0,a=z(`/api/agents`,!1),o=P(),[s,c]=(0,v.useState)(()=>{try{let e=JSON.parse(localStorage.getItem(`kw-agent-groups`)??`[]`);return Array.isArray(e)?e.map(String):[]}catch{return[]}}),[l,u]=(0,v.useState)(!1),[d,f]=(0,v.useState)(``),[p,m]=(0,v.useState)(null),[h,g]=(0,v.useState)(``),[_,y]=(0,v.useState)(null),[b,x]=(0,v.useState)(null),[w,T]=(0,v.useState)({}),E=(a?.agents??[]).map(e=>w[e.slug]===void 0?e:{...e,group:w[e.slug]||void 0});(0,v.useEffect)(()=>{T(e=>{let t={...e},n=!1;for(let e of a?.agents??[])t[e.slug]!==void 0&&(e.group??``)===t[e.slug]&&(delete t[e.slug],n=!0);return n?t:e})},[a]);let D=E.filter(e=>!e.archived),O=E.filter(e=>e.archived),[k,ee]=(0,v.useState)(!1),te=[...new Set([...D.map(e=>e.group??``).filter(Boolean),...s])].sort((e,t)=>e.localeCompare(t)),A=D.filter(e=>!e.group);function ne(e){c(e);try{localStorage.setItem(`kw-agent-groups`,JSON.stringify(e))}catch{}}function re(){let e=d.trim();u(!1),f(``),e&&!te.includes(e)&&ne([...s,e])}function M(e,t){m(null);let n=t.trim();if(n&&n!==e){for(let t of E.filter(t=>t.group===e))N(t.slug,n);s.includes(e)&&ne([...new Set(s.map(t=>t===e?n:t))])}}async function N(e,t){if((E.find(t=>t.slug===e)?.group??``)!==t){T(n=>({...n,[e]:t}));try{let n=await fetch(`/api/agents/${encodeURIComponent(e)}`);if(!n.ok)throw Error();let r=await n.json();if(!(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({...r,group:t||void 0})})).ok)throw Error()}catch{T(t=>{let n={...t};return delete n[e],n})}}}let ie=e=>o?{onDragOver:t=>{_!=null&&(t.preventDefault(),t.dataTransfer.dropEffect=`move`,b!==e&&x(e))},onDrop:t=>{t.preventDefault();let n=t.dataTransfer.getData(`text/plain`)||_;n&&N(n,e),y(null),x(null)}}:{},ae=e=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e.slug)}`,className:`side-row ${e.slug===t?`active`:``} ${_===e.slug?`dragging`:``}`,draggable:o,onDragStart:t=>{t.dataTransfer.setData(`text/plain`,e.slug),t.dataTransfer.effectAllowed=`move`,y(e.slug)},onDragEnd:()=>{y(null),x(null)},children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:e.name})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:e.description||e.harness})})]})]},e.slug),oe=e=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e.slug)}/info`,className:`side-row archived-row ${e.slug===t?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:e.emoji})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:e.name})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:e.description||e.harness})})]})]},e.slug),F;F=n===`new`?(0,S.jsx)(Ha,{},`new`):n===`edit`&&t?(0,S.jsx)(Ha,{slug:t},t):n===`chat`&&t&&i?(0,S.jsx)(`div`,{className:`chat-main`,children:(0,S.jsx)(ai,{id:i,agentName:E.find(e=>e.slug===t)?.name??t,agentDescription:E.find(e=>e.slug===t)?.description},i)}):n===`chats`?i?(0,S.jsx)(`div`,{className:`chat-main`,children:(0,S.jsx)(ai,{id:i},i)}):r?(0,S.jsx)(ei,{}):(0,S.jsx)(Na,{}):n===`info`&&t?(0,S.jsx)(Ra,{slug:t},t):t?(0,S.jsx)(Ma,{slug:t},t):a?D.length?(0,S.jsx)(Ia,{agents:D}):(0,S.jsx)(La,{}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let I=(n===`agent`||n===`info`||n===`chat`)&&t?E.find(e=>e.slug===t)?.knowledge??[]:[],[se,ce]=(0,v.useState)(()=>localStorage.getItem(`kw-kside`)!==`hidden`),[le,ue]=(0,v.useState)(()=>Number(localStorage.getItem(`kw-kside-w`))||460),de=I.length>0&&se;function L(e){ce(e),localStorage.setItem(`kw-kside`,e?`open`:`hidden`)}function fe(e){ue(e),localStorage.setItem(`kw-kside-w`,String(e))}return(0,S.jsxs)(`div`,{className:`runs-screen agents-screen ${t||n===`chats`?`has-sessions`:``} ${de?`has-knowledge`:``}`,style:de?{"--kside-w":`${le}px`}:void 0,children:[(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`agents`}),(0,S.jsx)(`span`,{className:`spacer`}),o&&(0,S.jsxs)(j,{href:`/agents/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[(0,S.jsxs)(j,{href:`/agents/chats`,className:`side-row side-general ${n===`chats`?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`agent-avatar sm`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:`💬`})}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:`General Chats`})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-req`,children:`chats without an agent`})})]})]}),(0,S.jsxs)(`div`,{className:`side-group ${_&&b===``?`drop-over`:``}`,...ie(``),children:[A.map(ae),_!=null&&A.length===0&&(0,S.jsx)(`div`,{className:`side-group-empty`,children:`no group — drop here`})]}),te.map(e=>{let t=D.filter(t=>t.group===e);return(0,S.jsxs)(`div`,{className:`side-group ${_&&b===e?`drop-over`:``}`,...ie(e),children:[(0,S.jsxs)(`div`,{className:`side-group-head`,children:[p===e?(0,S.jsx)(`input`,{className:`side-group-rename`,autoFocus:!0,value:h,onChange:e=>g(e.target.value),onKeyDown:t=>{t.key===`Enter`&&M(e,h),t.key===`Escape`&&m(null)},onBlur:()=>M(e,h)}):(0,S.jsx)(`span`,{className:`microlabel`,children:e}),(0,S.jsx)(`span`,{className:`side-group-count num`,children:t.length}),(0,S.jsx)(`span`,{className:`spacer`}),o&&p!==e&&(0,S.jsx)(`button`,{className:`side-group-x`,title:`Rename group`,onClick:()=>{m(e),g(e)},children:(0,S.jsx)(C,{name:`edit`,className:`ms-sm`})}),o&&t.length===0&&s.includes(e)&&(0,S.jsx)(`button`,{className:`side-group-x`,title:`Remove empty group`,onClick:()=>ne(s.filter(t=>t!==e)),children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]}),t.map(ae),t.length===0&&(0,S.jsx)(`div`,{className:`side-group-empty`,children:o?`drag agents here`:`no agents`})]},e)}),O.length>0&&(0,S.jsxs)(`div`,{className:`side-group side-archived`,children:[(0,S.jsxs)(`button`,{className:`side-archived-toggle`,"aria-expanded":k,onClick:()=>ee(e=>!e),children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`archived`}),(0,S.jsx)(`span`,{className:`side-group-count num`,children:O.length}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(C,{name:k?`expand_less`:`expand_more`,className:`ms-sm`})]}),k&&O.map(oe)]}),a&&E.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no agents yet`}),o&&(l?(0,S.jsx)(`div`,{className:`side-group-new`,children:(0,S.jsx)(`input`,{autoFocus:!0,value:d,placeholder:`group name, e.g. Team Content`,onChange:e=>f(e.target.value),onKeyDown:e=>{e.key===`Enter`&&re(),e.key===`Escape`&&(u(!1),f(``))},onBlur:re})}):(0,S.jsxs)(`button`,{className:`side-group-add`,onClick:()=>u(!0),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` group`]}))]})]}),t&&(0,S.jsx)(Pa,{slug:t,chatId:i}),n===`chats`&&(0,S.jsx)(Fa,{chatId:i}),(0,S.jsx)(`div`,{className:`runs-main`,children:F}),de&&(0,S.jsx)(Aa,{bundles:I,onHide:()=>L(!1),onResize:fe}),I.length>0&&!se&&(0,S.jsxs)(`button`,{className:`kside-reopen`,onClick:()=>L(!0),title:`Show knowledge sidebar`,children:[(0,S.jsx)(C,{name:`menu_book`,className:`ms-sm`}),` knowledge`]})]})}function Aa({bundles:e,onHide:t,onResize:n}){let[r,i]=(0,v.useState)({}),[a,o]=(0,v.useState)(null),[s,c]=(0,v.useState)({}),[l,u]=(0,v.useState)({}),[d,f]=(0,v.useState)(null),[p,m]=(0,v.useState)(``),[h,g]=(0,v.useState)(!1),[_,y]=(0,v.useState)(``);(0,v.useEffect)(()=>{i({});let t=!0,n,r=async()=>{await Promise.all(e.map(async e=>{try{let n=await fetch(`/api/knowledge/${encodeURIComponent(e)}`,{cache:`no-store`}),r=n.ok?await n.json():null;t&&i(t=>JSON.stringify(t[e])===JSON.stringify(r)?t:{...t,[e]:r})}catch{t&&i(t=>e in t?t:{...t,[e]:null})}})),t&&(n=setTimeout(r,6e3))};return r(),()=>{t=!1,clearTimeout(n)}},[e.join(`,`)]),(0,v.useEffect)(()=>{if(!a||d===a)return;let e=a.indexOf(`::`),t=a.slice(0,e),n=a.slice(e+2),r=!0,i,o=async()=>{try{let e=await fetch(`/api/knowledge/${encodeURIComponent(t)}/concept?id=${encodeURIComponent(n)}`,{cache:`no-store`}),i=e.ok?await e.json():null;r&&c(e=>JSON.stringify(e[a])===JSON.stringify(i)?e:{...e,[a]:i})}catch{r&&c(e=>a in e?e:{...e,[a]:null})}r&&(i=setTimeout(o,6e3))};return o(),()=>{r=!1,clearTimeout(i)}},[a,d]);function b(e,t){let n=`${e}::${t}`;o(a===n?null:n)}async function x(e,t){let n=`${e}::${t}`;g(!0),y(``);try{let r=await(await fetch(`/api/knowledge/${encodeURIComponent(e)}/concept`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({id:t,content:p})})).json();r.error?y(r.error):(c(e=>({...e,[n]:r})),f(null))}catch(e){y(e.message)}g(!1)}return(0,S.jsxs)(`aside`,{className:`runs-side knowledge-side`,children:[(0,S.jsx)(`div`,{className:`kside-resizer`,title:`Drag to resize`,onMouseDown:e=>{e.preventDefault();let t=e.clientX,r=e.currentTarget.parentElement.offsetWidth,i=e=>n(Math.min(900,Math.max(280,r+(t-e.clientX)))),a=()=>{window.removeEventListener(`mousemove`,i),window.removeEventListener(`mouseup`,a)};window.addEventListener(`mousemove`,i),window.addEventListener(`mouseup`,a)}}),(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsxs)(`span`,{className:`kside-headline`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`knowledge`}),(0,S.jsx)(`span`,{className:`kside-hint`,children:`read & kept current by this agent`})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:t,title:`Hide knowledge sidebar`,children:[`hide `,(0,S.jsx)(C,{name:`close`,className:`ms-sm`})]})]}),(0,S.jsx)(`div`,{className:`side-list`,children:e.map(e=>{let t=r[e],n=l[e]===!0;return(0,S.jsxs)(`div`,{className:`kside-bundle`,children:[(0,S.jsxs)(`div`,{className:`kside-bundle-head`,children:[(0,S.jsxs)(`button`,{className:`kside-bundle-toggle`,"aria-expanded":!n,onClick:()=>u({...l,[e]:!n}),children:[(0,S.jsx)(`span`,{className:`kside-chev ${n?``:`open`}`,"aria-hidden":!0,children:(0,S.jsx)(C,{name:`chevron_right`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`kside-bundle-name`,children:e}),t&&(0,S.jsx)(`span`,{className:`kside-count num`,children:t.concepts.length})]}),(0,S.jsx)(`button`,{className:`kside-open`,title:`Export this bundle as PDF`,onClick:()=>void aa(e),children:(0,S.jsx)(C,{name:`picture_as_pdf`,className:`ms-sm`})}),(0,S.jsx)(j,{href:`/knowledge/${encodeURIComponent(e)}`,className:`kside-open`,title:`Open this bundle on the knowledge screen`,children:`↗`})]}),!n&&t===null&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`bundle not found`}),!n&&t?.concepts.map(t=>{let n=`${e}::${t.id}`,r=a===n,i=`/knowledge/${encodeURIComponent(e)}/${t.id.split(`/`).map(encodeURIComponent).join(`/`)}`;return(0,S.jsxs)(`div`,{className:`kside-concept ${r?`open`:``}`,children:[(0,S.jsxs)(`button`,{className:`kside-row`,"aria-expanded":r,title:t.description||void 0,onClick:()=>b(e,t.id),children:[(0,S.jsx)(`span`,{className:`kside-chev ${r?`open`:``}`,"aria-hidden":!0,children:(0,S.jsx)(C,{name:`chevron_right`,className:`ms-sm`})}),(0,S.jsx)(`span`,{className:`kside-title`,children:t.title||t.id}),t.stale&&(0,S.jsx)(`span`,{className:`kside-stale`,title:`Past its stale-after date — ask the agent to re-verify it`,children:`stale`})]}),r&&(0,S.jsx)(`div`,{className:`kside-card`,ref:e=>e?.scrollIntoView({block:`nearest`}),children:s[n]===void 0?(0,S.jsx)(`div`,{className:`viewer-note`,children:`loading…`}):s[n]===null?(0,S.jsx)(`div`,{className:`viewer-note`,children:`could not load concept`}):d===n?(0,S.jsxs)(`div`,{className:`kside-edit`,children:[(0,S.jsx)(`textarea`,{className:`concept-edit`,value:p,rows:Math.min(28,Math.max(10,p.split(`
+`).length+2)),onChange:e=>m(e.target.value),spellCheck:!1}),(0,S.jsxs)(`div`,{className:`kside-actions`,children:[(0,S.jsx)(`button`,{className:`open-raw`,disabled:h,onClick:()=>f(null),children:`cancel`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:h,onClick:()=>x(e,t.id),children:h?`saving…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` save`]})})]}),_&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,_]})]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`kside-card-bar`,children:[t.type&&(0,S.jsx)(`span`,{className:`kside-type`,children:t.type}),ja(t)&&(0,S.jsxs)(`span`,{className:`kside-updated num`,children:[`updated `,we(ja(t))]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{m(s[n].raw),f(n),y(``)},children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit`]}),(0,S.jsxs)(j,{href:ua(e,t.id),className:`open-raw`,title:`Full-screen document editor with autosave`,children:[(0,S.jsx)(C,{name:`edit_document`,className:`ms-sm`}),` editor`]}),(0,S.jsx)(j,{href:i,className:`open-raw`,children:`open ↗`})]}),(0,S.jsx)(`div`,{className:`kside-md md-body`,dangerouslySetInnerHTML:{__html:Lr.sanitize(H.parse(s[n].body??``,{async:!1}))}})]})})]},t.id)}),!n&&t&&t.concepts.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no concepts yet`})]},e)})})]})}function ja(e){return[e.generated?.at,...e.verified.map(e=>e.at)].filter(e=>typeof e==`string`&&e.length>0).sort().pop()}function Ma({slug:e}){let[t,n]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let t=!0;return n(!1),fetch(`/api/chats`).then(e=>e.json()).then(r=>{if(!t)return;let i=r.chats.find(t=>t.scope.kind===`agent`&&t.scope.slug===e);i?A(`/agents/${encodeURIComponent(e)}/chat/${i.id}`,{replace:!0}):n(!0)}).catch(()=>t&&n(!0)),()=>{t=!1}},[e]),t?(0,S.jsx)(Ra,{slug:e}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}function Na(){let[e,t]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/chats`).then(e=>e.json()).then(n=>{if(!e)return;let r=n.chats.find(e=>e.scope.kind!==`agent`&&e.scope.kind!==`channel`);r?A(`/agents/chats/${r.id}`,{replace:!0}):t(!0)}).catch(()=>e&&t(!0)),()=>{e=!1}},[]),e?(0,S.jsx)(ei,{}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}function Pa({slug:e,chatId:t}){let n=z(`/api/chats`,!1),r=(n?.chats??[]).filter(t=>t.scope.kind===`agent`&&t.scope.slug===e),[i,a]=(0,v.useState)(!1);return(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`sessions`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/info`,className:`open-raw`,title:`agent profile & settings`,children:`profile`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:i,onClick:async()=>{a(!0),await $r(`claude`,{kind:`agent`,slug:e}),a(!1)},children:i?`…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[r.map(n=>(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${n.id}`,className:`side-row ${n.id===t?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${n.awaitingApproval?`blocked`:n.busy?`running`:`pending`}`,title:n.awaitingApproval?`waiting for your approval`:void 0}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:n.title||`new session`})}),(0,S.jsx)(`div`,{className:`side-row-sub`,children:(0,S.jsx)(`span`,{className:`side-when num`,children:we(n.updatedAt)})})]}),(0,S.jsx)(`button`,{type:`button`,className:`row-x`,title:`delete session`,onClick:async r=>{r.preventDefault(),r.stopPropagation(),window.confirm(`Delete session "${n.title||n.id}"?`)&&(await fetch(`/api/chats/${n.id}`,{method:`DELETE`}).catch(()=>{}),n.id===t&&A(`/agents/${encodeURIComponent(e)}`))},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},n.id)),n&&r.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no sessions yet`})]})]})}function Fa({chatId:e}){let t=z(`/api/chats`,!1),n=(t?.chats??[]).filter(e=>e.scope.kind!==`agent`&&e.scope.kind!==`channel`);return(0,S.jsxs)(`aside`,{className:`runs-side`,children:[(0,S.jsxs)(`div`,{className:`side-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`chats`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(j,{href:`/agents/chats/new`,className:`open-raw`,children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new`]})]}),(0,S.jsxs)(`div`,{className:`side-list`,children:[n.map(t=>(0,S.jsxs)(j,{href:`/agents/chats/${t.id}`,className:`side-row ${t.id===e?`active`:``}`,children:[(0,S.jsx)(`span`,{className:`lamp ${t.awaitingApproval?`blocked`:t.busy?`running`:`pending`}`,title:t.awaitingApproval?`waiting for your approval`:void 0}),(0,S.jsxs)(`div`,{className:`side-row-body`,children:[(0,S.jsx)(`div`,{className:`side-row-top`,children:(0,S.jsx)(`span`,{className:`side-wf`,children:t.title||`new chat`})}),(0,S.jsxs)(`div`,{className:`side-row-sub`,children:[(0,S.jsxs)(`span`,{className:`side-req`,children:[t.agent,t.scope.kind===`run`?` · ${t.scope.runId}`:t.scope.kind===`kraftwerk`?` · kraftwerk`:t.scope.kind===`knowledge`?` · knowledge${t.scope.bundle?`:${t.scope.bundle}`:``}`:``]}),(0,S.jsx)(`span`,{className:`side-when num`,children:we(t.updatedAt)})]})]}),(0,S.jsx)(`button`,{type:`button`,className:`row-x`,title:`delete chat`,onClick:async n=>{n.preventDefault(),n.stopPropagation(),window.confirm(`Delete chat "${t.title||t.id}"?`)&&(await fetch(`/api/chats/${t.id}`,{method:`DELETE`}).catch(()=>{}),t.id===e&&A(`/agents/chats`))},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},t.id)),t&&n.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no chats yet`})]})]})}function Ia({agents:e}){return(0,v.useEffect)(()=>{let t=!0,n=()=>A(`/agents/${encodeURIComponent(e[0].slug)}`,{replace:!0});return fetch(`/api/chats`).then(e=>e.json()).then(r=>{if(!t)return;let i=new Set(e.map(e=>e.slug)),a=r.chats.find(e=>e.scope.kind===`agent`&&i.has(e.scope.slug));a&&a.scope.kind===`agent`?A(`/agents/${encodeURIComponent(a.scope.slug)}/chat/${a.id}`,{replace:!0}):n()}).catch(()=>t&&n()),()=>{t=!1}},[e.map(e=>e.slug).join(`,`)]),(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}function La(){let e=P();return(0,S.jsx)(`div`,{className:`empty empty-action`,children:e?(0,S.jsxs)(`button`,{className:`run-btn`,onClick:()=>A(`/agents/new`),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` create your first agent`]}):(0,S.jsx)(`span`,{children:`Creating agents needs expert mode — flip the switch in the top bar.`})})}function Ra({slug:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(!1),[l,u]=(0,v.useState)(``),[d,f]=(0,v.useState)(``),[p,m]=(0,v.useState)([]),[h,g]=(0,v.useState)(!0),[_,y]=(0,v.useState)(!1),[b,x]=(0,v.useState)(``),w=z(`/api/workflows`,!1),T=z(`/api/knowledge`,!1),E=z(`/api/skills`,!1);(0,v.useEffect)(()=>{let t=!0;return fetch(`/api/agents/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(e=>t&&n(e)).catch(()=>t&&i(!0)),()=>{t=!1}},[e]);async function D(r){if(t){y(!0),x(``);try{let i=await(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({name:t.name,emoji:t.emoji,description:t.description,harness:t.harness,model:t.model,effort:t.effort,group:t.group,system:t.system,workflows:t.workflows,knowledge:t.knowledge,skills:t.skills,...r})})).json();i.error?x(i.error):(n(i),u(``))}catch(e){x(e.message)}y(!1)}}function O(e,t){m(t?[...p,e]:p.filter(t=>t!==e))}async function k(t){y(!0),x(``);try{let r=await(await fetch(`/api/agents/${encodeURIComponent(e)}/archive`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({archived:t})})).json();r.error?x(r.error):n(r)}catch(e){x(e.message)}y(!1)}if(r)return(0,S.jsx)(`div`,{className:`empty`,children:`agent not found`});if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:`loading…`});let ee=e=>(0,S.jsxs)(`div`,{className:`agent-form-row`,style:{marginTop:8},children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:_,onClick:()=>void D(e),children:_?`saving…`:`save`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:_,onClick:()=>(u(``),x(``)),children:`cancel`})]});return(0,S.jsxs)(`div`,{className:`agent-view`,children:[(0,S.jsxs)(`div`,{className:`detail-head`,children:[(0,S.jsx)(`span`,{className:`agent-avatar lg`,children:(0,S.jsx)(`span`,{"aria-hidden":!0,children:t.emoji})}),(0,S.jsx)(`h1`,{children:t.name}),(0,S.jsx)(`span`,{className:`chip agent`,children:t.harness}),t.model&&(0,S.jsx)(`span`,{className:`chip`,children:t.model}),t.effort&&(0,S.jsxs)(`span`,{className:`chip`,children:[`effort: `,t.effort]}),t.archived&&(0,S.jsxs)(`span`,{className:`chip archived-chip`,children:[(0,S.jsx)(C,{name:`inventory_2`,className:`ms-sm`}),` archived`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/edit`,className:`open-raw`,children:`edit`}),t.archived?(0,S.jsxs)(`button`,{className:`run-btn tonal`,disabled:_,onClick:()=>void k(!1),children:[(0,S.jsx)(C,{name:`unarchive`,className:`ms-sm`}),` `,_?`…`:`unarchive`]}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`open-raw`,disabled:_,title:`Hide this agent from the roster — restorable any time`,onClick:()=>void k(!0),children:[(0,S.jsx)(C,{name:`archive`,className:`ms-sm`}),` archive`]}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:a,onClick:async()=>{o(!0),await $r(`claude`,{kind:`agent`,slug:e}),o(!1)},children:a?`starting…`:`new session`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`m3-list`,children:[(0,S.jsxs)(`button`,{type:`button`,className:`m3-row m3-toggle`,onClick:()=>c(!s),children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`badge`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`role`}),!s&&(0,S.jsx)(`span`,{className:`m3-sub m3-ellipsis`,children:(t.system||``).trim().split(`
 `)[0]||`empty — expand to give this agent a role`})]}),(0,S.jsx)(`span`,{className:`m3-chev ${s?`open`:``}`,children:(0,S.jsx)(C,{name:`expand_more`,className:`ms-sm`})})]}),s&&l!==`role`&&(0,S.jsxs)(`div`,{className:`m3-expand`,children:[(0,S.jsx)(`pre`,{children:t.system||`(empty — click edit to give this agent a role)`}),(0,S.jsxs)(`div`,{className:`agent-form-row`,style:{marginTop:10},children:[(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{f(t.system),u(`role`),x(``)},children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit role`]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`m3-sub`,children:[`agents/`,t.slug,`/system.md`]})]})]}),s&&l===`role`&&(0,S.jsxs)(`div`,{className:`m3-expand`,children:[(0,S.jsx)(`textarea`,{className:`concept-edit`,rows:Math.min(24,Math.max(8,d.split(`
-`).length+2)),value:d,placeholder:`You are the ... for this project. Your job is ...`,onChange:e=>f(e.target.value),spellCheck:!1}),ee({system:d})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`account_tree`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`workflows`}),l===`workflows`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(w?.workflows??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.slug),onChange:t=>O(e.slug,t.target.checked)}),(0,S.jsx)(`b`,{children:e.slug}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.slug)),(w?.workflows??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workflows in this project`})]}),ee({workflows:p})]}):t.workflows.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none connected — the agent can run any workflow you connect`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.workflows.map(e=>(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e)}`,className:`chip`,children:e},e))})]}),l!==`workflows`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{m(t.workflows),u(`workflows`),x(``)},children:`edit`})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`menu_book`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`knowledge`}),l===`knowledge`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(T?.bundles??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.name),onChange:t=>O(e.name,t.target.checked)}),(0,S.jsx)(`b`,{children:e.name}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.concepts,` concepts`]})]},e.name)),(T?.bundles??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no knowledge bundles in this project`})]}),ee({knowledge:p})]}):t.knowledge.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none connected — connected bundles are read and kept current by the agent`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.knowledge.map(e=>(0,S.jsx)(j,{href:`/knowledge/${encodeURIComponent(e)}`,className:`chip`,children:e},e))})]}),l!==`knowledge`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{m(t.knowledge),u(`knowledge`),x(``)},children:`edit`})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`extension`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`shared skills`}),l===`skills`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:h,onChange:e=>g(e.target.checked)}),(0,S.jsx)(`b`,{children:`all skills`}),(0,S.jsx)(`span`,{className:`opt-hint`,children:` — every discovered skill, including future ones`})]}),!h&&(E?.skills??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.name),onChange:t=>O(e.name,t.target.checked)}),(0,S.jsxs)(`b`,{children:[`/`,e.name]}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.name)),!h&&(E?.skills??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no skills found (.claude/skills, project or user)`})]}),ee({skills:h?void 0:p})]}):t.skills===void 0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`all discovered skills (default) — invoke with /name in a session`}):t.skills.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none — this agent runs without skills`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.skills.map(e=>(0,S.jsxs)(`span`,{className:`chip`,children:[`/`,e]},e))})]}),l!==`skills`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{g(t.skills===void 0),m(t.skills??[]),u(`skills`),x(``)},children:`edit`})]})]}),b&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,b]})]}),(0,S.jsx)(za,{slug:e}),(0,S.jsx)(Ba,{slug:e})]})}var Ra=`---
+`).length+2)),value:d,placeholder:`You are the ... for this project. Your job is ...`,onChange:e=>f(e.target.value),spellCheck:!1}),ee({system:d})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`account_tree`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`workflows`}),l===`workflows`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(w?.workflows??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.slug),onChange:t=>O(e.slug,t.target.checked)}),(0,S.jsx)(`b`,{children:e.slug}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.slug)),(w?.workflows??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workflows in this project`})]}),ee({workflows:p})]}):t.workflows.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none connected — the agent can run any workflow you connect`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.workflows.map(e=>(0,S.jsx)(j,{href:`/workflows/${encodeURIComponent(e)}`,className:`chip`,children:e},e))})]}),l!==`workflows`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{m(t.workflows),u(`workflows`),x(``)},children:`edit`})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`menu_book`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`knowledge`}),l===`knowledge`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(T?.bundles??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.name),onChange:t=>O(e.name,t.target.checked)}),(0,S.jsx)(`b`,{children:e.name}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.concepts,` concepts`]})]},e.name)),(T?.bundles??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no knowledge bundles in this project`})]}),ee({knowledge:p})]}):t.knowledge.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none connected — connected bundles are read and kept current by the agent`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.knowledge.map(e=>(0,S.jsx)(j,{href:`/knowledge/${encodeURIComponent(e)}`,className:`chip`,children:e},e))})]}),l!==`knowledge`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{m(t.knowledge),u(`knowledge`),x(``)},children:`edit`})]}),(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`extension`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsx)(`span`,{className:`m3-head`,children:`shared skills`}),l===`skills`?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:h,onChange:e=>g(e.target.checked)}),(0,S.jsx)(`b`,{children:`all skills`}),(0,S.jsx)(`span`,{className:`opt-hint`,children:` — every discovered skill, including future ones`})]}),!h&&(E?.skills??[]).map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:p.includes(e.name),onChange:t=>O(e.name,t.target.checked)}),(0,S.jsxs)(`b`,{children:[`/`,e.name]}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.name)),!h&&(E?.skills??[]).length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no skills found (.claude/skills, project or user)`})]}),ee({skills:h?void 0:p})]}):t.skills===void 0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`all discovered skills (default) — invoke with /name in a session`}):t.skills.length===0?(0,S.jsx)(`span`,{className:`m3-sub`,children:`none — this agent runs without skills`}):(0,S.jsx)(`span`,{className:`m3-chips`,children:t.skills.map(e=>(0,S.jsxs)(`span`,{className:`chip`,children:[`/`,e]},e))})]}),l!==`skills`&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>{g(t.skills===void 0),m(t.skills??[]),u(`skills`),x(``)},children:`edit`})]})]}),b&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,b]})]}),(0,S.jsx)(Ba,{slug:e}),(0,S.jsx)(Va,{slug:e})]})}var za=`---
 description: What this skill is for (one line)
 ---
 
 Instructions this agent follows when the skill applies or is invoked with /<name>.
-`;function za({slug:e}){let t=z(`/api/agents/${encodeURIComponent(e)}/skills`,!1)?.skills??[],[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(!1),[o,s]=(0,v.useState)(``);async function c(t){s(``);let n=await fetch(`/api/agents/${encodeURIComponent(e)}/skills/${encodeURIComponent(t)}`),i=await n.json().catch(()=>null);if(!n.ok||!i||i.error)return void s(i?.error??`could not load skill`);r({name:t,content:i.content??``,isNew:!1})}async function l(){if(!n)return;a(!0),s(``);let t=await(await fetch(`/api/agents/${encodeURIComponent(e)}/skills`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:n.name,content:n.content})})).json().catch(()=>({error:`save failed`}));a(!1),t.error?s(t.error):r(null)}async function u(t){window.confirm(`Delete skill "/${t}" of this agent (its folder is removed)?`)&&(await fetch(`/api/agents/${encodeURIComponent(e)}/skills/${encodeURIComponent(t)}`,{method:`DELETE`}).catch(()=>{}),n?.name===t&&r(null))}return(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`own skills — only this agent`}),(0,S.jsx)(`span`,{className:`spacer`}),!n&&(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{r({name:``,content:Ra,isNew:!0}),s(``)},children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new skill`]})]}),t.length===0&&!n&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`none — skills in `,(0,S.jsxs)(`code`,{children:[`agents/`,e,`/skills/`]}),` are private to this agent; skills for every agent live in the workspace skills folder.`]}),t.length>0&&!n&&(0,S.jsx)(`div`,{className:`m3-list`,children:t.map(e=>(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`extension`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsxs)(`span`,{className:`m3-head`,children:[`/`,e.name]}),(0,S.jsx)(`span`,{className:`m3-sub`,children:e.description||(0,S.jsx)(`code`,{children:`SKILL.md`})})]}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>void c(e.name),children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit`]}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void u(e.name),children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},e.name))}),n&&(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name — invoked as /<name>`,(0,S.jsx)(`input`,{value:n.name,placeholder:`e.g. report-html`,disabled:!n.isNew,onChange:e=>r({...n,name:e.target.value})})]})}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`SKILL.md — frontmatter (description) + the instructions`,(0,S.jsx)(`textarea`,{className:`concept-edit`,rows:Math.min(28,Math.max(12,n.content.split(`
-`).length+2)),value:n.content,spellCheck:!1,onChange:e=>r({...n,content:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:i||!n.name.trim(),onClick:()=>void l(),children:i?`saving…`:`save`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:i,onClick:()=>r(null),children:`cancel`})]})]}),o&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,o]})]})}function Ba({slug:e}){let t=z(`/api/agents/${encodeURIComponent(e)}/routines`,!1)?.routines??[],[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``);async function c(t){a(``);let n=await(await fetch(`/api/agents/${encodeURIComponent(e)}/routines`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(t)})).json();return!n.error||(a(n.error),!1)}async function l(t){s(t),a(``);let n=await(await fetch(`/api/agents/${encodeURIComponent(e)}/routines/${encodeURIComponent(t)}/run`,{method:`POST`})).json();s(``),n.error?a(n.error):n.chatId&&A(`/agents/${encodeURIComponent(e)}/chat/${n.chatId}`)}async function u(t){window.confirm(`Delete routine "${t}"?`)&&await fetch(`/api/agents/${encodeURIComponent(e)}/routines/${encodeURIComponent(t)}`,{method:`DELETE`}).catch(()=>{})}return(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`routines — scheduled prompts`}),(0,S.jsx)(`span`,{className:`spacer`}),!n&&(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>r({name:``,schedule:`0 9 * * 1-5`,prompt:``,enabled:!0}),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new routine`]})]}),t.length===0&&!n&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`none — a routine messages this agent on a schedule (cron, server local time) and each run opens a new session with the result.`}),t.length>0&&(0,S.jsx)(`div`,{className:`m3-list`,children:t.map(t=>(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`schedule`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsxs)(`span`,{className:`m3-head`,children:[t.name,t.lastError&&(0,S.jsx)(`span`,{className:`chip stale`,title:t.lastError,children:`error`}),t.awaitingApproval&&t.lastChatId&&(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${t.lastChatId}`,className:`chip attention`,title:`the last run asked for a permission nobody has answered yet`,children:`needs approval`})]}),(0,S.jsxs)(`span`,{className:`m3-sub`,children:[(0,S.jsx)(`code`,{children:t.schedule}),t.enabled?t.nextRunAt?` · next ${we(t.nextRunAt)}`:``:` · paused`,` · `,t.lastChatId?(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${t.lastChatId}`,children:[`last run `,we(t.lastRunAt)]}):`never ran`]})]}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:o===t.id,onClick:()=>l(t.id),children:o===t.id?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` run`]})}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>r({id:t.id,name:t.name,schedule:t.schedule,prompt:t.prompt,enabled:t.enabled}),children:`edit`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void u(t.id),children:`delete`}),(0,S.jsxs)(`label`,{className:`m3-switch`,title:t.enabled?`enabled — click to pause`:`paused — click to enable`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.enabled,onChange:()=>void c({id:t.id,name:t.name,schedule:t.schedule,prompt:t.prompt,enabled:!t.enabled})}),(0,S.jsx)(`span`,{className:`m3-switch-track`})]})]},t.id))}),n&&(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:n.name,placeholder:`e.g. Morning report`,onChange:e=>r({...n,name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:200},children:[`schedule (cron)`,(0,S.jsx)(`input`,{value:n.schedule,placeholder:`0 9 * * 1-5`,onChange:e=>r({...n,schedule:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field wf-checks`,style:{width:90},children:[`enabled`,(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:n.enabled,onChange:e=>r({...n,enabled:e.target.checked})}),`on`]})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`prompt — what to ask this agent on each run`,(0,S.jsx)(`textarea`,{rows:5,value:n.prompt,placeholder:`Check ... and summarize what changed.`,onChange:e=>r({...n,prompt:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:!n.name.trim()||!n.prompt.trim(),onClick:async()=>{await c(n)&&r(null)},children:n.id?`save routine`:`create routine`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>(r(null),a(``)),children:`cancel`})]})]}),i&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,i]})]})}function Va({slug:e}){let[t,n]=(0,v.useState)(e?null:u()),[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(!1),s=z(`/api/workflows`,!1)?.workflows??[],c=z(`/api/knowledge`,!1)?.bundles??[],l=z(`/api/skills`,!1)?.skills??[];(0,v.useEffect)(()=>{e&&fetch(`/api/agents/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(e=>n({name:e.name,emoji:e.emoji,description:e.description??``,harness:e.harness,model:e.model??``,effort:e.effort??``,group:e.group??``,system:e.system,workflows:e.workflows,knowledge:e.knowledge??[],skillsAll:e.skills===void 0,skills:e.skills??[]})).catch(()=>i(`agent not found`))},[e]);function u(){return{name:``,emoji:`🤖`,description:``,harness:`claude`,model:``,effort:``,group:``,system:``,workflows:[],knowledge:[],skillsAll:!0,skills:[]}}async function d(){if(!t)return;o(!0),i(``);let n=await(await fetch(e?`/api/agents/${encodeURIComponent(e)}`:`/api/agents`,{method:e?`PUT`:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({...t,skills:t.skillsAll?void 0:t.skills})})).json();o(!1),n.error?i(n.error):A(`/agents/${encodeURIComponent(n.slug)}/info`)}async function f(){e&&window.confirm(`Delete agent "${e}" and its definition folder?`)&&(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`DELETE`}).catch(()=>{}),A(`/agents`))}if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:r||`loading…`});let p=e=>n({...t,...e});return(0,S.jsxs)(`div`,{className:`new-chat`,children:[(0,S.jsx)(`div`,{className:`page-head`,children:(0,S.jsx)(`h1`,{children:e?`edit ${e}`:`new agent`})}),(0,S.jsx)(`section`,{className:`panel new-chat-panel`,children:(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:t.name,placeholder:`e.g. Max`,onChange:e=>p({name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:90},children:[`emoji`,(0,S.jsx)(`input`,{value:t.emoji,onChange:e=>p({emoji:e.target.value})})]})]}),(0,S.jsx)(`div`,{className:`emoji-pick`,children:Oa.map(e=>(0,S.jsx)(`button`,{type:`button`,className:t.emoji===e?`active`:``,onClick:()=>p({emoji:e}),children:e},e))}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`description`,(0,S.jsx)(`input`,{value:t.description,placeholder:`one line: what this agent is for`,onChange:e=>p({description:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:180},children:[`group`,(0,S.jsx)(`input`,{value:t.group,placeholder:`none`,onChange:e=>p({group:e.target.value})})]})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`harness`,(0,S.jsxs)(`select`,{value:t.harness,onChange:e=>p({harness:e.target.value}),children:[(0,S.jsx)(`option`,{value:`claude`,children:`claude`}),(0,S.jsx)(`option`,{value:`codex`,children:`codex`}),(0,S.jsx)(`option`,{value:`pi`,children:`pi`})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`model`,(0,S.jsx)(`input`,{value:t.model,placeholder:`harness default — e.g. sonnet, gpt-5.6-sol`,onChange:e=>p({model:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`effort`,(0,S.jsx)(`select`,{value:t.effort,onChange:e=>p({effort:e.target.value}),children:Da.map(e=>(0,S.jsx)(`option`,{value:e,children:e||`default`},e))})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`system prompt — the agent's role`,(0,S.jsx)(`textarea`,{rows:10,value:t.system,placeholder:`You are the ... for this project. Your job is ...`,onChange:e=>p({system:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected workflows — autoloaded into the agent's context; it can run them`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[s.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.workflows.includes(e.slug),onChange:n=>p({workflows:n.target.checked?[...t.workflows,e.slug]:t.workflows.filter(t=>t!==e.slug)})}),(0,S.jsx)(`b`,{children:e.slug}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.slug)),s.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workflows in this project`})]})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected knowledge — OKF bundles the agent consults and maintains`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[c.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.knowledge.includes(e.name),onChange:n=>p({knowledge:n.target.checked?[...t.knowledge,e.name]:t.knowledge.filter(t=>t!==e.name)})}),(0,S.jsx)(`b`,{children:e.name}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.concepts,` concepts`]})]},e.name)),c.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no knowledge bundles in this project`})]})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected skills — workspace skill packages (see the skills tab); invoked with /name in sessions`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.skillsAll,onChange:e=>p({skillsAll:e.target.checked})}),(0,S.jsx)(`b`,{children:`all skills`}),(0,S.jsx)(`span`,{className:`opt-hint`,children:` — every discovered skill, including future ones`})]}),!t.skillsAll&&l.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.skills.includes(e.name),onChange:n=>p({skills:n.target.checked?[...t.skills,e.name]:t.skills.filter(t=>t!==e.name)})}),(0,S.jsxs)(`b`,{children:[`/`,e.name]}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.name)),!t.skillsAll&&l.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no skills found (.claude/skills, project or user)`})]})]}),r&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,r]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:!t.name.trim()||a,onClick:d,children:a?`saving…`:e?`save`:`create`}),(0,S.jsx)(`span`,{className:`spacer`}),e&&(0,S.jsx)(`button`,{className:`stop-btn`,onClick:f,children:`delete agent`})]})]})})]})}var Ha={enabled:!1,remote:`origin`,branch:``,interval:`300`,autosync:`pull`};function Ua(e){let t=e.config.git;return t?{enabled:t.enabled!==!1,remote:t.remote??Ha.remote,branch:t.branch??``,interval:String(t.interval??Ha.interval),autosync:t.autosync??Ha.autosync}:Ha}var Wa={enabled:!1,root:``};function Ga(e){let t=e.config.repos;return t?{enabled:t.enabled!==!1,root:t.root??``}:Wa}function Ka(e){let t=e.config.vibeables;return t?{enabled:t.enabled!==!1,root:t.root??``}:Wa}function qa(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)([]),[u,d]=(0,v.useState)(Ha),[f,p]=(0,v.useState)(Wa),[m,h]=(0,v.useState)(Wa),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(!1),[x,w]=(0,v.useState)(!1),[T,E]=(0,v.useState)(``);(0,v.useEffect)(()=>{fetch(`/api/settings`).then(e=>e.json()).then(e=>{t(e),r(e.config.name??``),a(e.config.icon??``),s(e.config.color??``),l(e.config.switcher??[]),d(Ua(e)),p(Ga(e)),h(Ka(e))}).catch(()=>E(`could not load settings`))},[]);let D=()=>{_(!0),w(!1),E(``)};async function O(){b(!0),E(``);try{let e=await fetch(`/api/settings`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({name:n,icon:i,color:o,switcher:c,git:{...u,interval:u.interval===``?void 0:Number(u.interval)},repos:f,vibeables:m})}),r=await e.json();if(!e.ok)throw Error(r.error||`save failed`);t(r),l(r.config.switcher??[]),d(Ua(r)),p(Ga(r)),h(Ka(r)),_(!1),w(!0),window.dispatchEvent(new Event(`kw-meta-refresh`))}catch(e){E(e.message)}finally{b(!1)}}let k=(e,t)=>{l(n=>n.map((n,r)=>r===e?{...n,...t}:n)),D()},ee=e=>{d(t=>({...t,...e})),D()},te=e=>{p(t=>({...t,...e})),D()},A=e=>{h(t=>({...t,...e})),D()};if(!e)return(0,S.jsx)(`div`,{className:`empty`,children:T||`loading…`});let ne=[[`port`,String(e.resolved.port),`kraftwerk ui listens here (CLI --port wins)`],[`workflows`,e.resolved.workflowsRoot??`— none found`,`workflow definitions`],[`output`,e.resolved.outputDir,`run artifacts`],[`knowledge`,e.config.knowledge??`knowledge`,`OKF knowledge bundles`],[`agents`,e.config.agents??`agents`,`agent definitions`],[`skills`,e.config.skills??`skills`,`workspace skills`]];return(0,S.jsxs)(`div`,{className:`settings-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`settings`,className:`ms-lg`}),` Settings`]}),(0,S.jsx)(`span`,{className:`spacer`}),T&&(0,S.jsx)(`span`,{className:`settings-err`,children:T}),x&&!g&&(0,S.jsxs)(`span`,{className:`settings-saved`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` saved`]}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:y||!g,onClick:()=>void O(),children:y?`saving…`:`save changes`})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace`})}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:90},children:[`icon`,(0,S.jsx)(`input`,{value:i,placeholder:`🤖`,onChange:e=>{a(e.target.value),D()}})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:n,placeholder:`my workspace`,onChange:e=>{r(e.target.value),D()}})]}),(0,S.jsxs)(`label`,{className:`agent-field settings-color`,style:{width:130},title:`Accent in the workspace switcher; empty = derived from the folder`,children:[`color`,(0,S.jsxs)(`span`,{className:`settings-color-row`,children:[(0,S.jsx)(`input`,{type:`color`,value:/^#[0-9a-f]{6}$/i.test(o)?o:`#888888`,onChange:e=>{s(e.target.value),D()}}),(0,S.jsx)(`input`,{value:o,placeholder:`auto`,onChange:e=>{s(e.target.value),D()}})]})]})]}),(0,S.jsx)(`div`,{className:`settings-note`,children:`Shown in the header, browser tab and to other workspaces discovering this one.`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace switcher`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`run-btn tonal`,onClick:()=>{l(e=>[...e,{name:``,url:`http://localhost:`}]),D()},children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` add entry`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[c.length===0&&(0,S.jsx)(`div`,{className:`settings-note`,children:`No manual entries.`}),c.map((e,t)=>(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:70},children:[`icon`,(0,S.jsx)(`input`,{value:e.icon??``,placeholder:`•`,onChange:e=>k(t,{icon:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:e.name,placeholder:`other workspace`,onChange:e=>k(t,{name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1.4},children:[`url`,(0,S.jsx)(`input`,{value:e.url,placeholder:`http://localhost:1982`,onChange:e=>k(t,{url:e.target.value})})]}),(0,S.jsx)(`button`,{className:`row-x settings-row-x`,title:`remove entry`,onClick:()=>{l(e=>e.filter((e,n)=>n!==t)),D()},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},t)),(0,S.jsx)(`div`,{className:`settings-note`,children:`Running workspaces on this machine are discovered automatically — manual entries are for remote instances or extra links.`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`git sync`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/git`,children:[(0,S.jsx)(C,{name:`account_tree`,className:`ms-sm`}),` open git`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:u.enabled,onChange:e=>ee({enabled:e.target.checked})}),`sync workflows, knowledge, agents and skills with a git remote`]}),u.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`remote`,(0,S.jsx)(`input`,{value:u.remote,placeholder:`origin`,onChange:e=>ee({remote:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`branch`,(0,S.jsx)(`input`,{value:u.branch,placeholder:`checked-out branch`,onChange:e=>ee({branch:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:120},children:[`interval (s)`,(0,S.jsx)(`input`,{type:`number`,min:0,step:1,value:u.interval,placeholder:`300`,onChange:e=>ee({interval:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:150},children:[`autosync`,(0,S.jsxs)(`select`,{value:u.autosync,onChange:e=>ee({autosync:e.target.value}),children:[(0,S.jsx)(`option`,{value:`pull`,children:`fetch and pull`}),(0,S.jsx)(`option`,{value:`off`,children:`fetch only`})]})]})]}),(0,S.jsx)(`div`,{className:`settings-note`,children:`The interval fetches in the background (0 turns the timer off); with autosync on it also fast-forwards when behind and nothing is modified locally. Commit and push stay manual on the git screen.`})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`repositories`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/repos`,children:[(0,S.jsx)(C,{name:`source`,className:`ms-sm`}),` open repositories`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:f.enabled,onChange:e=>te({enabled:e.target.checked})}),`keep git repositories the agents work on under one folder`]}),f.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`repos root`,(0,S.jsx)(`input`,{value:f.root,placeholder:`repos`,onChange:e=>te({root:e.target.value})})]})}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Relative to the project root. Saving creates the folder and adds it to .gitignore; every agent gets the list of clones as context and can add more with `,(0,S.jsx)(`code`,{children:`kraftwerk repos add`}),`.`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`vibeables`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/vibeables`,children:[(0,S.jsx)(C,{name:`web`,className:`ms-sm`}),` open vibeables`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:m.enabled,onChange:e=>A({enabled:e.target.checked})}),`build small apps live in a chat, with a preview pane next to the thread`]}),m.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`vibeables root`,(0,S.jsx)(`input`,{value:m.root,placeholder:`kraftwerk-data/vibeables`,onChange:e=>A({root:e.target.value})})]})}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Relative to the project root, one folder per app. Part of the workspace: versioned with it on the git screen, not git-ignored. Every chat gets a `,(0,S.jsx)(`b`,{children:`vibeable`}),` button; the agent then works inside the app folder.`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`paths & port`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`code`,{className:`settings-file`,title:e.configPath,children:e.exists?e.configPath:`${e.configPath} (not created yet)`})]}),(0,S.jsx)(`div`,{className:`settings-kv-list`,children:ne.map(([e,t,n])=>(0,S.jsxs)(`div`,{className:`settings-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:e}),(0,S.jsx)(`code`,{children:t}),(0,S.jsx)(`span`,{className:`settings-kv-hint`,children:n})]},e))}),(0,S.jsxs)(`div`,{className:`settings-note`,style:{padding:`0 18px 14px`},children:[`Read-only here — edit `,(0,S.jsx)(`code`,{children:`kraftwerk.yml`}),` directly to change these.`]})]})]})}var Ja={running:{label:`running`},stopped:{label:`stopped`},died:{label:`died`,note:`was killed or crashed`},missing:{label:`missing`,note:`folder is gone`},orphaned:{label:`orphaned`,note:`no kraftwerk.yml any more`}};function Ya(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)({}),[o,s]=(0,v.useState)({}),[c,l]=(0,v.useState)(null),u=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/projects`,{cache:`no-store`});if(e.ok){t(await e.json()),r(``);return}r(e.status===404?`This workspace runs a kraftwerk without the projects API. Update it and restart its UI.`:`Could not load the project registry (HTTP ${e.status}).`)}catch(e){r(e.message||`Could not reach this workspace's server.`)}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await u(),e&&(t=setTimeout(n,6e3))};return n(),()=>{e=!1,clearTimeout(t)}},[u]);let d=e=>e.root??e.url,f=async(e,t)=>{let n=d(e);a(e=>({...e,[n]:t})),s(e=>({...e,[n]:``})),l(null);try{let n=t===`stop`?{root:e.root,url:e.url}:{root:e.root},r=await ye(`/api/projects/${t}`,n);if(!r.ok)throw Error(r.error||`failed`);window.dispatchEvent(new Event(`kw-meta-refresh`))}catch(e){s(t=>({...t,[n]:e.message}))}finally{a(e=>{let t={...e};return delete t[n],t}),u()}},p=e?.filter(e=>e.live).length??0,m=new Map;for(let t of e??[])t.icon&&m.set(t.icon,(m.get(t.icon)??0)+1);let h=e=>!!e&&(m.get(e)??0)>1;return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`hub`,className:`ms-lg`}),` Workspaces`]}),(0,S.jsx)(`span`,{className:`spacer`}),e&&(0,S.jsxs)(`span`,{className:`settings-note`,children:[e.length,` known · `,p,` running`]}),e&&n&&(0,S.jsx)(`span`,{className:`settings-err`,children:n})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`projects on this machine`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`settings-note`,children:[`registry: `,(0,S.jsx)(`code`,{children:`~/.kraftwerk/projects`})]})]}),!e&&!n&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`loading…`}),!e&&n&&(0,S.jsxs)(`div`,{className:`ws-empty ws-load-error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,n]}),e&&e.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`No workspaces known yet.`}),e?.map(e=>{let t=d(e),n=i[t],r=!e.live&&!!e.root&&(e.exists===!1||e.hasConfig===!1);return(0,S.jsxs)(`div`,{className:`ws-row state-${e.state} ${e.current?`current`:``}`,children:[(0,S.jsx)(ve,{className:`ws-icon`,icon:e.icon,name:e.name,color:e.color,seed:e.root??e.url,ambiguous:h(e.icon)}),(0,S.jsxs)(`div`,{className:`ws-main`,children:[(0,S.jsxs)(`div`,{className:`ws-title`,children:[e.live&&!e.current?(0,S.jsx)(`a`,{href:e.url,className:`ws-name${e.named===!1?` unnamed`:``}`,children:e.name}):(0,S.jsx)(`span`,{className:`ws-name${e.named===!1?` unnamed`:``}`,children:e.name}),e.current&&(0,S.jsx)(`span`,{className:`switcher-hint`,children:`current`}),(0,S.jsxs)(`span`,{className:`ws-state ws-state-${e.state}`,children:[e.live&&(0,S.jsx)(`span`,{className:`live-dot`}),Ja[e.state].label]}),Ja[e.state].note&&(0,S.jsx)(`span`,{className:`ws-note`,children:Ja[e.state].note})]}),(0,S.jsx)(`div`,{className:`ws-root`,title:e.root,children:e.rootLabel??(0,S.jsx)(`span`,{className:`ws-dim`,children:`no root recorded (started by an older version)`})}),(0,S.jsxs)(`div`,{className:`ws-meta`,children:[e.state!==`missing`&&e.state!==`orphaned`&&(0,S.jsx)(`span`,{children:e.url.replace(/^https?:\/\//,``)}),e.counts&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`span`,{children:[e.counts.agents,` agents`]}),(0,S.jsxs)(`span`,{children:[e.counts.workflows,` workflows`]}),(0,S.jsxs)(`span`,{children:[e.counts.runs,` runs`]}),(0,S.jsxs)(`span`,{children:[e.counts.chats,` chats`]})]}),e.lastStarted&&(0,S.jsxs)(`span`,{title:e.lastStarted,children:[`started `,Te(e.lastStarted)]}),!e.live&&e.lastStopped&&(0,S.jsxs)(`span`,{title:e.lastStopped,children:[`stopped `,Te(e.lastStopped)]}),e.startCount!=null&&(0,S.jsxs)(`span`,{children:[e.startCount,`× launched`]}),e.firstSeen&&(0,S.jsxs)(`span`,{title:e.firstSeen,children:[`first seen `,Te(e.firstSeen)]})]}),o[t]&&(0,S.jsx)(`div`,{className:`settings-err`,children:o[t]})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[e.live&&!e.current&&(0,S.jsxs)(`a`,{className:`ws-btn`,href:e.url,title:`Open this workspace`,children:[(0,S.jsx)(C,{name:`open_in_new`,className:`ms-sm`}),` open`]}),!e.live&&e.root&&e.exists!==!1&&!e.dirGone&&(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!n,onClick:()=>void f(e,`start`),children:[(0,S.jsx)(C,{name:n===`start`?`progress_activity`:`play_arrow`,className:`ms-sm`}),n===`start`?`starting…`:`start`]}),e.live&&!e.current&&(0,S.jsxs)(`button`,{className:`ws-btn danger`,disabled:!!n,onClick:()=>void f(e,`stop`),children:[(0,S.jsx)(C,{name:n===`stop`?`progress_activity`:`stop`,className:`ms-sm`}),n===`stop`?`stopping…`:`stop`]}),r&&c!==t&&(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!n,title:`Drop this project from the registry (files untouched)`,onClick:()=>l(t),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),r&&c===t&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`ws-btn danger`,onClick:()=>void f(e,`forget`),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` confirm remove`]}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:()=>l(null),children:`cancel`})]})]})]},t)})]}),(0,S.jsxs)(`p`,{className:`settings-note`,children:[`Start launches `,(0,S.jsx)(`code`,{children:`kraftwerk ui`}),` detached in the project root (log in `,(0,S.jsx)(`code`,{children:`~/.kraftwerk/logs`}),`). Stop sends SIGTERM to the running server. Remove is offered only for records whose root no longer holds a `,(0,S.jsx)(`code`,{children:`kraftwerk.yml`}),` — the same from the terminal:`,` `,(0,S.jsx)(`code`,{children:`kraftwerk projects`}),`.`]})]})}function Xa(e){if(e<60)return`${e}s`;let t=Math.round(e/60);if(t<60)return`${t} min`;let n=Math.floor(t/60),r=t%60;return r?`${n} h ${r} min`:`${n} h`}var Za=[[/^(\+\+\+|---|diff |index )/,`d-meta`],[/^@@/,`d-hunk`],[/^\+/,`d-add`],[/^-/,`d-del`]],Qa=e=>Za.find(([t])=>t.test(e))?.[1]??``;function $a({file:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(``);return(0,v.useEffect)(()=>{let t=!0;return fetch(`/api/git/diff?path=${encodeURIComponent(e)}`).then(e=>e.json()).then(e=>{t&&(n(e.diff??``),i(!!e.truncated),o(e.error??``))}).catch(()=>t&&o(`could not load the diff`)),()=>{t=!1}},[e]),a?(0,S.jsx)(`div`,{className:`git-diff git-diff-error`,children:a}):t===null?(0,S.jsx)(`div`,{className:`git-diff`,children:`loading…`}):t.trim()?(0,S.jsxs)(`pre`,{className:`git-diff`,children:[t.split(`
-`).map((e,t)=>(0,S.jsxs)(`span`,{className:Qa(e),children:[e||` `,`
+`;function Ba({slug:e}){let t=z(`/api/agents/${encodeURIComponent(e)}/skills`,!1)?.skills??[],[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(!1),[o,s]=(0,v.useState)(``);async function c(t){s(``);let n=await fetch(`/api/agents/${encodeURIComponent(e)}/skills/${encodeURIComponent(t)}`),i=await n.json().catch(()=>null);if(!n.ok||!i||i.error)return void s(i?.error??`could not load skill`);r({name:t,content:i.content??``,isNew:!1})}async function l(){if(!n)return;a(!0),s(``);let t=await(await fetch(`/api/agents/${encodeURIComponent(e)}/skills`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({name:n.name,content:n.content})})).json().catch(()=>({error:`save failed`}));a(!1),t.error?s(t.error):r(null)}async function u(t){window.confirm(`Delete skill "/${t}" of this agent (its folder is removed)?`)&&(await fetch(`/api/agents/${encodeURIComponent(e)}/skills/${encodeURIComponent(t)}`,{method:`DELETE`}).catch(()=>{}),n?.name===t&&r(null))}return(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`own skills — only this agent`}),(0,S.jsx)(`span`,{className:`spacer`}),!n&&(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>{r({name:``,content:za,isNew:!0}),s(``)},children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new skill`]})]}),t.length===0&&!n&&(0,S.jsxs)(`div`,{className:`viewer-note`,children:[`none — skills in `,(0,S.jsxs)(`code`,{children:[`agents/`,e,`/skills/`]}),` are private to this agent; skills for every agent live in the workspace skills folder.`]}),t.length>0&&!n&&(0,S.jsx)(`div`,{className:`m3-list`,children:t.map(e=>(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`extension`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsxs)(`span`,{className:`m3-head`,children:[`/`,e.name]}),(0,S.jsx)(`span`,{className:`m3-sub`,children:e.description||(0,S.jsx)(`code`,{children:`SKILL.md`})})]}),(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>void c(e.name),children:[(0,S.jsx)(C,{name:`edit`,className:`ms-sm`}),` edit`]}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void u(e.name),children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},e.name))}),n&&(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name — invoked as /<name>`,(0,S.jsx)(`input`,{value:n.name,placeholder:`e.g. report-html`,disabled:!n.isNew,onChange:e=>r({...n,name:e.target.value})})]})}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`SKILL.md — frontmatter (description) + the instructions`,(0,S.jsx)(`textarea`,{className:`concept-edit`,rows:Math.min(28,Math.max(12,n.content.split(`
+`).length+2)),value:n.content,spellCheck:!1,onChange:e=>r({...n,content:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:i||!n.name.trim(),onClick:()=>void l(),children:i?`saving…`:`save`}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:i,onClick:()=>r(null),children:`cancel`})]})]}),o&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,o]})]})}function Va({slug:e}){let t=z(`/api/agents/${encodeURIComponent(e)}/routines`,!1)?.routines??[],[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``);async function c(t){a(``);let n=await(await fetch(`/api/agents/${encodeURIComponent(e)}/routines`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(t)})).json();return!n.error||(a(n.error),!1)}async function l(t){s(t),a(``);let n=await(await fetch(`/api/agents/${encodeURIComponent(e)}/routines/${encodeURIComponent(t)}/run`,{method:`POST`})).json();s(``),n.error?a(n.error):n.chatId&&A(`/agents/${encodeURIComponent(e)}/chat/${n.chatId}`)}async function u(t){window.confirm(`Delete routine "${t}"?`)&&await fetch(`/api/agents/${encodeURIComponent(e)}/routines/${encodeURIComponent(t)}`,{method:`DELETE`}).catch(()=>{})}return(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`routines — scheduled prompts`}),(0,S.jsx)(`span`,{className:`spacer`}),!n&&(0,S.jsxs)(`button`,{className:`open-raw`,onClick:()=>r({name:``,schedule:`0 9 * * 1-5`,prompt:``,enabled:!0}),children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` new routine`]})]}),t.length===0&&!n&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`none — a routine messages this agent on a schedule (cron, server local time) and each run opens a new session with the result.`}),t.length>0&&(0,S.jsx)(`div`,{className:`m3-list`,children:t.map(t=>(0,S.jsxs)(`div`,{className:`m3-row`,children:[(0,S.jsx)(`span`,{className:`m3-ico`,children:(0,S.jsx)(C,{name:`schedule`})}),(0,S.jsxs)(`span`,{className:`m3-body`,children:[(0,S.jsxs)(`span`,{className:`m3-head`,children:[t.name,t.lastError&&(0,S.jsx)(`span`,{className:`chip stale`,title:t.lastError,children:`error`}),t.awaitingApproval&&t.lastChatId&&(0,S.jsx)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${t.lastChatId}`,className:`chip attention`,title:`the last run asked for a permission nobody has answered yet`,children:`needs approval`})]}),(0,S.jsxs)(`span`,{className:`m3-sub`,children:[(0,S.jsx)(`code`,{children:t.schedule}),t.enabled?t.nextRunAt?` · next ${we(t.nextRunAt)}`:``:` · paused`,` · `,t.lastChatId?(0,S.jsxs)(j,{href:`/agents/${encodeURIComponent(e)}/chat/${t.lastChatId}`,children:[`last run `,we(t.lastRunAt)]}):`never ran`]})]}),(0,S.jsx)(`button`,{className:`open-raw`,disabled:o===t.id,onClick:()=>l(t.id),children:o===t.id?`starting…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`play_arrow`,className:`ms-sm`}),` run`]})}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>r({id:t.id,name:t.name,schedule:t.schedule,prompt:t.prompt,enabled:t.enabled}),children:`edit`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void u(t.id),children:`delete`}),(0,S.jsxs)(`label`,{className:`m3-switch`,title:t.enabled?`enabled — click to pause`:`paused — click to enable`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.enabled,onChange:()=>void c({id:t.id,name:t.name,schedule:t.schedule,prompt:t.prompt,enabled:!t.enabled})}),(0,S.jsx)(`span`,{className:`m3-switch-track`})]})]},t.id))}),n&&(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:n.name,placeholder:`e.g. Morning report`,onChange:e=>r({...n,name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:200},children:[`schedule (cron)`,(0,S.jsx)(`input`,{value:n.schedule,placeholder:`0 9 * * 1-5`,onChange:e=>r({...n,schedule:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field wf-checks`,style:{width:90},children:[`enabled`,(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:n.enabled,onChange:e=>r({...n,enabled:e.target.checked})}),`on`]})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`prompt — what to ask this agent on each run`,(0,S.jsx)(`textarea`,{rows:5,value:n.prompt,placeholder:`Check ... and summarize what changed.`,onChange:e=>r({...n,prompt:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:!n.name.trim()||!n.prompt.trim(),onClick:async()=>{await c(n)&&r(null)},children:n.id?`save routine`:`create routine`}),(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>(r(null),a(``)),children:`cancel`})]})]}),i&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,i]})]})}function Ha({slug:e}){let[t,n]=(0,v.useState)(e?null:u()),[r,i]=(0,v.useState)(``),[a,o]=(0,v.useState)(!1),s=z(`/api/workflows`,!1)?.workflows??[],c=z(`/api/knowledge`,!1)?.bundles??[],l=z(`/api/skills`,!1)?.skills??[];(0,v.useEffect)(()=>{e&&fetch(`/api/agents/${encodeURIComponent(e)}`).then(e=>e.ok?e.json():Promise.reject()).then(e=>n({name:e.name,emoji:e.emoji,description:e.description??``,harness:e.harness,model:e.model??``,effort:e.effort??``,group:e.group??``,system:e.system,workflows:e.workflows,knowledge:e.knowledge??[],skillsAll:e.skills===void 0,skills:e.skills??[]})).catch(()=>i(`agent not found`))},[e]);function u(){return{name:``,emoji:`🤖`,description:``,harness:`claude`,model:``,effort:``,group:``,system:``,workflows:[],knowledge:[],skillsAll:!0,skills:[]}}async function d(){if(!t)return;o(!0),i(``);let n=await(await fetch(e?`/api/agents/${encodeURIComponent(e)}`:`/api/agents`,{method:e?`PUT`:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({...t,skills:t.skillsAll?void 0:t.skills})})).json();o(!1),n.error?i(n.error):A(`/agents/${encodeURIComponent(n.slug)}/info`)}async function f(){e&&window.confirm(`Delete agent "${e}" and its definition folder?`)&&(await fetch(`/api/agents/${encodeURIComponent(e)}`,{method:`DELETE`}).catch(()=>{}),A(`/agents`))}if(!t)return(0,S.jsx)(`div`,{className:`empty`,children:r||`loading…`});let p=e=>n({...t,...e});return(0,S.jsxs)(`div`,{className:`new-chat`,children:[(0,S.jsx)(`div`,{className:`page-head`,children:(0,S.jsx)(`h1`,{children:e?`edit ${e}`:`new agent`})}),(0,S.jsx)(`section`,{className:`panel new-chat-panel`,children:(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:t.name,placeholder:`e.g. Max`,onChange:e=>p({name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:90},children:[`emoji`,(0,S.jsx)(`input`,{value:t.emoji,onChange:e=>p({emoji:e.target.value})})]})]}),(0,S.jsx)(`div`,{className:`emoji-pick`,children:Oa.map(e=>(0,S.jsx)(`button`,{type:`button`,className:t.emoji===e?`active`:``,onClick:()=>p({emoji:e}),children:e},e))}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`description`,(0,S.jsx)(`input`,{value:t.description,placeholder:`one line: what this agent is for`,onChange:e=>p({description:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:180},children:[`group`,(0,S.jsx)(`input`,{value:t.group,placeholder:`none`,onChange:e=>p({group:e.target.value})})]})]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`harness`,(0,S.jsxs)(`select`,{value:t.harness,onChange:e=>p({harness:e.target.value}),children:[(0,S.jsx)(`option`,{value:`claude`,children:`claude`}),(0,S.jsx)(`option`,{value:`codex`,children:`codex`}),(0,S.jsx)(`option`,{value:`pi`,children:`pi`})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`model`,(0,S.jsx)(`input`,{value:t.model,placeholder:`harness default — e.g. sonnet, gpt-5.6-sol`,onChange:e=>p({model:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`effort`,(0,S.jsx)(`select`,{value:t.effort,onChange:e=>p({effort:e.target.value}),children:Da.map(e=>(0,S.jsx)(`option`,{value:e,children:e||`default`},e))})]})]}),(0,S.jsxs)(`label`,{className:`agent-field`,children:[`system prompt — the agent's role`,(0,S.jsx)(`textarea`,{rows:10,value:t.system,placeholder:`You are the ... for this project. Your job is ...`,onChange:e=>p({system:e.target.value})})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected workflows — autoloaded into the agent's context; it can run them`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[s.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.workflows.includes(e.slug),onChange:n=>p({workflows:n.target.checked?[...t.workflows,e.slug]:t.workflows.filter(t=>t!==e.slug)})}),(0,S.jsx)(`b`,{children:e.slug}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.slug)),s.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no workflows in this project`})]})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected knowledge — OKF bundles the agent consults and maintains`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[c.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.knowledge.includes(e.name),onChange:n=>p({knowledge:n.target.checked?[...t.knowledge,e.name]:t.knowledge.filter(t=>t!==e.name)})}),(0,S.jsx)(`b`,{children:e.name}),(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.concepts,` concepts`]})]},e.name)),c.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no knowledge bundles in this project`})]})]}),(0,S.jsxs)(`div`,{className:`agent-field`,children:[(0,S.jsx)(`span`,{className:`agent-field-label`,children:`connected skills — workspace skill packages (see the skills tab); invoked with /name in sessions`}),(0,S.jsxs)(`div`,{className:`wf-checks`,children:[(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.skillsAll,onChange:e=>p({skillsAll:e.target.checked})}),(0,S.jsx)(`b`,{children:`all skills`}),(0,S.jsx)(`span`,{className:`opt-hint`,children:` — every discovered skill, including future ones`})]}),!t.skillsAll&&l.map(e=>(0,S.jsxs)(`label`,{children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:t.skills.includes(e.name),onChange:n=>p({skills:n.target.checked?[...t.skills,e.name]:t.skills.filter(t=>t!==e.name)})}),(0,S.jsxs)(`b`,{children:[`/`,e.name]}),e.description&&(0,S.jsxs)(`span`,{className:`opt-hint`,children:[` — `,e.description]})]},e.name)),!t.skillsAll&&l.length===0&&(0,S.jsx)(`div`,{className:`viewer-note`,children:`no skills found (.claude/skills, project or user)`})]})]}),r&&(0,S.jsxs)(`div`,{className:`msg error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,r]}),(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsx)(`button`,{className:`run-btn`,disabled:!t.name.trim()||a,onClick:d,children:a?`saving…`:e?`save`:`create`}),(0,S.jsx)(`span`,{className:`spacer`}),e&&(0,S.jsx)(`button`,{className:`stop-btn`,onClick:f,children:`delete agent`})]})]})})]})}var Ua={enabled:!1,remote:`origin`,branch:``,interval:`300`,autosync:`pull`};function Wa(e){let t=e.config.git;return t?{enabled:t.enabled!==!1,remote:t.remote??Ua.remote,branch:t.branch??``,interval:String(t.interval??Ua.interval),autosync:t.autosync??Ua.autosync}:Ua}var Ga={enabled:!1,root:``};function Ka(e){let t=e.config.repos;return t?{enabled:t.enabled!==!1,root:t.root??``}:Ga}function qa(e){let t=e.config.vibeables;return t?{enabled:t.enabled!==!1,root:t.root??``}:Ga}function Ja(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)([]),[u,d]=(0,v.useState)(Ua),[f,p]=(0,v.useState)(Ga),[m,h]=(0,v.useState)(Ga),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(!1),[x,w]=(0,v.useState)(!1),[T,E]=(0,v.useState)(``);(0,v.useEffect)(()=>{fetch(`/api/settings`).then(e=>e.json()).then(e=>{t(e),r(e.config.name??``),a(e.config.icon??``),s(e.config.color??``),l(e.config.switcher??[]),d(Wa(e)),p(Ka(e)),h(qa(e))}).catch(()=>E(`could not load settings`))},[]);let D=()=>{_(!0),w(!1),E(``)};async function O(){b(!0),E(``);try{let e=await fetch(`/api/settings`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({name:n,icon:i,color:o,switcher:c,git:{...u,interval:u.interval===``?void 0:Number(u.interval)},repos:f,vibeables:m})}),r=await e.json();if(!e.ok)throw Error(r.error||`save failed`);t(r),l(r.config.switcher??[]),d(Wa(r)),p(Ka(r)),h(qa(r)),_(!1),w(!0),window.dispatchEvent(new Event(`kw-meta-refresh`))}catch(e){E(e.message)}finally{b(!1)}}let k=(e,t)=>{l(n=>n.map((n,r)=>r===e?{...n,...t}:n)),D()},ee=e=>{d(t=>({...t,...e})),D()},te=e=>{p(t=>({...t,...e})),D()},A=e=>{h(t=>({...t,...e})),D()};if(!e)return(0,S.jsx)(`div`,{className:`empty`,children:T||`loading…`});let ne=[[`port`,String(e.resolved.port),`kraftwerk ui listens here (CLI --port wins)`],[`workflows`,e.resolved.workflowsRoot??`— none found`,`workflow definitions`],[`output`,e.resolved.outputDir,`run artifacts`],[`knowledge`,e.config.knowledge??`knowledge`,`OKF knowledge bundles`],[`agents`,e.config.agents??`agents`,`agent definitions`],[`skills`,e.config.skills??`skills`,`workspace skills`]];return(0,S.jsxs)(`div`,{className:`settings-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`settings`,className:`ms-lg`}),` Settings`]}),(0,S.jsx)(`span`,{className:`spacer`}),T&&(0,S.jsx)(`span`,{className:`settings-err`,children:T}),x&&!g&&(0,S.jsxs)(`span`,{className:`settings-saved`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` saved`]}),(0,S.jsx)(`button`,{className:`run-btn`,disabled:y||!g,onClick:()=>void O(),children:y?`saving…`:`save changes`})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace`})}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:90},children:[`icon`,(0,S.jsx)(`input`,{value:i,placeholder:`🤖`,onChange:e=>{a(e.target.value),D()}})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:n,placeholder:`my workspace`,onChange:e=>{r(e.target.value),D()}})]}),(0,S.jsxs)(`label`,{className:`agent-field settings-color`,style:{width:130},title:`Accent in the workspace switcher; empty = derived from the folder`,children:[`color`,(0,S.jsxs)(`span`,{className:`settings-color-row`,children:[(0,S.jsx)(`input`,{type:`color`,value:/^#[0-9a-f]{6}$/i.test(o)?o:`#888888`,onChange:e=>{s(e.target.value),D()}}),(0,S.jsx)(`input`,{value:o,placeholder:`auto`,onChange:e=>{s(e.target.value),D()}})]})]})]}),(0,S.jsx)(`div`,{className:`settings-note`,children:`Shown in the header, browser tab and to other workspaces discovering this one.`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`workspace switcher`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`button`,{className:`run-btn tonal`,onClick:()=>{l(e=>[...e,{name:``,url:`http://localhost:`}]),D()},children:[(0,S.jsx)(C,{name:`add`,className:`ms-sm`}),` add entry`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[c.length===0&&(0,S.jsx)(`div`,{className:`settings-note`,children:`No manual entries.`}),c.map((e,t)=>(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:70},children:[`icon`,(0,S.jsx)(`input`,{value:e.icon??``,placeholder:`•`,onChange:e=>k(t,{icon:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:e.name,placeholder:`other workspace`,onChange:e=>k(t,{name:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1.4},children:[`url`,(0,S.jsx)(`input`,{value:e.url,placeholder:`http://localhost:1982`,onChange:e=>k(t,{url:e.target.value})})]}),(0,S.jsx)(`button`,{className:`row-x settings-row-x`,title:`remove entry`,onClick:()=>{l(e=>e.filter((e,n)=>n!==t)),D()},children:(0,S.jsx)(C,{name:`close`,className:`ms-sm`})})]},t)),(0,S.jsx)(`div`,{className:`settings-note`,children:`Running workspaces on this machine are discovered automatically — manual entries are for remote instances or extra links.`})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`git sync`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/git`,children:[(0,S.jsx)(C,{name:`account_tree`,className:`ms-sm`}),` open git`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:u.enabled,onChange:e=>ee({enabled:e.target.checked})}),`sync workflows, knowledge, agents and skills with a git remote`]}),u.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`remote`,(0,S.jsx)(`input`,{value:u.remote,placeholder:`origin`,onChange:e=>ee({remote:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`branch`,(0,S.jsx)(`input`,{value:u.branch,placeholder:`checked-out branch`,onChange:e=>ee({branch:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:120},children:[`interval (s)`,(0,S.jsx)(`input`,{type:`number`,min:0,step:1,value:u.interval,placeholder:`300`,onChange:e=>ee({interval:e.target.value})})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:150},children:[`autosync`,(0,S.jsxs)(`select`,{value:u.autosync,onChange:e=>ee({autosync:e.target.value}),children:[(0,S.jsx)(`option`,{value:`pull`,children:`fetch and pull`}),(0,S.jsx)(`option`,{value:`off`,children:`fetch only`})]})]})]}),(0,S.jsx)(`div`,{className:`settings-note`,children:`The interval fetches in the background (0 turns the timer off); with autosync on it also fast-forwards when behind and nothing is modified locally. Commit and push stay manual on the git screen.`})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`repositories`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/repos`,children:[(0,S.jsx)(C,{name:`source`,className:`ms-sm`}),` open repositories`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:f.enabled,onChange:e=>te({enabled:e.target.checked})}),`keep git repositories the agents work on under one folder`]}),f.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`repos root`,(0,S.jsx)(`input`,{value:f.root,placeholder:`repos`,onChange:e=>te({root:e.target.value})})]})}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Relative to the project root. Saving creates the folder and adds it to .gitignore; every agent gets the list of clones as context and can add more with `,(0,S.jsx)(`code`,{children:`kraftwerk repos add`}),`.`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`vibeables`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`a`,{className:`run-btn tonal`,href:`#/vibeables`,children:[(0,S.jsx)(C,{name:`web`,className:`ms-sm`}),` open vibeables`]})]}),(0,S.jsxs)(`div`,{className:`agent-form`,children:[(0,S.jsxs)(`label`,{className:`settings-check`,children:[(0,S.jsx)(`input`,{type:`checkbox`,checked:m.enabled,onChange:e=>A({enabled:e.target.checked})}),`build small apps live in a chat, with a preview pane next to the thread`]}),m.enabled&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`div`,{className:`agent-form-row`,children:(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`vibeables root`,(0,S.jsx)(`input`,{value:m.root,placeholder:`kraftwerk-data/vibeables`,onChange:e=>A({root:e.target.value})})]})}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Relative to the project root, one folder per app. Part of the workspace: versioned with it on the git screen, not git-ignored. Every chat gets a `,(0,S.jsx)(`b`,{children:`vibeable`}),` button; the agent then works inside the app folder.`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`paths & port`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`code`,{className:`settings-file`,title:e.configPath,children:e.exists?e.configPath:`${e.configPath} (not created yet)`})]}),(0,S.jsx)(`div`,{className:`settings-kv-list`,children:ne.map(([e,t,n])=>(0,S.jsxs)(`div`,{className:`settings-kv`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:e}),(0,S.jsx)(`code`,{children:t}),(0,S.jsx)(`span`,{className:`settings-kv-hint`,children:n})]},e))}),(0,S.jsxs)(`div`,{className:`settings-note`,style:{padding:`0 18px 14px`},children:[`Read-only here — edit `,(0,S.jsx)(`code`,{children:`kraftwerk.yml`}),` directly to change these.`]})]})]})}var Ya={running:{label:`running`},stopped:{label:`stopped`},died:{label:`died`,note:`was killed or crashed`},missing:{label:`missing`,note:`folder is gone`},orphaned:{label:`orphaned`,note:`no kraftwerk.yml any more`}};function Xa(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)({}),[o,s]=(0,v.useState)({}),[c,l]=(0,v.useState)(null),u=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/projects`,{cache:`no-store`});if(e.ok){t(await e.json()),r(``);return}r(e.status===404?`This workspace runs a kraftwerk without the projects API. Update it and restart its UI.`:`Could not load the project registry (HTTP ${e.status}).`)}catch(e){r(e.message||`Could not reach this workspace's server.`)}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await u(),e&&(t=setTimeout(n,6e3))};return n(),()=>{e=!1,clearTimeout(t)}},[u]);let d=e=>e.root??e.url,f=async(e,t)=>{let n=d(e);a(e=>({...e,[n]:t})),s(e=>({...e,[n]:``})),l(null);try{let n=t===`stop`?{root:e.root,url:e.url}:{root:e.root},r=await ye(`/api/projects/${t}`,n);if(!r.ok)throw Error(r.error||`failed`);window.dispatchEvent(new Event(`kw-meta-refresh`))}catch(e){s(t=>({...t,[n]:e.message}))}finally{a(e=>{let t={...e};return delete t[n],t}),u()}},p=e?.filter(e=>e.live).length??0,m=new Map;for(let t of e??[])t.icon&&m.set(t.icon,(m.get(t.icon)??0)+1);let h=e=>!!e&&(m.get(e)??0)>1;return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`hub`,className:`ms-lg`}),` Workspaces`]}),(0,S.jsx)(`span`,{className:`spacer`}),e&&(0,S.jsxs)(`span`,{className:`settings-note`,children:[e.length,` known · `,p,` running`]}),e&&n&&(0,S.jsx)(`span`,{className:`settings-err`,children:n})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`projects on this machine`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`settings-note`,children:[`registry: `,(0,S.jsx)(`code`,{children:`~/.kraftwerk/projects`})]})]}),!e&&!n&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`loading…`}),!e&&n&&(0,S.jsxs)(`div`,{className:`ws-empty ws-load-error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,n]}),e&&e.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`No workspaces known yet.`}),e?.map(e=>{let t=d(e),n=i[t],r=!e.live&&!!e.root&&(e.exists===!1||e.hasConfig===!1);return(0,S.jsxs)(`div`,{className:`ws-row state-${e.state} ${e.current?`current`:``}`,children:[(0,S.jsx)(ve,{className:`ws-icon`,icon:e.icon,name:e.name,color:e.color,seed:e.root??e.url,ambiguous:h(e.icon)}),(0,S.jsxs)(`div`,{className:`ws-main`,children:[(0,S.jsxs)(`div`,{className:`ws-title`,children:[e.live&&!e.current?(0,S.jsx)(`a`,{href:e.url,className:`ws-name${e.named===!1?` unnamed`:``}`,children:e.name}):(0,S.jsx)(`span`,{className:`ws-name${e.named===!1?` unnamed`:``}`,children:e.name}),e.current&&(0,S.jsx)(`span`,{className:`switcher-hint`,children:`current`}),(0,S.jsxs)(`span`,{className:`ws-state ws-state-${e.state}`,children:[e.live&&(0,S.jsx)(`span`,{className:`live-dot`}),Ya[e.state].label]}),Ya[e.state].note&&(0,S.jsx)(`span`,{className:`ws-note`,children:Ya[e.state].note})]}),(0,S.jsx)(`div`,{className:`ws-root`,title:e.root,children:e.rootLabel??(0,S.jsx)(`span`,{className:`ws-dim`,children:`no root recorded (started by an older version)`})}),(0,S.jsxs)(`div`,{className:`ws-meta`,children:[e.state!==`missing`&&e.state!==`orphaned`&&(0,S.jsx)(`span`,{children:e.url.replace(/^https?:\/\//,``)}),e.counts&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`span`,{children:[e.counts.agents,` agents`]}),(0,S.jsxs)(`span`,{children:[e.counts.workflows,` workflows`]}),(0,S.jsxs)(`span`,{children:[e.counts.runs,` runs`]}),(0,S.jsxs)(`span`,{children:[e.counts.chats,` chats`]})]}),e.lastStarted&&(0,S.jsxs)(`span`,{title:e.lastStarted,children:[`started `,Te(e.lastStarted)]}),!e.live&&e.lastStopped&&(0,S.jsxs)(`span`,{title:e.lastStopped,children:[`stopped `,Te(e.lastStopped)]}),e.startCount!=null&&(0,S.jsxs)(`span`,{children:[e.startCount,`× launched`]}),e.firstSeen&&(0,S.jsxs)(`span`,{title:e.firstSeen,children:[`first seen `,Te(e.firstSeen)]})]}),o[t]&&(0,S.jsx)(`div`,{className:`settings-err`,children:o[t]})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[e.live&&!e.current&&(0,S.jsxs)(`a`,{className:`ws-btn`,href:e.url,title:`Open this workspace`,children:[(0,S.jsx)(C,{name:`open_in_new`,className:`ms-sm`}),` open`]}),!e.live&&e.root&&e.exists!==!1&&!e.dirGone&&(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!n,onClick:()=>void f(e,`start`),children:[(0,S.jsx)(C,{name:n===`start`?`progress_activity`:`play_arrow`,className:`ms-sm`}),n===`start`?`starting…`:`start`]}),e.live&&!e.current&&(0,S.jsxs)(`button`,{className:`ws-btn danger`,disabled:!!n,onClick:()=>void f(e,`stop`),children:[(0,S.jsx)(C,{name:n===`stop`?`progress_activity`:`stop`,className:`ms-sm`}),n===`stop`?`stopping…`:`stop`]}),r&&c!==t&&(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!n,title:`Drop this project from the registry (files untouched)`,onClick:()=>l(t),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),r&&c===t&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`ws-btn danger`,onClick:()=>void f(e,`forget`),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` confirm remove`]}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:()=>l(null),children:`cancel`})]})]})]},t)})]}),(0,S.jsxs)(`p`,{className:`settings-note`,children:[`Start launches `,(0,S.jsx)(`code`,{children:`kraftwerk ui`}),` detached in the project root (log in `,(0,S.jsx)(`code`,{children:`~/.kraftwerk/logs`}),`). Stop sends SIGTERM to the running server. Remove is offered only for records whose root no longer holds a `,(0,S.jsx)(`code`,{children:`kraftwerk.yml`}),` — the same from the terminal:`,` `,(0,S.jsx)(`code`,{children:`kraftwerk projects`}),`.`]})]})}function Za(e){if(e<60)return`${e}s`;let t=Math.round(e/60);if(t<60)return`${t} min`;let n=Math.floor(t/60),r=t%60;return r?`${n} h ${r} min`:`${n} h`}var Qa=[[/^(\+\+\+|---|diff |index )/,`d-meta`],[/^@@/,`d-hunk`],[/^\+/,`d-add`],[/^-/,`d-del`]],$a=e=>Qa.find(([t])=>t.test(e))?.[1]??``;function eo({file:e}){let[t,n]=(0,v.useState)(null),[r,i]=(0,v.useState)(!1),[a,o]=(0,v.useState)(``);return(0,v.useEffect)(()=>{let t=!0;return fetch(`/api/git/diff?path=${encodeURIComponent(e)}`).then(e=>e.json()).then(e=>{t&&(n(e.diff??``),i(!!e.truncated),o(e.error??``))}).catch(()=>t&&o(`could not load the diff`)),()=>{t=!1}},[e]),a?(0,S.jsx)(`div`,{className:`git-diff git-diff-error`,children:a}):t===null?(0,S.jsx)(`div`,{className:`git-diff`,children:`loading…`}):t.trim()?(0,S.jsxs)(`pre`,{className:`git-diff`,children:[t.split(`
+`).map((e,t)=>(0,S.jsxs)(`span`,{className:$a(e),children:[e||` `,`
 `]},t)),r&&(0,S.jsxs)(`span`,{className:`d-meta`,children:[`… diff truncated, see the rest in a terminal`,`
-`]})]}):(0,S.jsx)(`div`,{className:`git-diff`,children:`no textual diff (binary or empty)`})}function eo(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(new Set),[i,a]=(0,v.useState)(new Set),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(``),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(``),m=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/git`,{cache:`no-store`});e.ok&&t(await e.json())}catch{}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await m(),e&&(t=setTimeout(n,6e3))};return n(),()=>{e=!1,clearTimeout(t)}},[m]),(0,v.useEffect)(()=>{if(!e?.files)return;let t=new Set(e.files.filter(e=>e.syncable).map(e=>e.path));r(e=>{let n=new Set([...e].filter(e=>t.has(e)));return n.size===e.size?e:n})},[e]);let h=async(e,t)=>{l(e),d(``),p(``);try{let n=await ye(`/api/git/${e}`,t);n.ok?p(e===`push`?`pushed`:e===`pull`?`pulled`:`fetched`):d(n.error||`${e} failed`)}catch(t){d(t.message||`${e} failed`)}finally{l(``)}m()},g=async()=>{l(`commit`),d(``),p(``);try{let e=await ye(`/api/git/commit`,{paths:[...n],message:o});e.ok?(p(`committed ${n.size} file${n.size===1?``:`s`}`),r(new Set),s(``)):d(e.error||`commit failed`)}catch(e){d(e.message||`commit failed`)}finally{l(``)}m()};if(!e)return(0,S.jsx)(`div`,{className:`settings-screen`,children:(0,S.jsx)(`div`,{className:`ws-empty`,children:`loading…`})});if(!e.enabled)return(0,S.jsxs)(`div`,{className:`settings-screen`,children:[(0,S.jsx)(`div`,{className:`settings-head`,children:(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`cloud_sync`,className:`ms-lg`}),` Git sync`]})}),(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsxs)(`div`,{className:`ws-empty`,children:[`Git sync is off. Turn it on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),`, or add a `,(0,S.jsx)(`code`,{children:`git:`}),` block to kraftwerk.yml.`]})})]});let _=(e.files??[]).filter(e=>e.syncable),y=(e.files??[]).filter(e=>!e.syncable),b=(e,t)=>r(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r});return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`cloud_sync`,className:`ms-lg`}),` Git sync`]}),(0,S.jsx)(`span`,{className:`spacer`}),f&&(0,S.jsxs)(`span`,{className:`settings-saved`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` `,f]}),u&&(0,S.jsx)(`span`,{className:`settings-err`,children:u})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`branch`}),(0,S.jsx)(`span`,{className:`spacer`}),e.lastFetch&&(0,S.jsxs)(`span`,{className:`settings-note`,title:e.lastFetch,children:[`fetched `,Te(e.lastFetch)]}),e.lastError&&(0,S.jsxs)(`span`,{className:`settings-err git-sync-err`,title:e.lastError,children:[(0,S.jsx)(C,{name:`cloud_off`,className:`ms-sm`}),` `,e.lastError.split(`
-`)[0]]})]}),e.error?(0,S.jsxs)(`div`,{className:`ws-empty ws-load-error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,e.error]}):(0,S.jsxs)(`div`,{className:`git-head`,children:[(0,S.jsxs)(`div`,{className:`git-branch`,children:[(0,S.jsx)(C,{name:`account_tree`,className:`ms-sm`}),(0,S.jsx)(`strong`,{children:e.branch}),e.upstream?(0,S.jsxs)(`span`,{className:`settings-note`,children:[`tracking `,e.upstream]}):(0,S.jsx)(`span`,{className:`settings-note`,children:`no upstream yet, push sets one`})]}),(0,S.jsxs)(`div`,{className:`git-counts`,children:[e.diverged&&(0,S.jsx)(`span`,{className:`git-diverged`,children:`diverged, resolve in a terminal`}),!!e.behind&&(0,S.jsxs)(`span`,{className:`git-behind`,children:[e.behind,` behind`]}),!!e.ahead&&(0,S.jsxs)(`span`,{className:`git-ahead`,children:[e.ahead,` ahead`]}),!e.ahead&&!e.behind&&(0,S.jsx)(`span`,{className:`settings-note`,children:`up to date`})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!c,onClick:()=>void h(`fetch`),children:[(0,S.jsx)(C,{name:c===`fetch`?`progress_activity`:`refresh`,className:`ms-sm`}),` fetch`]}),(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!c||!e.behind||e.diverged,title:e.diverged?`Diverged. Resolve in a terminal.`:`Fast-forward to the remote`,onClick:()=>void h(`pull`),children:[(0,S.jsx)(C,{name:c===`pull`?`progress_activity`:`download`,className:`ms-sm`}),` pull`]}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!c||!e.ahead&&!!e.upstream,title:e.upstream?`Push to the upstream`:`Push and set the upstream`,onClick:()=>void h(`push`),children:[(0,S.jsx)(C,{name:c===`push`?`progress_activity`:`upload`,className:`ms-sm`}),` push`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`changes`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`settings-note`,children:_.length===0?`workspace clean`:`${n.size} of ${_.length} selected`})]}),_.length===0&&y.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`Nothing changed under the workspace paths.`}),_.map(e=>(0,S.jsxs)(`div`,{className:`git-row`,children:[(0,S.jsx)(`label`,{className:`git-pick`,children:(0,S.jsx)(`input`,{type:`checkbox`,checked:n.has(e.path),onChange:t=>b(e.path,t.target.checked)})}),(0,S.jsxs)(`button`,{className:`git-file`,onClick:()=>a(t=>{let n=new Set(t);return n.has(e.path)?n.delete(e.path):n.add(e.path),n}),children:[(0,S.jsx)(C,{name:i.has(e.path)?`expand_more`:`chevron_right`,className:`ms-sm`}),(0,S.jsx)(`span`,{className:`git-status s-${e.status}`,children:e.status}),(0,S.jsx)(`span`,{className:`git-path`,children:e.path})]}),i.has(e.path)&&(0,S.jsx)($a,{file:e.path})]},e.path)),_.length>0&&(0,S.jsxs)(`div`,{className:`git-commit`,children:[(0,S.jsx)(`input`,{className:`git-message`,placeholder:`Commit message`,value:o,onChange:e=>s(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!c&&o.trim()&&n.size>0&&g()}}),(0,S.jsx)(`button`,{className:`ws-btn`,disabled:n.size===_.length,onClick:()=>r(new Set(_.map(e=>e.path))),children:`select all`}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!c||n.size===0||!o.trim(),onClick:()=>void g(),children:[(0,S.jsx)(C,{name:c===`commit`?`progress_activity`:`check`,className:`ms-sm`}),`commit `,n.size||``]})]}),y.length>0&&(0,S.jsxs)(`details`,{className:`git-blocked`,children:[(0,S.jsxs)(`summary`,{children:[y.length,e.blockedHidden?`+`:``,` change`,y.length===1&&!e.blockedHidden?``:`s`,` outside the workspace paths`]}),y.map(e=>(0,S.jsxs)(`div`,{className:`git-row blocked`,children:[(0,S.jsx)(`span`,{className:`git-status s-blocked`,children:e.status}),(0,S.jsx)(`span`,{className:`git-path`,children:e.path}),(0,S.jsx)(`span`,{className:`settings-note`,children:e.reason})]},e.path)),!!e.blockedHidden&&(0,S.jsx)(`div`,{className:`git-row blocked`,children:(0,S.jsxs)(`span`,{className:`settings-note`,children:[`and `,e.blockedHidden,` more, not listed`]})})]})]}),(0,S.jsxs)(`p`,{className:`settings-note`,children:[`Synced paths: `,(e.scope??[]).map((e,t)=>(0,S.jsxs)(`span`,{children:[t>0&&`, `,(0,S.jsx)(`code`,{children:e})]},e)),`. Run artifacts and files like `,(0,S.jsx)(`code`,{children:`.env`}),` are never staged.`,` `,e.interval?`Fetches every ${Xa(e.interval)}${e.autosync===`pull`?` and fast-forwards when the working tree is clean`:``}. `:`Background fetching is off. `,`Commit and push are always manual.`]})]})}var to=e=>e.replace(/^https?:\/\//,``).replace(/^git@([^:]+):/,`$1/`).replace(/\.git$/,``),no=e=>e.error?{label:`unreadable`,cls:`missing`}:e.dirty?{label:`${e.dirty} changed`,cls:`died`}:e.ahead?{label:`${e.ahead} to push`,cls:`running`}:e.behind?{label:`${e.behind} behind`,cls:`stopped`}:{label:`clean`,cls:`running`},ro=e=>!!(e.error||e.dirty||e.ahead===void 0||e.ahead);function io(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)({}),[o,s]=(0,v.useState)({}),[c,l]=(0,v.useState)(null),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(``),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(``),x=P(),w=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/repos`,{cache:`no-store`});if(!e.ok)throw Error(`HTTP ${e.status}`);t(await e.json()),r(``)}catch(e){r(e.message||`could not load repositories`)}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await w(),e&&(t=setTimeout(n,15e3))};return n(),()=>{e=!1,clearTimeout(t)}},[w]);let T=async(e,t,n=!1)=>{a(n=>({...n,[e]:t})),s(t=>({...t,[e]:``})),l(null);try{let r=t===`update`?await fetch(`/api/repos/${encodeURIComponent(e)}/update`,{method:`POST`}):await fetch(`/api/repos/${encodeURIComponent(e)}${n?`?force=1`:``}`,{method:`DELETE`}),i=await r.json();if(!r.ok||!i.ok)throw Error(i.error||`failed`);i.error&&s(t=>({...t,[e]:i.error}))}catch(t){s(n=>({...n,[e]:t.message}))}finally{a(t=>{let n={...t};return delete n[e],n}),w()}},E=async e=>{if(e.preventDefault(),u.trim()&&!g){_(!0),b(``);try{let e=await fetch(`/api/repos`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({url:u.trim(),name:f.trim()||void 0,branch:m.trim()||void 0})}),t=await e.json();if(!e.ok)throw Error(t.error||`clone failed`);d(``),p(``),h(``),await w()}catch(e){b(e.message)}finally{_(!1)}}},D=[...e?.repos??[]].sort((e,t)=>(t.updatedAt??``).localeCompare(e.updatedAt??``));return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen repos-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`source`,className:`ms-lg`}),` Repositories`]}),(0,S.jsx)(`span`,{className:`spacer`}),e?.enabled&&(0,S.jsxs)(`span`,{className:`settings-note`,children:[D.length,` cloned`]}),n&&(0,S.jsx)(`span`,{className:`settings-err`,children:n})]}),e&&!e.enabled&&(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsx)(`div`,{className:`ws-empty`,children:e.error&&!/are off/.test(e.error)?(0,S.jsx)(`span`,{className:`settings-err`,children:e.error}):(0,S.jsxs)(S.Fragment,{children:[`Repositories are off. Turn them on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),` or add a `,(0,S.jsx)(`code`,{children:`repos:`}),` block to kraftwerk.yml.`]})})}),e?.enabled&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`add a repository`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`settings-note`,children:[`clones into `,(0,S.jsx)(`code`,{title:e.root,children:e.root})]})]}),(0,S.jsxs)(`form`,{className:`agent-form`,onSubmit:e=>void E(e),children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:2},children:[`url`,(0,S.jsx)(`input`,{value:u,placeholder:`https://github.com/org/repo.git, git@host:org/repo.git or github:org/repo`,onChange:e=>d(e.target.value),autoFocus:!0})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:f,placeholder:`from the url`,onChange:e=>p(e.target.value)})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`branch`,(0,S.jsx)(`input`,{value:m,placeholder:`default`,onChange:e=>h(e.target.value)})]}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,type:`submit`,disabled:g||!u.trim(),children:[(0,S.jsx)(C,{name:g?`progress_activity`:`download`,className:`ms-sm`}),g?`cloning…`:`clone`]})]}),y&&(0,S.jsx)(`div`,{className:`settings-err`,children:y}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Uses your own git credentials and never prompts: a private remote must already work from a terminal. Agents see every clone here and can add more with `,(0,S.jsx)(`code`,{children:`kraftwerk repos add`}),`.`]})]})]}),e?.enabled&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`cloned repositories · newest change first`})}),D.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`Nothing cloned yet.`}),D.map(e=>{let t=i[e.slug],n=no(e);return(0,S.jsxs)(`div`,{className:`ws-row repo-row state-${n.cls}`,"data-repo":e.slug,children:[(0,S.jsx)(`span`,{className:`switcher-icon ws-icon`,children:(0,S.jsx)(C,{name:`folder_data`})}),(0,S.jsxs)(`div`,{className:`ws-main`,children:[(0,S.jsxs)(`div`,{className:`ws-title`,children:[(0,S.jsx)(`span`,{className:`ws-name`,children:e.slug}),e.branch&&(0,S.jsx)(`span`,{className:`repo-branch`,children:e.branch}),(0,S.jsx)(`span`,{className:`ws-state ws-state-${n.cls}`,children:n.label}),e.updatedAt&&(0,S.jsxs)(`span`,{className:`vibeable-when`,title:e.updatedAt,children:[`changed `,Te(e.updatedAt)]})]}),e.url&&(0,S.jsx)(`div`,{className:`ws-root`,title:e.url,children:to(e.url)}),x&&(0,S.jsx)(`div`,{className:`ws-root ws-dim`,title:e.path,children:e.path}),(0,S.jsxs)(`div`,{className:`ws-meta`,children:[e.head&&(0,S.jsxs)(`span`,{title:e.committedAt,children:[(0,S.jsx)(`code`,{children:e.head}),` `,e.subject,e.committedAt?` · ${Te(e.committedAt)}`:``]}),!!e.behind&&!!e.dirty&&(0,S.jsxs)(`span`,{children:[`behind by `,e.behind]}),e.error&&(0,S.jsx)(`span`,{className:`settings-err`,children:e.error})]}),o[e.slug]&&(0,S.jsx)(`div`,{className:`settings-err`,children:o[e.slug]})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!t,onClick:()=>void T(e.slug,`update`),title:`git fetch, then fast-forward when clean`,children:[(0,S.jsx)(C,{name:t===`update`?`progress_activity`:`sync`,className:`ms-sm`}),t===`update`?`updating…`:`update`]}),c!==e.slug&&(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!t,onClick:()=>l(e.slug),title:`Delete the clone`,children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),c===e.slug&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`ws-btn danger`,onClick:()=>void T(e.slug,`remove`,ro(e)),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),e.dirty||e.ahead?`delete with local changes`:ro(e)?`delete anyway`:`confirm remove`]}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:()=>l(null),children:`cancel`})]})]})]},e.slug)})]})]})}var ao=40,oo=/Mac|iPhone|iPad/.test(navigator.platform),so=null,G=e=>(e?.workspaces??[]).flatMap(e=>[...e.agents.map(t=>({kind:`agent`,agent:t,ws:e,key:`${e.url}|agent|${t.slug}`})),...(e.channels??[]).map(t=>({kind:`channel`,channel:t,ws:e,key:`${e.url}|channel|${t.slug}`}))]),K=e=>e.kind===`agent`?e.agent.name:e.channel.name,co=e=>e.kind===`agent`?e.agent.description:e.channel.purpose,lo=e=>e.kind===`agent`?`/agents/${encodeURIComponent(e.agent.slug)}`:`/channels/${encodeURIComponent(e.channel.slug)}`;function uo(e,t){let n=t.toLowerCase().split(/\s+/).filter(Boolean);if(n.length===0)return e;let r=[],i=new Map;for(let t of e){i.has(t.ws)||i.set(t.ws,i.size);let e=K(t).toLowerCase(),a=[e,...t.kind===`agent`?[t.agent.slug,t.agent.description??``,t.agent.group??``,`agent`]:[t.channel.slug,t.channel.purpose??``,`channel`],t.ws.name].join(` `).toLowerCase();if(!n.every(e=>a.includes(e)))continue;let o=e.startsWith(n[0])?0:e.includes(n[0])?1:2;r.push({hit:t,score:o,ws:i.get(t.ws)})}return r.sort((e,t)=>e.ws-t.ws||e.score-t.score).map(e=>e.hit)}function fo(e){let t=[];for(let n of e){let e=t.find(e=>e.ws===n.ws);e?e.hits.push(n):t.push({ws:n.ws,hits:[n]})}return t}async function po(e){let t=lo(e);if(e.ws.current)return A(t);let n=e.ws.live||!e.ws.root?e.ws.url:await ne(e.ws.root);window.location.assign(`${n.replace(/\/+$/,``)}/#${t}`)}function mo(){let[e,t]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey&&e.key.toLowerCase()===`k`&&(e.preventDefault(),t(e=>!e))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{type:`button`,className:`search-btn`,onClick:()=>t(!0),title:`jump to an agent or channel`,"aria-label":`search`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:oo?`⌘K`:`Ctrl K`})]}),e&&(0,S.jsx)(ho,{onClose:()=>t(!1)})]})}function ho({onClose:e}){let[t,n]=(0,v.useState)(so),[r,i]=(0,v.useState)(so===null),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(``),[l,u]=(0,v.useState)(0),[d,f]=(0,v.useState)(null),[p,m]=(0,v.useState)(``),h=(0,v.useRef)(null);(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/search/agents`,{cache:`no-store`}).then(e=>e.ok?e.json():Promise.reject(Error(String(e.status)))).then(t=>{so=t,e&&n(t)}).catch(()=>e&&o(!0)).finally(()=>e&&i(!1)),()=>{e=!1}},[]);let g=(0,v.useMemo)(()=>G(t),[t]),_=(0,v.useMemo)(()=>uo(g,s).slice(0,ao),[g,s]),y=(0,v.useMemo)(()=>fo(_),[_]),b=Math.min(l,Math.max(_.length-1,0));(0,v.useEffect)(()=>{h.current?.querySelector(`[aria-selected="true"]`)?.scrollIntoView({block:`nearest`})},[b,_]);let x=t=>{if(!d){if(t.ws.current||t.ws.live){e(),po(t);return}f(t.key),m(``),po(t).catch(e=>{f(null),m(`${t.ws.name}: ${e.message}`)})}},w=t=>{if(t.key===`ArrowDown`)t.preventDefault(),u(_.length?(b+1)%_.length:0);else if(t.key===`ArrowUp`)t.preventDefault(),u(_.length?(b-1+_.length)%_.length:0);else if(t.key===`Enter`){t.preventDefault();let e=_[b];e&&x(e)}else t.key===`Escape`&&(t.preventDefault(),e())},T;if(_.length>0){let e=-1;T=(0,S.jsx)(`ul`,{className:`palette-list`,role:`listbox`,"aria-label":`agents and channels`,ref:h,children:y.map(t=>(0,S.jsxs)(v.Fragment,{children:[(0,S.jsxs)(`li`,{className:`palette-group`,role:`presentation`,title:t.ws.current?`this workspace`:t.ws.url,children:[t.ws.icon&&(0,S.jsx)(`span`,{"aria-hidden":!0,children:t.ws.icon}),(0,S.jsx)(`span`,{className:`palette-group-name`,children:t.ws.name}),t.ws.current?(0,S.jsx)(`span`,{className:`palette-group-note`,children:`this workspace`}):t.ws.live?(0,S.jsx)(C,{name:`open_in_new`,className:`ms-sm`}):(0,S.jsx)(`span`,{className:`palette-chip`,children:`stopped`})]}),t.hits.map(t=>{let n=++e;return(0,S.jsxs)(`li`,{role:`option`,"aria-selected":n===b,className:`palette-item${n===b?` active`:``}`,onMouseMove:()=>n!==b&&u(n),onClick:()=>x(t),children:[(0,S.jsx)(`span`,{className:`palette-emoji`,"aria-hidden":!0,children:t.kind===`agent`?t.agent.emoji:(0,S.jsx)(C,{name:`forum`})}),(0,S.jsxs)(`span`,{className:`palette-text`,children:[(0,S.jsx)(`span`,{className:`palette-name`,children:K(t)}),co(t)&&(0,S.jsx)(`span`,{className:`palette-sub`,children:co(t)})]}),d===t.key?(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}):t.kind===`channel`&&(0,S.jsx)(`span`,{className:`palette-chip`,children:`channel`})]},t.key)})]},t.ws.url||t.ws.name))})}else T=a?(0,S.jsx)(`div`,{className:`palette-empty`,children:`could not load the agents and channels`}):r?(0,S.jsx)(`div`,{className:`palette-empty`,children:`looking for agents and channels…`}):g.length===0?(0,S.jsxs)(`div`,{className:`palette-empty`,children:[`no agents yet — `,(0,S.jsx)(`a`,{href:`#/agents/new`,onClick:e,children:`create one`})]}):(0,S.jsxs)(`div`,{className:`palette-empty`,children:[`no agent or channel matches “`,s,`”`]});return(0,S.jsx)(`div`,{className:`palette-backdrop`,onMouseDown:e,children:(0,S.jsxs)(`div`,{className:`palette`,role:`dialog`,"aria-label":`jump to an agent or channel`,onMouseDown:e=>e.stopPropagation(),onKeyDown:w,children:[(0,S.jsxs)(`div`,{className:`palette-input`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`input`,{autoFocus:!0,value:s,onChange:e=>{c(e.target.value),u(0)},placeholder:`jump to an agent or channel…`,"aria-label":`search`,autoComplete:`off`,spellCheck:!1}),r&&t&&(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:`esc`})]}),T,(0,S.jsxs)(`div`,{className:`palette-foot`,children:[(0,S.jsxs)(`span`,{children:[(0,S.jsx)(`kbd`,{className:`kbd`,children:`↑`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:`↓`}),` move`]}),(0,S.jsxs)(`span`,{children:[(0,S.jsx)(`kbd`,{className:`kbd`,children:`↵`}),` open`]}),d&&(0,S.jsxs)(`span`,{className:`palette-note`,children:[(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}),` starting the workspace…`]}),p&&(0,S.jsxs)(`span`,{className:`palette-warn`,title:p,children:[(0,S.jsx)(C,{name:`warning`,className:`ms-sm`}),` `,p]})]})]})})}var go=`modulepreload`,_o=function(e){return`/`+e},vo={},yo=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=_o(t,n),t=s(t),t in vo)return;vo[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:go,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},bo=(0,v.lazy)(()=>yo(()=>import(`./editor-DJbeG376.js`).then(e=>({default:e.EditorScreen})),__vite__mapDeps([0,1,2,3,4,5,6])));function xo(){let[e,t=``]=w().split(`?`),n=e.split(`/`).filter(Boolean),r=new URLSearchParams(t).get(`workflow`)??void 0,[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(``),[u,d]=(0,v.useState)(!0),[f,p]=(0,v.useState)(``),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(!1),[x,T]=(0,v.useState)(!1),[E,D]=(0,v.useState)([]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{try{let t=await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json());if(!e)return;a(t.projectName??``),s(t.projectIcon??``),l(t.projectColor??``),d(t.projectNamed!==!1),p(t.projectRootLabel??``),h(t.projectRoot??``),_(!!t.git),b(!!t.repos),T(!!t.vibeables),F({git:!!t.git,repos:!!t.repos,vibeables:!!t.vibeables}),D(Array.isArray(t.switcher)?t.switcher:[])}catch{}e&&(t=setTimeout(n,3e4))};n();let r=()=>{clearTimeout(t),n()};return window.addEventListener(`kw-meta-refresh`,r),()=>{e=!1,clearTimeout(t),window.removeEventListener(`kw-meta-refresh`,r)}},[]),(0,v.useEffect)(()=>{if(ee(i?`${i} — kraftwerk`:`kraftwerk inspector`),!o)return;let e=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="0.9em" font-size="85">${o}</text></svg>`,t=document.querySelector(`link[rel="icon"]`);t||(t=document.createElement(`link`),t.rel=`icon`,document.head.appendChild(t)),t.href=`data:image/svg+xml,${encodeURIComponent(e)}`},[i,o]);let O;if(O=n[0]===`runs`&&n[1]?(0,S.jsx)(bi,{id:n[1],workflow:r}):n[0]===`runs`?(0,S.jsx)(ko,{}):n[0]===`workflows`&&n[1]?(0,S.jsx)(Wi,{slug:decodeURIComponent(n[1])}):n[0]===`workflows`?(0,S.jsx)(Hi,{}):n[0]===`chats`?(0,S.jsx)(ka,{seg:n}):n[0]===`skills`?(0,S.jsx)(wa,{name:n[1]?decodeURIComponent(n[1]):void 0}):n[0]===`settings`?(0,S.jsx)(qa,{}):n[0]===`workspaces`?(0,S.jsx)(Ya,{}):n[0]===`git`?(0,S.jsx)(eo,{}):n[0]===`repos`?(0,S.jsx)(io,{}):n[0]===`vibeables`?(0,S.jsx)(Wr,{slug:n[1]?decodeURIComponent(n[1]):void 0}):n[0]===`agents`||n[0]===`team`?(0,S.jsx)(ka,{seg:n.slice(1)}):n[0]===`channels`?(0,S.jsx)(Gr,{seg:n.slice(1)}):n[0]===`knowledge`?(0,S.jsx)(da,{bundle:n[1]?decodeURIComponent(n[1]):void 0,conceptId:n.length>2?n.slice(2).map(decodeURIComponent).join(`/`):void 0}):(0,S.jsx)($i,{}),n[0]===`edit`&&n[1]&&n.length>2)return(0,S.jsx)(v.Suspense,{fallback:(0,S.jsx)(`div`,{className:`empty`,children:`loading editor…`}),children:(0,S.jsx)(bo,{bundle:decodeURIComponent(n[1]),conceptId:n.slice(2).map(decodeURIComponent).join(`/`)},n.slice(1).join(`/`))});let k=(...e)=>e.includes(n[0]??``)?`active`:``;return(0,v.useEffect)(()=>{let e=document.documentElement,t=m||i,n=t?ge(ce(c,t)):null;if(!n){delete e.dataset.wsAccent;return}for(let[t,r]of Object.entries(n))e.style.setProperty(t,r);e.dataset.wsAccent=``},[c,m,i]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`header`,{className:`topbar`,style:{"--ws-c":ce(c,m||i)},children:[(0,S.jsxs)(`span`,{className:`wordmark`,children:[(0,S.jsx)(`a`,{href:`#/`,className:`home-link`,title:`Dashboard`,children:i?(0,S.jsx)(ve,{className:`home-tile`,icon:o,name:i,color:c,seed:m||i}):(0,S.jsx)(C,{name:`home`})}),i&&(0,S.jsx)(Oo,{name:i,icon:o,color:c,named:u,root:f,seed:m||i,entries:E})]}),(0,S.jsxs)(`nav`,{children:[(0,S.jsxs)(`a`,{href:`#/channels`,className:k(`channels`),children:[(0,S.jsx)(C,{name:`forum`}),` channels`]}),(0,S.jsxs)(`a`,{href:`#/agents`,className:k(`agents`,`team`,`chats`),children:[(0,S.jsx)(C,{name:`groups`}),` agents`]}),(0,S.jsxs)(`a`,{href:`#/workflows`,className:k(`workflows`,`runs`),children:[(0,S.jsx)(C,{name:`account_tree`}),` workflows`]}),(0,S.jsxs)(`a`,{href:`#/knowledge`,className:k(`knowledge`),children:[(0,S.jsx)(C,{name:`menu_book`}),` knowledge`]}),(0,S.jsxs)(`a`,{href:`#/skills`,className:k(`skills`)+` nav-expert`,children:[(0,S.jsx)(C,{name:`extension`}),` skills`]}),y&&(0,S.jsxs)(`a`,{href:`#/repos`,className:k(`repos`)+` nav-expert`,children:[(0,S.jsx)(C,{name:`source`}),` repositories`]}),x&&(0,S.jsxs)(`a`,{href:`#/vibeables`,className:k(`vibeables`),children:[(0,S.jsx)(C,{name:`web`}),` vibeables`]}),g&&(0,S.jsx)(So,{active:n[0]===`git`})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(mo,{}),(0,S.jsx)(Io,{}),(0,S.jsx)(Mo,{}),(0,S.jsx)(No,{}),(0,S.jsx)(Lo,{})]}),(0,S.jsx)(`main`,{className:`shell`,children:O})]})}function So({active:e}){let t=z(`/api/git`,!1,15e3),n=t?.files?.filter(e=>e.syncable).length??0;return(0,S.jsxs)(`a`,{href:`#/git`,className:e?`nav-expert active`:`nav-expert`,children:[(0,S.jsx)(C,{name:`cloud_sync`}),` git`,!!t?.behind&&(0,S.jsxs)(`span`,{className:`git-badge behind`,children:[t.behind,`↓`]}),!!t?.ahead&&(0,S.jsxs)(`span`,{className:`git-badge ahead`,children:[t.ahead,`↑`]}),!t?.ahead&&!t?.behind&&!!n&&(0,S.jsx)(`span`,{className:`git-badge dirty`,children:n})]})}function Co(e){try{let t=new URL(e);return t.hostname===`localhost`||t.hostname===`127.0.0.1`?`:${t.port||(t.protocol===`https:`?443:80)}`:t.host}catch{return e.replace(/^https?:\/\//,``)}}function wo({label:e}){return e?(0,S.jsx)(`span`,{className:`switcher-root`,title:e,children:(0,S.jsx)(`span`,{dir:`ltr`,children:e})}):null}function To({name:e,named:t}){let n=t===!1;return(0,S.jsx)(`span`,{className:`switcher-name${n?` unnamed`:``}`,title:n?`${e} — folder name; set name: in kraftwerk.yml`:e,children:e})}function Eo({entry:e,ambiguous:t}){let[n,r]=(0,v.useState)(`idle`),[i,a]=(0,v.useState)(``),o=e.exists===!1,s=async()=>{r(`starting`),a(``);try{window.location.assign(await ne(e.root))}catch(e){r(`error`),a(e.message)}};return(0,S.jsxs)(`span`,{className:`switcher-item stopped ${o?`missing`:``}`,role:`menuitem`,style:{"--ws-c":ce(e.color,e.root??e.url)},children:[(0,S.jsx)(ve,{icon:e.icon,name:e.name,color:e.color,seed:e.root??e.url,ambiguous:t}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(To,{name:e.name,named:e.named}),n===`error`?(0,S.jsx)(`span`,{className:`switcher-sub switcher-err`,title:i,children:i}):o?(0,S.jsx)(`span`,{className:`switcher-sub`,children:`folder missing`}):(0,S.jsx)(wo,{label:e.rootLabel})]}),(0,S.jsxs)(`span`,{className:`switcher-side`,children:[(0,S.jsx)(`span`,{className:`switcher-port`,children:Co(e.url)}),(0,S.jsxs)(`button`,{className:`switcher-start`,disabled:o||n===`starting`,title:o?`The project folder no longer exists`:`Start the UI for this project`,onClick:e=>{e.stopPropagation(),s()},children:[n===`starting`?(0,S.jsx)(C,{name:`progress_activity`}):(0,S.jsx)(C,{name:`play_arrow`}),n===`starting`?`starting`:`start`]})]})]})}function Do({entry:e,ambiguous:t}){let n=e.root??e.url;return(0,S.jsxs)(`a`,{className:`switcher-item${e.live?` live`:``}`,role:`menuitem`,href:e.url,style:{"--ws-c":ce(e.color,n)},children:[(0,S.jsx)(ve,{icon:e.icon,name:e.name,color:e.color,seed:n,ambiguous:t}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(To,{name:e.name,named:e.named}),(0,S.jsx)(wo,{label:e.rootLabel??(e.root?void 0:e.url.replace(/^https?:\/\//,``))})]}),(0,S.jsx)(`span`,{className:`switcher-side`,children:(0,S.jsxs)(`span`,{className:`switcher-port`,children:[e.live&&(0,S.jsx)(`span`,{className:`live-dot`,title:`running`}),Co(e.url)]})})]})}function Oo({name:e,icon:t,color:n,named:r,root:i,seed:a,entries:o}){let[s,c]=(0,v.useState)(!1),l=P();if((0,v.useEffect)(()=>{if(!s)return;let e=e=>{e.target.closest(`.switcher-wrap`)||c(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[s]),o.length===0)return(0,S.jsx)(`span`,{className:`env-name`,title:i||`Project (kraftwerk.yml: name)`,children:e});let u=new Map;for(let e of[t,...o.map(e=>e.icon)])e&&u.set(e,(u.get(e)??0)+1);let d=e=>!!e&&(u.get(e)??0)>1,f=[{key:`running`,label:`running`,items:o.filter(e=>e.live===!0)},{key:`stopped`,label:`stopped`,items:o.filter(e=>e.live===!1)},{key:`linked`,label:`linked`,items:o.filter(e=>e.live===void 0)}].filter(e=>e.items.length>0),p=a||e;return(0,S.jsxs)(`span`,{className:`switcher-wrap`,children:[(0,S.jsxs)(`button`,{className:`env-name env-switch`,title:i?`${i} — switch workspace`:`Switch workspace`,"aria-haspopup":`menu`,"aria-expanded":s,onClick:()=>c(e=>!e),children:[e,(0,S.jsx)(C,{name:`expand_more`})]}),s&&(0,S.jsxs)(`div`,{className:`switcher-pop`,role:`menu`,children:[(0,S.jsx)(`div`,{className:`switcher-head`,children:`Workspaces`}),(0,S.jsxs)(`span`,{className:`switcher-item current`,"aria-current":`true`,style:{"--ws-c":ce(n,p)},children:[(0,S.jsx)(ve,{icon:t,name:e,color:n,seed:p,ambiguous:d(t)}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(To,{name:e,named:r}),i?(0,S.jsx)(wo,{label:i}):(0,S.jsx)(`span`,{className:`switcher-sub`,children:`this workspace`})]}),(0,S.jsx)(`span`,{className:`switcher-side`,children:(0,S.jsx)(C,{name:`check`,className:`switcher-check`})})]}),f.map(e=>(0,S.jsxs)(`div`,{className:`switcher-group switcher-group-${e.key}`,role:`group`,"aria-label":e.label,children:[(0,S.jsx)(`div`,{className:`switcher-group-head`,children:e.label}),e.items.map(e=>e.live===!1&&e.root?(0,S.jsx)(Eo,{entry:e,ambiguous:d(e.icon)},e.root):(0,S.jsx)(Do,{entry:e,ambiguous:d(e.icon)},e.root??e.url))]},e.key)),l&&(0,S.jsxs)(`a`,{className:`switcher-foot`,href:`#/workspaces`,role:`menuitem`,onClick:()=>c(!1),children:[(0,S.jsx)(C,{name:`hub`}),` manage workspaces`]})]})]})}function ko(){let[e,t]=(0,v.useState)(null);return(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/runs`).then(e=>e.json()).then(n=>{e&&(n.runs.length>0?A(`/runs/${n.runs[0].id}`,{replace:!0}):t({outputDir:n.outputDir}))}).catch(()=>{}),()=>{e=!1}},[]),e?(0,S.jsxs)(`div`,{className:`empty`,children:[`No runs found in `,(0,S.jsx)(`code`,{children:e.outputDir}),`. Start one from the`,` `,(0,S.jsx)(`a`,{href:`#/workflows`,children:`workflows`}),` list or with `,(0,S.jsx)(`code`,{children:`kraftwerk run <workflow> [request]`}),`.`]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}async function Ao(e){await fetch(`/api/restart`,{method:`POST`}).catch(()=>{});for(let t=0;t<60;t++){await new Promise(e=>setTimeout(e,500));try{if((await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json())).version===e)break}catch{}}location.reload()}var jo=`kw-version-changed`;function Mo(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(!1);(0,v.useEffect)(()=>{let e=!0,n,r=async()=>{clearTimeout(n);try{let n=await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json());e&&t(n)}catch{}e&&(n=setTimeout(r,3e4))};r();let i=()=>void r();return window.addEventListener(jo,i),()=>{e=!1,clearTimeout(n),window.removeEventListener(jo,i)}},[]);let i=e?.restartable&&e.diskVersion&&e.diskVersion!==e.version?e.diskVersion:null;async function a(){i&&(r(!0),await Ao(i))}return!i&&!n?null:(0,S.jsx)(`button`,{className:`relaunch-note`,disabled:n,title:`v${i} is installed on disk, the server still runs v${e?.version}. Click to relaunch with the new version.`,onClick:()=>void a(),children:n?`relaunching…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`restart_alt`,className:`ms-sm`}),` v`,i,` ready — relaunch`]})})}function No(){let e=P();return(0,S.jsxs)(`button`,{className:`expert-toggle ${e?`on`:``}`,title:e?`Expert mode on — full detail`:`Expert mode off — simplified view`,"aria-pressed":e,onClick:()=>ie(!e),children:[(0,S.jsx)(`span`,{className:`expert-track`,children:(0,S.jsx)(`span`,{className:`expert-knob`})}),`expert`]})}var Po={approval:`gavel`,routine_done:`schedule`,routine_failed:`schedule`,run_done:`account_tree`,run_failed:`account_tree`},Fo=`kw.notif.toast.dismissed`;function Io(){let[e,t]=(0,v.useState)(!1),n=z(`/api/notifications`,!1,5e3),[r,i]=(0,v.useState)(()=>typeof Notification>`u`?`unsupported`:Notification.permission),[a,o]=(0,v.useState)(()=>{try{return localStorage.getItem(Fo)===`1`}catch{return!1}}),s=(0,v.useRef)(null),[c,l]=(0,v.useState)(null),[u,d]=(0,v.useState)(null);(0,v.useEffect)(()=>l(null),[n]);let f=c??n,p=f?.items??[],m=f?.unread??0;(0,v.useEffect)(()=>k(m),[m]),(0,v.useEffect)(()=>{if(n){if(!s.current){s.current=new Set(p.map(e=>e.id));return}for(let e of p)if(!s.current.has(e.id)&&(s.current.add(e.id),!(e.readAt||r!==`granted`)&&(document.hidden||location.hash!==`#${e.href}`)))try{let t=new Notification(e.title,{body:e.body,tag:e.id});t.onclick=()=>{window.focus(),g(e),t.close()}}catch{}}},[n]),(0,v.useEffect)(()=>{if(!e)return;let n=e=>{e.target.closest(`.notif-wrap`)||t(!1)};return window.addEventListener(`mousedown`,n),()=>window.removeEventListener(`mousedown`,n)},[e]);async function h(e,t){try{let n=await fetch(e,{method:e.endsWith(`/notifications`)?`DELETE`:`POST`,headers:{"content-type":`application/json`},body:t===void 0?void 0:JSON.stringify(t)});if(!n.ok)return;let r=await n.json();l(`items`in r?r:{items:[],unread:0})}catch{}}function g(e){t(!1),e.readAt||h(`/api/notifications/read`,{ids:[e.id]}),A(e.href)}async function _(e){d(e.id);try{let n=await(await fetch(`/api/notifications/${encodeURIComponent(e.id)}/diagnose`,{method:`POST`})).json();n.href?(t(!1),A(n.href)):n.error&&alert(n.error)}catch{}d(null)}async function y(){typeof Notification>`u`||i(await Notification.requestPermission())}function b(){o(!0);try{localStorage.setItem(Fo,`1`)}catch{}}let x=r==="default"&&!a;return(0,S.jsxs)(`span`,{className:`notif-wrap`,children:[(0,S.jsxs)(`button`,{className:`info-btn notif-btn ${m?`has-unread`:``}`,title:m?`${m} item${m===1?``:`s`} need your attention`:`Notifications`,"aria-label":`Notifications`,onClick:()=>t(e=>!e),children:[(0,S.jsx)(C,{name:m?`notifications_active`:`notifications`}),m>0&&(0,S.jsx)(`span`,{className:`notif-badge`,children:m>99?`99+`:m})]}),e&&(0,S.jsxs)(`div`,{className:`info-pop notif-pop`,role:`menu`,children:[(0,S.jsxs)(`div`,{className:`notif-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`notifications`}),(0,S.jsx)(`span`,{className:`spacer`}),m>0&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void h(`/api/notifications/read`),children:`mark all read`}),p.length>0&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void h(`/api/notifications`),children:`clear`})]}),x&&(0,S.jsxs)(`div`,{className:`notif-hint`,children:[(0,S.jsx)(`span`,{children:`Get a system notification when something needs you, even with this tab in the background.`}),(0,S.jsxs)(`span`,{className:`notif-hint-actions`,children:[(0,S.jsx)(`button`,{className:`ws-btn primary`,onClick:()=>void y(),children:`enable`}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:b,children:`not now`})]})]}),r===`denied`&&(0,S.jsx)(`div`,{className:`notif-hint muted`,children:`Browser notifications are blocked for this site — allow them in the address bar to get system alerts.`}),p.length===0?(0,S.jsx)(`div`,{className:`notif-empty`,children:`nothing needs you right now`}):(0,S.jsx)(`div`,{className:`notif-list`,children:p.slice(0,50).map(e=>(0,S.jsxs)(`div`,{className:`notif-row ${e.readAt?``:`unread`} ${e.kind}`,role:`button`,tabIndex:0,onClick:()=>g(e),onKeyDown:t=>{t.key===`Enter`&&g(e)},children:[(0,S.jsx)(`span`,{className:`notif-ico`,children:(0,S.jsx)(C,{name:Po[e.kind]})}),(0,S.jsxs)(`span`,{className:`notif-body`,children:[(0,S.jsx)(`span`,{className:`notif-title`,children:e.title}),e.body&&(0,S.jsx)(`span`,{className:`notif-sub`,children:e.body}),e.diagnose&&(0,S.jsx)(`span`,{className:`notif-actions`,children:(0,S.jsxs)(`button`,{className:`ws-btn notif-diagnose`,disabled:u===e.id,title:`Open a chat that finds the cause and proposes the fix`,onClick:t=>{t.stopPropagation(),_(e)},children:[(0,S.jsx)(C,{name:u===e.id?`progress_activity`:`troubleshoot`,className:`ms-sm`}),u===e.id?`starting…`:`diagnose`]})})]}),(0,S.jsx)(`span`,{className:`notif-when num`,children:Te(e.at)})]},e.id))})]})]})}function Lo(){let[e,t]=(0,v.useState)(!1),[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(null),[o,s]=(0,v.useState)(``);(0,v.useEffect)(()=>{if(!e)return;fetch(`/api/runs`).then(e=>e.json()).then(r).catch(()=>{}),fetch(`/api/workflows`).then(e=>e.json()).then(a).catch(()=>{}),fetch(`/api/meta`).then(e=>e.json()).then(e=>s(e.version)).catch(()=>{});let n=e=>{e.target.closest(`.info-wrap`)||t(!1)};return window.addEventListener(`mousedown`,n),()=>window.removeEventListener(`mousedown`,n)},[e]);let c=n?.runs[0];return(0,S.jsxs)(`span`,{className:`info-wrap`,children:[(0,S.jsx)(`button`,{className:`info-btn`,title:`Project info`,"aria-label":`Project info`,onClick:()=>t(e=>!e),children:(0,S.jsx)(C,{name:`info`})}),e&&(0,S.jsxs)(`div`,{className:`info-pop`,children:[(0,S.jsxs)(`div`,{className:`info-row`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Workflows`}),(0,S.jsx)(`span`,{className:`info-v`,children:i?`${i.workflows.length} discovered`:`…`}),(0,S.jsx)(`code`,{className:`info-path`,title:i?.root,children:i?.root??``})]}),(0,S.jsxs)(`div`,{className:`info-row`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Runs`}),(0,S.jsxs)(`span`,{className:`info-v`,children:[n?`${n.runs.length} total`:`…`,c?` · latest ${c.status}`:``]}),(0,S.jsx)(`code`,{className:`info-path`,title:n?.outputDir,children:n?.outputDir??``})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Workspace`}),(0,S.jsxs)(`a`,{className:`update-btn`,href:`#/settings`,onClick:()=>t(!1),children:[(0,S.jsx)(C,{name:`settings`,className:`ms-sm`}),` settings`]})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Theme`}),(0,S.jsx)(Bo,{})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Version`}),(0,S.jsx)(`span`,{className:`info-v mono`,children:o?`kraftwerk ${o}`:`…`}),(0,S.jsx)(zo,{})]})]})]})}function Ro(e,t){let n=e.split(`.`).map(Number),r=t.split(`.`).map(Number);for(let e=0;e<3;e++)if((n[e]??0)!==(r[e]??0))return(n[e]??0)<(r[e]??0);return!1}function zo(){let[e,t]=(0,v.useState)(`idle`),[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(null),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(!1);async function u(){t(`busy`);try{let e=await fetch(`/api/update-check`,{cache:`no-store`}),n=await e.json();if(!e.ok||!n.latest)throw Error();r(n),t(`done`)}catch{t(`err`)}}let d=i?.state===`running`;(0,v.useEffect)(()=>{if(!d)return;let e=!0,t=setInterval(async()=>{try{let t=await fetch(`/api/update`,{cache:`no-store`}).then(e=>e.json());if(!e)return;a(t),t.state!==`running`&&window.dispatchEvent(new Event(jo))}catch{}},1e3);return()=>{e=!1,clearInterval(t)}},[d]);async function f(){if(!n)return;s(``);let e=await fetch(`/api/update`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({version:n.latest})}),t=await e.json();e.ok?a(t):s(t.error??`update refused`)}if(i&&i.state!==`idle`&&n){let e=i.log[i.log.length-1]??``;return i.state===`running`?(0,S.jsxs)(`span`,{className:`update-result update-progress`,children:[(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm ms-spin`}),` installing v`,n.latest,`…`,e&&(0,S.jsx)(`code`,{className:`update-log`,title:i.log.join(`
-`),children:e})]}):i.state===`done`?(0,S.jsxs)(`span`,{className:`update-result newer`,children:[`v`,n.latest,` installed —`,` `,i.restartable?(0,S.jsxs)(`button`,{className:`update-btn`,disabled:c,onClick:()=>{l(!0),Ao(n.latest)},children:[(0,S.jsx)(C,{name:`restart_alt`,className:`ms-sm`}),` `,c?`relaunching…`:`relaunch`]}):(0,S.jsxs)(S.Fragment,{children:[`restart `,(0,S.jsx)(`code`,{children:`kraftwerk ui`}),` to use it`]})]}):(0,S.jsxs)(`span`,{className:`update-result update-failed`,title:i.log.join(`
-`),children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` install failed`,e?` — ${e}`:``,` · `,(0,S.jsxs)(`code`,{children:[`npm i -g `,n.name,`@latest`]})]})}return e===`done`&&n?Ro(n.current,n.latest)?(0,S.jsxs)(`span`,{className:`update-result newer`,children:[`v`,n.latest,` available —`,` `,o?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`span`,{className:`update-refused`,title:o,children:o}),` · `,(0,S.jsxs)(`code`,{children:[`npm i -g `,n.name,`@latest`]})]}):(0,S.jsxs)(`button`,{className:`update-btn`,onClick:()=>void f(),children:[(0,S.jsx)(C,{name:`download`,className:`ms-sm`}),` update now`]})]}):(0,S.jsxs)(`span`,{className:`update-result`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` up to date`]}):(0,S.jsx)(`button`,{className:`update-btn`,disabled:e===`busy`,onClick:()=>void u(),children:e===`busy`?`checking…`:e===`err`?`npm unreachable — retry`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`sync`,className:`ms-sm`}),` check for updates`]})})}function Bo(){return(0,S.jsx)(`button`,{className:`theme-btn`,onClick:()=>{let e=document.documentElement,t=e.dataset.theme===`light`?`dark`:`light`;e.dataset.theme=t;try{localStorage.setItem(`kw-theme`,t)}catch{}},children:`day / night`})}(0,y.createRoot)(document.getElementById(`root`)).render((0,S.jsx)(v.StrictMode,{children:(0,S.jsx)(xo,{})}));export{x as a,o as c,te as i,s as l,C as n,h as o,A as r,d as s,yo as t,l as u};
+`]})]}):(0,S.jsx)(`div`,{className:`git-diff`,children:`no textual diff (binary or empty)`})}function to(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(new Set),[i,a]=(0,v.useState)(new Set),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(``),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(``),m=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/git`,{cache:`no-store`});e.ok&&t(await e.json())}catch{}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await m(),e&&(t=setTimeout(n,6e3))};return n(),()=>{e=!1,clearTimeout(t)}},[m]),(0,v.useEffect)(()=>{if(!e?.files)return;let t=new Set(e.files.filter(e=>e.syncable).map(e=>e.path));r(e=>{let n=new Set([...e].filter(e=>t.has(e)));return n.size===e.size?e:n})},[e]);let h=async(e,t)=>{l(e),d(``),p(``);try{let n=await ye(`/api/git/${e}`,t);n.ok?p(e===`push`?`pushed`:e===`pull`?`pulled`:`fetched`):d(n.error||`${e} failed`)}catch(t){d(t.message||`${e} failed`)}finally{l(``)}m()},g=async()=>{l(`commit`),d(``),p(``);try{let e=await ye(`/api/git/commit`,{paths:[...n],message:o});e.ok?(p(`committed ${n.size} file${n.size===1?``:`s`}`),r(new Set),s(``)):d(e.error||`commit failed`)}catch(e){d(e.message||`commit failed`)}finally{l(``)}m()};if(!e)return(0,S.jsx)(`div`,{className:`settings-screen`,children:(0,S.jsx)(`div`,{className:`ws-empty`,children:`loading…`})});if(!e.enabled)return(0,S.jsxs)(`div`,{className:`settings-screen`,children:[(0,S.jsx)(`div`,{className:`settings-head`,children:(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`cloud_sync`,className:`ms-lg`}),` Git sync`]})}),(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsxs)(`div`,{className:`ws-empty`,children:[`Git sync is off. Turn it on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),`, or add a `,(0,S.jsx)(`code`,{children:`git:`}),` block to kraftwerk.yml.`]})})]});let _=(e.files??[]).filter(e=>e.syncable),y=(e.files??[]).filter(e=>!e.syncable),b=(e,t)=>r(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r});return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`cloud_sync`,className:`ms-lg`}),` Git sync`]}),(0,S.jsx)(`span`,{className:`spacer`}),f&&(0,S.jsxs)(`span`,{className:`settings-saved`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` `,f]}),u&&(0,S.jsx)(`span`,{className:`settings-err`,children:u})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`branch`}),(0,S.jsx)(`span`,{className:`spacer`}),e.lastFetch&&(0,S.jsxs)(`span`,{className:`settings-note`,title:e.lastFetch,children:[`fetched `,Te(e.lastFetch)]}),e.lastError&&(0,S.jsxs)(`span`,{className:`settings-err git-sync-err`,title:e.lastError,children:[(0,S.jsx)(C,{name:`cloud_off`,className:`ms-sm`}),` `,e.lastError.split(`
+`)[0]]})]}),e.error?(0,S.jsxs)(`div`,{className:`ws-empty ws-load-error`,children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` `,e.error]}):(0,S.jsxs)(`div`,{className:`git-head`,children:[(0,S.jsxs)(`div`,{className:`git-branch`,children:[(0,S.jsx)(C,{name:`account_tree`,className:`ms-sm`}),(0,S.jsx)(`strong`,{children:e.branch}),e.upstream?(0,S.jsxs)(`span`,{className:`settings-note`,children:[`tracking `,e.upstream]}):(0,S.jsx)(`span`,{className:`settings-note`,children:`no upstream yet, push sets one`})]}),(0,S.jsxs)(`div`,{className:`git-counts`,children:[e.diverged&&(0,S.jsx)(`span`,{className:`git-diverged`,children:`diverged, resolve in a terminal`}),!!e.behind&&(0,S.jsxs)(`span`,{className:`git-behind`,children:[e.behind,` behind`]}),!!e.ahead&&(0,S.jsxs)(`span`,{className:`git-ahead`,children:[e.ahead,` ahead`]}),!e.ahead&&!e.behind&&(0,S.jsx)(`span`,{className:`settings-note`,children:`up to date`})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!c,onClick:()=>void h(`fetch`),children:[(0,S.jsx)(C,{name:c===`fetch`?`progress_activity`:`refresh`,className:`ms-sm`}),` fetch`]}),(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!c||!e.behind||e.diverged,title:e.diverged?`Diverged. Resolve in a terminal.`:`Fast-forward to the remote`,onClick:()=>void h(`pull`),children:[(0,S.jsx)(C,{name:c===`pull`?`progress_activity`:`download`,className:`ms-sm`}),` pull`]}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!c||!e.ahead&&!!e.upstream,title:e.upstream?`Push to the upstream`:`Push and set the upstream`,onClick:()=>void h(`push`),children:[(0,S.jsx)(C,{name:c===`push`?`progress_activity`:`upload`,className:`ms-sm`}),` push`]})]})]})]}),(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`changes`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(`span`,{className:`settings-note`,children:_.length===0?`workspace clean`:`${n.size} of ${_.length} selected`})]}),_.length===0&&y.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`Nothing changed under the workspace paths.`}),_.map(e=>(0,S.jsxs)(`div`,{className:`git-row`,children:[(0,S.jsx)(`label`,{className:`git-pick`,children:(0,S.jsx)(`input`,{type:`checkbox`,checked:n.has(e.path),onChange:t=>b(e.path,t.target.checked)})}),(0,S.jsxs)(`button`,{className:`git-file`,onClick:()=>a(t=>{let n=new Set(t);return n.has(e.path)?n.delete(e.path):n.add(e.path),n}),children:[(0,S.jsx)(C,{name:i.has(e.path)?`expand_more`:`chevron_right`,className:`ms-sm`}),(0,S.jsx)(`span`,{className:`git-status s-${e.status}`,children:e.status}),(0,S.jsx)(`span`,{className:`git-path`,children:e.path})]}),i.has(e.path)&&(0,S.jsx)(eo,{file:e.path})]},e.path)),_.length>0&&(0,S.jsxs)(`div`,{className:`git-commit`,children:[(0,S.jsx)(`input`,{className:`git-message`,placeholder:`Commit message`,value:o,onChange:e=>s(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!c&&o.trim()&&n.size>0&&g()}}),(0,S.jsx)(`button`,{className:`ws-btn`,disabled:n.size===_.length,onClick:()=>r(new Set(_.map(e=>e.path))),children:`select all`}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,disabled:!!c||n.size===0||!o.trim(),onClick:()=>void g(),children:[(0,S.jsx)(C,{name:c===`commit`?`progress_activity`:`check`,className:`ms-sm`}),`commit `,n.size||``]})]}),y.length>0&&(0,S.jsxs)(`details`,{className:`git-blocked`,children:[(0,S.jsxs)(`summary`,{children:[y.length,e.blockedHidden?`+`:``,` change`,y.length===1&&!e.blockedHidden?``:`s`,` outside the workspace paths`]}),y.map(e=>(0,S.jsxs)(`div`,{className:`git-row blocked`,children:[(0,S.jsx)(`span`,{className:`git-status s-blocked`,children:e.status}),(0,S.jsx)(`span`,{className:`git-path`,children:e.path}),(0,S.jsx)(`span`,{className:`settings-note`,children:e.reason})]},e.path)),!!e.blockedHidden&&(0,S.jsx)(`div`,{className:`git-row blocked`,children:(0,S.jsxs)(`span`,{className:`settings-note`,children:[`and `,e.blockedHidden,` more, not listed`]})})]})]}),(0,S.jsxs)(`p`,{className:`settings-note`,children:[`Synced paths: `,(e.scope??[]).map((e,t)=>(0,S.jsxs)(`span`,{children:[t>0&&`, `,(0,S.jsx)(`code`,{children:e})]},e)),`. Run artifacts and files like `,(0,S.jsx)(`code`,{children:`.env`}),` are never staged.`,` `,e.interval?`Fetches every ${Za(e.interval)}${e.autosync===`pull`?` and fast-forwards when the working tree is clean`:``}. `:`Background fetching is off. `,`Commit and push are always manual.`]})]})}var no=e=>e.replace(/^https?:\/\//,``).replace(/^git@([^:]+):/,`$1/`).replace(/\.git$/,``),ro=e=>e.error?{label:`unreadable`,cls:`missing`}:e.dirty?{label:`${e.dirty} changed`,cls:`died`}:e.ahead?{label:`${e.ahead} to push`,cls:`running`}:e.behind?{label:`${e.behind} behind`,cls:`stopped`}:{label:`clean`,cls:`running`},io=e=>!!(e.error||e.dirty||e.ahead===void 0||e.ahead);function ao(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(``),[i,a]=(0,v.useState)({}),[o,s]=(0,v.useState)({}),[c,l]=(0,v.useState)(null),[u,d]=(0,v.useState)(``),[f,p]=(0,v.useState)(``),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(``),x=P(),w=(0,v.useCallback)(async()=>{try{let e=await fetch(`/api/repos`,{cache:`no-store`});if(!e.ok)throw Error(`HTTP ${e.status}`);t(await e.json()),r(``)}catch(e){r(e.message||`could not load repositories`)}},[]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{await w(),e&&(t=setTimeout(n,15e3))};return n(),()=>{e=!1,clearTimeout(t)}},[w]);let T=async(e,t,n=!1)=>{a(n=>({...n,[e]:t})),s(t=>({...t,[e]:``})),l(null);try{let r=t===`update`?await fetch(`/api/repos/${encodeURIComponent(e)}/update`,{method:`POST`}):await fetch(`/api/repos/${encodeURIComponent(e)}${n?`?force=1`:``}`,{method:`DELETE`}),i=await r.json();if(!r.ok||!i.ok)throw Error(i.error||`failed`);i.error&&s(t=>({...t,[e]:i.error}))}catch(t){s(n=>({...n,[e]:t.message}))}finally{a(t=>{let n={...t};return delete n[e],n}),w()}},E=async e=>{if(e.preventDefault(),u.trim()&&!g){_(!0),b(``);try{let e=await fetch(`/api/repos`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({url:u.trim(),name:f.trim()||void 0,branch:m.trim()||void 0})}),t=await e.json();if(!e.ok)throw Error(t.error||`clone failed`);d(``),p(``),h(``),await w()}catch(e){b(e.message)}finally{_(!1)}}},D=[...e?.repos??[]].sort((e,t)=>(t.updatedAt??``).localeCompare(e.updatedAt??``));return(0,S.jsxs)(`div`,{className:`settings-screen ws-screen repos-screen`,children:[(0,S.jsxs)(`div`,{className:`settings-head`,children:[(0,S.jsxs)(`h1`,{children:[(0,S.jsx)(C,{name:`source`,className:`ms-lg`}),` Repositories`]}),(0,S.jsx)(`span`,{className:`spacer`}),e?.enabled&&(0,S.jsxs)(`span`,{className:`settings-note`,children:[D.length,` cloned`]}),n&&(0,S.jsx)(`span`,{className:`settings-err`,children:n})]}),e&&!e.enabled&&(0,S.jsx)(`section`,{className:`panel`,children:(0,S.jsx)(`div`,{className:`ws-empty`,children:e.error&&!/are off/.test(e.error)?(0,S.jsx)(`span`,{className:`settings-err`,children:e.error}):(0,S.jsxs)(S.Fragment,{children:[`Repositories are off. Turn them on in `,(0,S.jsx)(`a`,{href:`#/settings`,children:`settings`}),` or add a `,(0,S.jsx)(`code`,{children:`repos:`}),` block to kraftwerk.yml.`]})})}),e?.enabled&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsxs)(`div`,{className:`panel-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`add a repository`}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsxs)(`span`,{className:`settings-note`,children:[`clones into `,(0,S.jsx)(`code`,{title:e.root,children:e.root})]})]}),(0,S.jsxs)(`form`,{className:`agent-form`,onSubmit:e=>void E(e),children:[(0,S.jsxs)(`div`,{className:`agent-form-row`,children:[(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:2},children:[`url`,(0,S.jsx)(`input`,{value:u,placeholder:`https://github.com/org/repo.git, git@host:org/repo.git or github:org/repo`,onChange:e=>d(e.target.value),autoFocus:!0})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{flex:1},children:[`name`,(0,S.jsx)(`input`,{value:f,placeholder:`from the url`,onChange:e=>p(e.target.value)})]}),(0,S.jsxs)(`label`,{className:`agent-field`,style:{width:140},children:[`branch`,(0,S.jsx)(`input`,{value:m,placeholder:`default`,onChange:e=>h(e.target.value)})]}),(0,S.jsxs)(`button`,{className:`ws-btn primary`,type:`submit`,disabled:g||!u.trim(),children:[(0,S.jsx)(C,{name:g?`progress_activity`:`download`,className:`ms-sm`}),g?`cloning…`:`clone`]})]}),y&&(0,S.jsx)(`div`,{className:`settings-err`,children:y}),(0,S.jsxs)(`div`,{className:`settings-note`,children:[`Uses your own git credentials and never prompts: a private remote must already work from a terminal. Agents see every clone here and can add more with `,(0,S.jsx)(`code`,{children:`kraftwerk repos add`}),`.`]})]})]}),e?.enabled&&(0,S.jsxs)(`section`,{className:`panel`,children:[(0,S.jsx)(`div`,{className:`panel-head`,children:(0,S.jsx)(`span`,{className:`microlabel`,children:`cloned repositories · newest change first`})}),D.length===0&&(0,S.jsx)(`div`,{className:`ws-empty`,children:`Nothing cloned yet.`}),D.map(e=>{let t=i[e.slug],n=ro(e);return(0,S.jsxs)(`div`,{className:`ws-row repo-row state-${n.cls}`,"data-repo":e.slug,children:[(0,S.jsx)(`span`,{className:`switcher-icon ws-icon`,children:(0,S.jsx)(C,{name:`folder_data`})}),(0,S.jsxs)(`div`,{className:`ws-main`,children:[(0,S.jsxs)(`div`,{className:`ws-title`,children:[(0,S.jsx)(`span`,{className:`ws-name`,children:e.slug}),e.branch&&(0,S.jsx)(`span`,{className:`repo-branch`,children:e.branch}),(0,S.jsx)(`span`,{className:`ws-state ws-state-${n.cls}`,children:n.label}),e.updatedAt&&(0,S.jsxs)(`span`,{className:`vibeable-when`,title:e.updatedAt,children:[`changed `,Te(e.updatedAt)]})]}),e.url&&(0,S.jsx)(`div`,{className:`ws-root`,title:e.url,children:no(e.url)}),x&&(0,S.jsx)(`div`,{className:`ws-root ws-dim`,title:e.path,children:e.path}),(0,S.jsxs)(`div`,{className:`ws-meta`,children:[e.head&&(0,S.jsxs)(`span`,{title:e.committedAt,children:[(0,S.jsx)(`code`,{children:e.head}),` `,e.subject,e.committedAt?` · ${Te(e.committedAt)}`:``]}),!!e.behind&&!!e.dirty&&(0,S.jsxs)(`span`,{children:[`behind by `,e.behind]}),e.error&&(0,S.jsx)(`span`,{className:`settings-err`,children:e.error})]}),o[e.slug]&&(0,S.jsx)(`div`,{className:`settings-err`,children:o[e.slug]})]}),(0,S.jsxs)(`div`,{className:`ws-actions`,children:[(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!t,onClick:()=>void T(e.slug,`update`),title:`git fetch, then fast-forward when clean`,children:[(0,S.jsx)(C,{name:t===`update`?`progress_activity`:`sync`,className:`ms-sm`}),t===`update`?`updating…`:`update`]}),c!==e.slug&&(0,S.jsxs)(`button`,{className:`ws-btn`,disabled:!!t,onClick:()=>l(e.slug),title:`Delete the clone`,children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),` remove`]}),c===e.slug&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{className:`ws-btn danger`,onClick:()=>void T(e.slug,`remove`,io(e)),children:[(0,S.jsx)(C,{name:`delete`,className:`ms-sm`}),e.dirty||e.ahead?`delete with local changes`:io(e)?`delete anyway`:`confirm remove`]}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:()=>l(null),children:`cancel`})]})]})]},e.slug)})]})]})}var oo=40,so=/Mac|iPhone|iPad/.test(navigator.platform),G=null,K=e=>(e?.workspaces??[]).flatMap(e=>[...e.agents.map(t=>({kind:`agent`,agent:t,ws:e,key:`${e.url}|agent|${t.slug}`})),...(e.channels??[]).map(t=>({kind:`channel`,channel:t,ws:e,key:`${e.url}|channel|${t.slug}`}))]),co=e=>e.kind===`agent`?e.agent.name:e.channel.name,lo=e=>e.kind===`agent`?e.agent.description:e.channel.purpose,uo=e=>e.kind===`agent`?`/agents/${encodeURIComponent(e.agent.slug)}`:`/channels/${encodeURIComponent(e.channel.slug)}`;function fo(e,t){let n=t.toLowerCase().split(/\s+/).filter(Boolean);if(n.length===0)return e;let r=[],i=new Map;for(let t of e){i.has(t.ws)||i.set(t.ws,i.size);let e=co(t).toLowerCase(),a=[e,...t.kind===`agent`?[t.agent.slug,t.agent.description??``,t.agent.group??``,`agent`]:[t.channel.slug,t.channel.purpose??``,`channel`],t.ws.name].join(` `).toLowerCase();if(!n.every(e=>a.includes(e)))continue;let o=e.startsWith(n[0])?0:e.includes(n[0])?1:2;r.push({hit:t,score:o,ws:i.get(t.ws)})}return r.sort((e,t)=>e.ws-t.ws||e.score-t.score).map(e=>e.hit)}function po(e){let t=[];for(let n of e){let e=t.find(e=>e.ws===n.ws);e?e.hits.push(n):t.push({ws:n.ws,hits:[n]})}return t}async function mo(e){let t=uo(e);if(e.ws.current)return A(t);let n=e.ws.live||!e.ws.root?e.ws.url:await ne(e.ws.root);window.location.assign(`${n.replace(/\/+$/,``)}/#${t}`)}function ho(){let[e,t]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey&&e.key.toLowerCase()===`k`&&(e.preventDefault(),t(e=>!e))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`button`,{type:`button`,className:`search-btn`,onClick:()=>t(!0),title:`jump to an agent or channel`,"aria-label":`search`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:so?`⌘K`:`Ctrl K`})]}),e&&(0,S.jsx)(go,{onClose:()=>t(!1)})]})}function go({onClose:e}){let[t,n]=(0,v.useState)(G),[r,i]=(0,v.useState)(G===null),[a,o]=(0,v.useState)(!1),[s,c]=(0,v.useState)(``),[l,u]=(0,v.useState)(0),[d,f]=(0,v.useState)(null),[p,m]=(0,v.useState)(``),h=(0,v.useRef)(null);(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/search/agents`,{cache:`no-store`}).then(e=>e.ok?e.json():Promise.reject(Error(String(e.status)))).then(t=>{G=t,e&&n(t)}).catch(()=>e&&o(!0)).finally(()=>e&&i(!1)),()=>{e=!1}},[]);let g=(0,v.useMemo)(()=>K(t),[t]),_=(0,v.useMemo)(()=>fo(g,s).slice(0,oo),[g,s]),y=(0,v.useMemo)(()=>po(_),[_]),b=Math.min(l,Math.max(_.length-1,0));(0,v.useEffect)(()=>{h.current?.querySelector(`[aria-selected="true"]`)?.scrollIntoView({block:`nearest`})},[b,_]);let x=t=>{if(!d){if(t.ws.current||t.ws.live){e(),mo(t);return}f(t.key),m(``),mo(t).catch(e=>{f(null),m(`${t.ws.name}: ${e.message}`)})}},w=t=>{if(t.key===`ArrowDown`)t.preventDefault(),u(_.length?(b+1)%_.length:0);else if(t.key===`ArrowUp`)t.preventDefault(),u(_.length?(b-1+_.length)%_.length:0);else if(t.key===`Enter`){t.preventDefault();let e=_[b];e&&x(e)}else t.key===`Escape`&&(t.preventDefault(),e())},T;if(_.length>0){let e=-1;T=(0,S.jsx)(`ul`,{className:`palette-list`,role:`listbox`,"aria-label":`agents and channels`,ref:h,children:y.map(t=>(0,S.jsxs)(v.Fragment,{children:[(0,S.jsxs)(`li`,{className:`palette-group`,role:`presentation`,title:t.ws.current?`this workspace`:t.ws.url,children:[t.ws.icon&&(0,S.jsx)(`span`,{"aria-hidden":!0,children:t.ws.icon}),(0,S.jsx)(`span`,{className:`palette-group-name`,children:t.ws.name}),t.ws.current?(0,S.jsx)(`span`,{className:`palette-group-note`,children:`this workspace`}):t.ws.live?(0,S.jsx)(C,{name:`open_in_new`,className:`ms-sm`}):(0,S.jsx)(`span`,{className:`palette-chip`,children:`stopped`})]}),t.hits.map(t=>{let n=++e;return(0,S.jsxs)(`li`,{role:`option`,"aria-selected":n===b,className:`palette-item${n===b?` active`:``}`,onMouseMove:()=>n!==b&&u(n),onClick:()=>x(t),children:[(0,S.jsx)(`span`,{className:`palette-emoji`,"aria-hidden":!0,children:t.kind===`agent`?t.agent.emoji:(0,S.jsx)(C,{name:`forum`})}),(0,S.jsxs)(`span`,{className:`palette-text`,children:[(0,S.jsx)(`span`,{className:`palette-name`,children:co(t)}),lo(t)&&(0,S.jsx)(`span`,{className:`palette-sub`,children:lo(t)})]}),d===t.key?(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}):t.kind===`channel`&&(0,S.jsx)(`span`,{className:`palette-chip`,children:`channel`})]},t.key)})]},t.ws.url||t.ws.name))})}else T=a?(0,S.jsx)(`div`,{className:`palette-empty`,children:`could not load the agents and channels`}):r?(0,S.jsx)(`div`,{className:`palette-empty`,children:`looking for agents and channels…`}):g.length===0?(0,S.jsxs)(`div`,{className:`palette-empty`,children:[`no agents yet — `,(0,S.jsx)(`a`,{href:`#/agents/new`,onClick:e,children:`create one`})]}):(0,S.jsxs)(`div`,{className:`palette-empty`,children:[`no agent or channel matches “`,s,`”`]});return(0,S.jsx)(`div`,{className:`palette-backdrop`,onMouseDown:e,children:(0,S.jsxs)(`div`,{className:`palette`,role:`dialog`,"aria-label":`jump to an agent or channel`,onMouseDown:e=>e.stopPropagation(),onKeyDown:w,children:[(0,S.jsxs)(`div`,{className:`palette-input`,children:[(0,S.jsx)(C,{name:`search`}),(0,S.jsx)(`input`,{autoFocus:!0,value:s,onChange:e=>{c(e.target.value),u(0)},placeholder:`jump to an agent or channel…`,"aria-label":`search`,autoComplete:`off`,spellCheck:!1}),r&&t&&(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:`esc`})]}),T,(0,S.jsxs)(`div`,{className:`palette-foot`,children:[(0,S.jsxs)(`span`,{children:[(0,S.jsx)(`kbd`,{className:`kbd`,children:`↑`}),(0,S.jsx)(`kbd`,{className:`kbd`,children:`↓`}),` move`]}),(0,S.jsxs)(`span`,{children:[(0,S.jsx)(`kbd`,{className:`kbd`,children:`↵`}),` open`]}),d&&(0,S.jsxs)(`span`,{className:`palette-note`,children:[(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm`}),` starting the workspace…`]}),p&&(0,S.jsxs)(`span`,{className:`palette-warn`,title:p,children:[(0,S.jsx)(C,{name:`warning`,className:`ms-sm`}),` `,p]})]})]})})}var _o=`modulepreload`,vo=function(e){return`/`+e},yo={},bo=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function s(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=o(t.map(t=>{if(t=vo(t,n),t=s(t),t in yo)return;yo[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:_o,r||(i.as=`script`),i.crossOrigin=``,i.href=t,a&&i.setAttribute(`nonce`,a),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},xo=(0,v.lazy)(()=>bo(()=>import(`./editor-toVFopCO.js`).then(e=>({default:e.EditorScreen})),__vite__mapDeps([0,1,2,3,4,5,6])));function So(){let[e,t=``]=w().split(`?`),n=e.split(`/`).filter(Boolean),r=new URLSearchParams(t).get(`workflow`)??void 0,[i,a]=(0,v.useState)(``),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(``),[u,d]=(0,v.useState)(!0),[f,p]=(0,v.useState)(``),[m,h]=(0,v.useState)(``),[g,_]=(0,v.useState)(!1),[y,b]=(0,v.useState)(!1),[x,T]=(0,v.useState)(!1),[E,D]=(0,v.useState)([]);(0,v.useEffect)(()=>{let e=!0,t,n=async()=>{try{let t=await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json());if(!e)return;a(t.projectName??``),s(t.projectIcon??``),l(t.projectColor??``),d(t.projectNamed!==!1),p(t.projectRootLabel??``),h(t.projectRoot??``),_(!!t.git),b(!!t.repos),T(!!t.vibeables),F({git:!!t.git,repos:!!t.repos,vibeables:!!t.vibeables}),D(Array.isArray(t.switcher)?t.switcher:[])}catch{}e&&(t=setTimeout(n,3e4))};n();let r=()=>{clearTimeout(t),n()};return window.addEventListener(`kw-meta-refresh`,r),()=>{e=!1,clearTimeout(t),window.removeEventListener(`kw-meta-refresh`,r)}},[]),(0,v.useEffect)(()=>{if(ee(i?`${i} — kraftwerk`:`kraftwerk inspector`),!o)return;let e=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="0.9em" font-size="85">${o}</text></svg>`,t=document.querySelector(`link[rel="icon"]`);t||(t=document.createElement(`link`),t.rel=`icon`,document.head.appendChild(t)),t.href=`data:image/svg+xml,${encodeURIComponent(e)}`},[i,o]);let O;if(O=n[0]===`runs`&&n[1]?(0,S.jsx)(bi,{id:n[1],workflow:r}):n[0]===`runs`?(0,S.jsx)(Ao,{}):n[0]===`workflows`&&n[1]?(0,S.jsx)(Wi,{slug:decodeURIComponent(n[1])}):n[0]===`workflows`?(0,S.jsx)(Hi,{}):n[0]===`chats`?(0,S.jsx)(ka,{seg:n}):n[0]===`skills`?(0,S.jsx)(wa,{name:n[1]?decodeURIComponent(n[1]):void 0}):n[0]===`settings`?(0,S.jsx)(Ja,{}):n[0]===`workspaces`?(0,S.jsx)(Xa,{}):n[0]===`git`?(0,S.jsx)(to,{}):n[0]===`repos`?(0,S.jsx)(ao,{}):n[0]===`vibeables`?(0,S.jsx)(Wr,{slug:n[1]?decodeURIComponent(n[1]):void 0}):n[0]===`agents`||n[0]===`team`?(0,S.jsx)(ka,{seg:n.slice(1)}):n[0]===`channels`?(0,S.jsx)(Gr,{seg:n.slice(1)}):n[0]===`knowledge`?(0,S.jsx)(da,{bundle:n[1]?decodeURIComponent(n[1]):void 0,conceptId:n.length>2?n.slice(2).map(decodeURIComponent).join(`/`):void 0}):(0,S.jsx)($i,{}),n[0]===`edit`&&n[1]&&n.length>2)return(0,S.jsx)(v.Suspense,{fallback:(0,S.jsx)(`div`,{className:`empty`,children:`loading editor…`}),children:(0,S.jsx)(xo,{bundle:decodeURIComponent(n[1]),conceptId:n.slice(2).map(decodeURIComponent).join(`/`)},n.slice(1).join(`/`))});let k=(...e)=>e.includes(n[0]??``)?`active`:``;return(0,v.useEffect)(()=>{let e=document.documentElement,t=m||i,n=t?ge(ce(c,t)):null;if(!n){delete e.dataset.wsAccent;return}for(let[t,r]of Object.entries(n))e.style.setProperty(t,r);e.dataset.wsAccent=``},[c,m,i]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`header`,{className:`topbar`,style:{"--ws-c":ce(c,m||i)},children:[(0,S.jsxs)(`span`,{className:`wordmark`,children:[(0,S.jsx)(`a`,{href:`#/`,className:`home-link`,title:`Dashboard`,children:i?(0,S.jsx)(ve,{className:`home-tile`,icon:o,name:i,color:c,seed:m||i}):(0,S.jsx)(C,{name:`home`})}),i&&(0,S.jsx)(ko,{name:i,icon:o,color:c,named:u,root:f,seed:m||i,entries:E})]}),(0,S.jsxs)(`nav`,{children:[(0,S.jsxs)(`a`,{href:`#/channels`,className:k(`channels`),children:[(0,S.jsx)(C,{name:`forum`}),` channels`]}),(0,S.jsxs)(`a`,{href:`#/agents`,className:k(`agents`,`team`,`chats`),children:[(0,S.jsx)(C,{name:`groups`}),` agents`]}),(0,S.jsxs)(`a`,{href:`#/workflows`,className:k(`workflows`,`runs`),children:[(0,S.jsx)(C,{name:`account_tree`}),` workflows`]}),(0,S.jsxs)(`a`,{href:`#/knowledge`,className:k(`knowledge`),children:[(0,S.jsx)(C,{name:`menu_book`}),` knowledge`]}),(0,S.jsxs)(`a`,{href:`#/skills`,className:k(`skills`)+` nav-expert`,children:[(0,S.jsx)(C,{name:`extension`}),` skills`]}),y&&(0,S.jsxs)(`a`,{href:`#/repos`,className:k(`repos`)+` nav-expert`,children:[(0,S.jsx)(C,{name:`source`}),` repositories`]}),x&&(0,S.jsxs)(`a`,{href:`#/vibeables`,className:k(`vibeables`),children:[(0,S.jsx)(C,{name:`web`}),` vibeables`]}),g&&(0,S.jsx)(Co,{active:n[0]===`git`})]}),(0,S.jsx)(`span`,{className:`spacer`}),(0,S.jsx)(ho,{}),(0,S.jsx)(Lo,{}),(0,S.jsx)(No,{}),(0,S.jsx)(Po,{}),(0,S.jsx)(Ro,{})]}),(0,S.jsx)(`main`,{className:`shell`,children:O})]})}function Co({active:e}){let t=z(`/api/git`,!1,15e3),n=t?.files?.filter(e=>e.syncable).length??0;return(0,S.jsxs)(`a`,{href:`#/git`,className:e?`nav-expert active`:`nav-expert`,children:[(0,S.jsx)(C,{name:`cloud_sync`}),` git`,!!t?.behind&&(0,S.jsxs)(`span`,{className:`git-badge behind`,children:[t.behind,`↓`]}),!!t?.ahead&&(0,S.jsxs)(`span`,{className:`git-badge ahead`,children:[t.ahead,`↑`]}),!t?.ahead&&!t?.behind&&!!n&&(0,S.jsx)(`span`,{className:`git-badge dirty`,children:n})]})}function wo(e){try{let t=new URL(e);return t.hostname===`localhost`||t.hostname===`127.0.0.1`?`:${t.port||(t.protocol===`https:`?443:80)}`:t.host}catch{return e.replace(/^https?:\/\//,``)}}function To({label:e}){return e?(0,S.jsx)(`span`,{className:`switcher-root`,title:e,children:(0,S.jsx)(`span`,{dir:`ltr`,children:e})}):null}function Eo({name:e,named:t}){let n=t===!1;return(0,S.jsx)(`span`,{className:`switcher-name${n?` unnamed`:``}`,title:n?`${e} — folder name; set name: in kraftwerk.yml`:e,children:e})}function Do({entry:e,ambiguous:t}){let[n,r]=(0,v.useState)(`idle`),[i,a]=(0,v.useState)(``),o=e.exists===!1,s=async()=>{r(`starting`),a(``);try{window.location.assign(await ne(e.root))}catch(e){r(`error`),a(e.message)}};return(0,S.jsxs)(`span`,{className:`switcher-item stopped ${o?`missing`:``}`,role:`menuitem`,style:{"--ws-c":ce(e.color,e.root??e.url)},children:[(0,S.jsx)(ve,{icon:e.icon,name:e.name,color:e.color,seed:e.root??e.url,ambiguous:t}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(Eo,{name:e.name,named:e.named}),n===`error`?(0,S.jsx)(`span`,{className:`switcher-sub switcher-err`,title:i,children:i}):o?(0,S.jsx)(`span`,{className:`switcher-sub`,children:`folder missing`}):(0,S.jsx)(To,{label:e.rootLabel})]}),(0,S.jsxs)(`span`,{className:`switcher-side`,children:[(0,S.jsx)(`span`,{className:`switcher-port`,children:wo(e.url)}),(0,S.jsxs)(`button`,{className:`switcher-start`,disabled:o||n===`starting`,title:o?`The project folder no longer exists`:`Start the UI for this project`,onClick:e=>{e.stopPropagation(),s()},children:[n===`starting`?(0,S.jsx)(C,{name:`progress_activity`}):(0,S.jsx)(C,{name:`play_arrow`}),n===`starting`?`starting`:`start`]})]})]})}function Oo({entry:e,ambiguous:t}){let n=e.root??e.url;return(0,S.jsxs)(`a`,{className:`switcher-item${e.live?` live`:``}`,role:`menuitem`,href:e.url,style:{"--ws-c":ce(e.color,n)},children:[(0,S.jsx)(ve,{icon:e.icon,name:e.name,color:e.color,seed:n,ambiguous:t}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(Eo,{name:e.name,named:e.named}),(0,S.jsx)(To,{label:e.rootLabel??(e.root?void 0:e.url.replace(/^https?:\/\//,``))})]}),(0,S.jsx)(`span`,{className:`switcher-side`,children:(0,S.jsxs)(`span`,{className:`switcher-port`,children:[e.live&&(0,S.jsx)(`span`,{className:`live-dot`,title:`running`}),wo(e.url)]})})]})}function ko({name:e,icon:t,color:n,named:r,root:i,seed:a,entries:o}){let[s,c]=(0,v.useState)(!1),l=P();if((0,v.useEffect)(()=>{if(!s)return;let e=e=>{e.target.closest(`.switcher-wrap`)||c(!1)};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[s]),o.length===0)return(0,S.jsx)(`span`,{className:`env-name`,title:i||`Project (kraftwerk.yml: name)`,children:e});let u=new Map;for(let e of[t,...o.map(e=>e.icon)])e&&u.set(e,(u.get(e)??0)+1);let d=e=>!!e&&(u.get(e)??0)>1,f=[{key:`running`,label:`running`,items:o.filter(e=>e.live===!0)},{key:`stopped`,label:`stopped`,items:o.filter(e=>e.live===!1)},{key:`linked`,label:`linked`,items:o.filter(e=>e.live===void 0)}].filter(e=>e.items.length>0),p=a||e;return(0,S.jsxs)(`span`,{className:`switcher-wrap`,children:[(0,S.jsxs)(`button`,{className:`env-name env-switch`,title:i?`${i} — switch workspace`:`Switch workspace`,"aria-haspopup":`menu`,"aria-expanded":s,onClick:()=>c(e=>!e),children:[e,(0,S.jsx)(C,{name:`expand_more`})]}),s&&(0,S.jsxs)(`div`,{className:`switcher-pop`,role:`menu`,children:[(0,S.jsx)(`div`,{className:`switcher-head`,children:`Workspaces`}),(0,S.jsxs)(`span`,{className:`switcher-item current`,"aria-current":`true`,style:{"--ws-c":ce(n,p)},children:[(0,S.jsx)(ve,{icon:t,name:e,color:n,seed:p,ambiguous:d(t)}),(0,S.jsxs)(`span`,{className:`switcher-text`,children:[(0,S.jsx)(Eo,{name:e,named:r}),i?(0,S.jsx)(To,{label:i}):(0,S.jsx)(`span`,{className:`switcher-sub`,children:`this workspace`})]}),(0,S.jsx)(`span`,{className:`switcher-side`,children:(0,S.jsx)(C,{name:`check`,className:`switcher-check`})})]}),f.map(e=>(0,S.jsxs)(`div`,{className:`switcher-group switcher-group-${e.key}`,role:`group`,"aria-label":e.label,children:[(0,S.jsx)(`div`,{className:`switcher-group-head`,children:e.label}),e.items.map(e=>e.live===!1&&e.root?(0,S.jsx)(Do,{entry:e,ambiguous:d(e.icon)},e.root):(0,S.jsx)(Oo,{entry:e,ambiguous:d(e.icon)},e.root??e.url))]},e.key)),l&&(0,S.jsxs)(`a`,{className:`switcher-foot`,href:`#/workspaces`,role:`menuitem`,onClick:()=>c(!1),children:[(0,S.jsx)(C,{name:`hub`}),` manage workspaces`]})]})]})}function Ao(){let[e,t]=(0,v.useState)(null);return(0,v.useEffect)(()=>{let e=!0;return fetch(`/api/runs`).then(e=>e.json()).then(n=>{e&&(n.runs.length>0?A(`/runs/${n.runs[0].id}`,{replace:!0}):t({outputDir:n.outputDir}))}).catch(()=>{}),()=>{e=!1}},[]),e?(0,S.jsxs)(`div`,{className:`empty`,children:[`No runs found in `,(0,S.jsx)(`code`,{children:e.outputDir}),`. Start one from the`,` `,(0,S.jsx)(`a`,{href:`#/workflows`,children:`workflows`}),` list or with `,(0,S.jsx)(`code`,{children:`kraftwerk run <workflow> [request]`}),`.`]}):(0,S.jsx)(`div`,{className:`empty`,children:`loading…`})}async function jo(e){await fetch(`/api/restart`,{method:`POST`}).catch(()=>{});for(let t=0;t<60;t++){await new Promise(e=>setTimeout(e,500));try{if((await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json())).version===e)break}catch{}}location.reload()}var Mo=`kw-version-changed`;function No(){let[e,t]=(0,v.useState)(null),[n,r]=(0,v.useState)(!1);(0,v.useEffect)(()=>{let e=!0,n,r=async()=>{clearTimeout(n);try{let n=await fetch(`/api/meta`,{cache:`no-store`}).then(e=>e.json());e&&t(n)}catch{}e&&(n=setTimeout(r,3e4))};r();let i=()=>void r();return window.addEventListener(Mo,i),()=>{e=!1,clearTimeout(n),window.removeEventListener(Mo,i)}},[]);let i=e?.restartable&&e.diskVersion&&e.diskVersion!==e.version?e.diskVersion:null;async function a(){i&&(r(!0),await jo(i))}return!i&&!n?null:(0,S.jsx)(`button`,{className:`relaunch-note`,disabled:n,title:`v${i} is installed on disk, the server still runs v${e?.version}. Click to relaunch with the new version.`,onClick:()=>void a(),children:n?`relaunching…`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`restart_alt`,className:`ms-sm`}),` v`,i,` ready — relaunch`]})})}function Po(){let e=P();return(0,S.jsxs)(`button`,{className:`expert-toggle ${e?`on`:``}`,title:e?`Expert mode on — full detail`:`Expert mode off — simplified view`,"aria-pressed":e,onClick:()=>ie(!e),children:[(0,S.jsx)(`span`,{className:`expert-track`,children:(0,S.jsx)(`span`,{className:`expert-knob`})}),`expert`]})}var Fo={approval:`gavel`,routine_done:`schedule`,routine_failed:`schedule`,run_done:`account_tree`,run_failed:`account_tree`},Io=`kw.notif.toast.dismissed`;function Lo(){let[e,t]=(0,v.useState)(!1),n=z(`/api/notifications`,!1,5e3),[r,i]=(0,v.useState)(()=>typeof Notification>`u`?`unsupported`:Notification.permission),[a,o]=(0,v.useState)(()=>{try{return localStorage.getItem(Io)===`1`}catch{return!1}}),s=(0,v.useRef)(null),[c,l]=(0,v.useState)(null),[u,d]=(0,v.useState)(null);(0,v.useEffect)(()=>l(null),[n]);let f=c??n,p=f?.items??[],m=f?.unread??0;(0,v.useEffect)(()=>k(m),[m]),(0,v.useEffect)(()=>{if(n){if(!s.current){s.current=new Set(p.map(e=>e.id));return}for(let e of p)if(!s.current.has(e.id)&&(s.current.add(e.id),!(e.readAt||r!==`granted`)&&(document.hidden||location.hash!==`#${e.href}`)))try{let t=new Notification(e.title,{body:e.body,tag:e.id});t.onclick=()=>{window.focus(),g(e),t.close()}}catch{}}},[n]),(0,v.useEffect)(()=>{if(!e)return;let n=e=>{e.target.closest(`.notif-wrap`)||t(!1)};return window.addEventListener(`mousedown`,n),()=>window.removeEventListener(`mousedown`,n)},[e]);async function h(e,t){try{let n=await fetch(e,{method:e.endsWith(`/notifications`)?`DELETE`:`POST`,headers:{"content-type":`application/json`},body:t===void 0?void 0:JSON.stringify(t)});if(!n.ok)return;let r=await n.json();l(`items`in r?r:{items:[],unread:0})}catch{}}function g(e){t(!1),e.readAt||h(`/api/notifications/read`,{ids:[e.id]}),A(e.href)}async function _(e){d(e.id);try{let n=await(await fetch(`/api/notifications/${encodeURIComponent(e.id)}/diagnose`,{method:`POST`})).json();n.href?(t(!1),A(n.href)):n.error&&alert(n.error)}catch{}d(null)}async function y(){typeof Notification>`u`||i(await Notification.requestPermission())}function b(){o(!0);try{localStorage.setItem(Io,`1`)}catch{}}let x=r==="default"&&!a;return(0,S.jsxs)(`span`,{className:`notif-wrap`,children:[(0,S.jsxs)(`button`,{className:`info-btn notif-btn ${m?`has-unread`:``}`,title:m?`${m} item${m===1?``:`s`} need your attention`:`Notifications`,"aria-label":`Notifications`,onClick:()=>t(e=>!e),children:[(0,S.jsx)(C,{name:m?`notifications_active`:`notifications`}),m>0&&(0,S.jsx)(`span`,{className:`notif-badge`,children:m>99?`99+`:m})]}),e&&(0,S.jsxs)(`div`,{className:`info-pop notif-pop`,role:`menu`,children:[(0,S.jsxs)(`div`,{className:`notif-head`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`notifications`}),(0,S.jsx)(`span`,{className:`spacer`}),m>0&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void h(`/api/notifications/read`),children:`mark all read`}),p.length>0&&(0,S.jsx)(`button`,{className:`open-raw`,onClick:()=>void h(`/api/notifications`),children:`clear`})]}),x&&(0,S.jsxs)(`div`,{className:`notif-hint`,children:[(0,S.jsx)(`span`,{children:`Get a system notification when something needs you, even with this tab in the background.`}),(0,S.jsxs)(`span`,{className:`notif-hint-actions`,children:[(0,S.jsx)(`button`,{className:`ws-btn primary`,onClick:()=>void y(),children:`enable`}),(0,S.jsx)(`button`,{className:`ws-btn`,onClick:b,children:`not now`})]})]}),r===`denied`&&(0,S.jsx)(`div`,{className:`notif-hint muted`,children:`Browser notifications are blocked for this site — allow them in the address bar to get system alerts.`}),p.length===0?(0,S.jsx)(`div`,{className:`notif-empty`,children:`nothing needs you right now`}):(0,S.jsx)(`div`,{className:`notif-list`,children:p.slice(0,50).map(e=>(0,S.jsxs)(`div`,{className:`notif-row ${e.readAt?``:`unread`} ${e.kind}`,role:`button`,tabIndex:0,onClick:()=>g(e),onKeyDown:t=>{t.key===`Enter`&&g(e)},children:[(0,S.jsx)(`span`,{className:`notif-ico`,children:(0,S.jsx)(C,{name:Fo[e.kind]})}),(0,S.jsxs)(`span`,{className:`notif-body`,children:[(0,S.jsx)(`span`,{className:`notif-title`,children:e.title}),e.body&&(0,S.jsx)(`span`,{className:`notif-sub`,children:e.body}),e.diagnose&&(0,S.jsx)(`span`,{className:`notif-actions`,children:(0,S.jsxs)(`button`,{className:`ws-btn notif-diagnose`,disabled:u===e.id,title:`Open a chat that finds the cause and proposes the fix`,onClick:t=>{t.stopPropagation(),_(e)},children:[(0,S.jsx)(C,{name:u===e.id?`progress_activity`:`troubleshoot`,className:`ms-sm`}),u===e.id?`starting…`:`diagnose`]})})]}),(0,S.jsx)(`span`,{className:`notif-when num`,children:Te(e.at)})]},e.id))})]})]})}function Ro(){let[e,t]=(0,v.useState)(!1),[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(null),[o,s]=(0,v.useState)(``);(0,v.useEffect)(()=>{if(!e)return;fetch(`/api/runs`).then(e=>e.json()).then(r).catch(()=>{}),fetch(`/api/workflows`).then(e=>e.json()).then(a).catch(()=>{}),fetch(`/api/meta`).then(e=>e.json()).then(e=>s(e.version)).catch(()=>{});let n=e=>{e.target.closest(`.info-wrap`)||t(!1)};return window.addEventListener(`mousedown`,n),()=>window.removeEventListener(`mousedown`,n)},[e]);let c=n?.runs[0];return(0,S.jsxs)(`span`,{className:`info-wrap`,children:[(0,S.jsx)(`button`,{className:`info-btn`,title:`Project info`,"aria-label":`Project info`,onClick:()=>t(e=>!e),children:(0,S.jsx)(C,{name:`info`})}),e&&(0,S.jsxs)(`div`,{className:`info-pop`,children:[(0,S.jsxs)(`div`,{className:`info-row`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Workflows`}),(0,S.jsx)(`span`,{className:`info-v`,children:i?`${i.workflows.length} discovered`:`…`}),(0,S.jsx)(`code`,{className:`info-path`,title:i?.root,children:i?.root??``})]}),(0,S.jsxs)(`div`,{className:`info-row`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Runs`}),(0,S.jsxs)(`span`,{className:`info-v`,children:[n?`${n.runs.length} total`:`…`,c?` · latest ${c.status}`:``]}),(0,S.jsx)(`code`,{className:`info-path`,title:n?.outputDir,children:n?.outputDir??``})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Workspace`}),(0,S.jsxs)(`a`,{className:`update-btn`,href:`#/settings`,onClick:()=>t(!1),children:[(0,S.jsx)(C,{name:`settings`,className:`ms-sm`}),` settings`]})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Theme`}),(0,S.jsx)(Vo,{})]}),(0,S.jsxs)(`div`,{className:`info-row info-actions`,children:[(0,S.jsx)(`span`,{className:`microlabel`,children:`Version`}),(0,S.jsx)(`span`,{className:`info-v mono`,children:o?`kraftwerk ${o}`:`…`}),(0,S.jsx)(Bo,{})]})]})]})}function zo(e,t){let n=e.split(`.`).map(Number),r=t.split(`.`).map(Number);for(let e=0;e<3;e++)if((n[e]??0)!==(r[e]??0))return(n[e]??0)<(r[e]??0);return!1}function Bo(){let[e,t]=(0,v.useState)(`idle`),[n,r]=(0,v.useState)(null),[i,a]=(0,v.useState)(null),[o,s]=(0,v.useState)(``),[c,l]=(0,v.useState)(!1);async function u(){t(`busy`);try{let e=await fetch(`/api/update-check`,{cache:`no-store`}),n=await e.json();if(!e.ok||!n.latest)throw Error();r(n),t(`done`)}catch{t(`err`)}}let d=i?.state===`running`;(0,v.useEffect)(()=>{if(!d)return;let e=!0,t=setInterval(async()=>{try{let t=await fetch(`/api/update`,{cache:`no-store`}).then(e=>e.json());if(!e)return;a(t),t.state!==`running`&&window.dispatchEvent(new Event(Mo))}catch{}},1e3);return()=>{e=!1,clearInterval(t)}},[d]);async function f(){if(!n)return;s(``);let e=await fetch(`/api/update`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({version:n.latest})}),t=await e.json();e.ok?a(t):s(t.error??`update refused`)}if(i&&i.state!==`idle`&&n){let e=i.log[i.log.length-1]??``;return i.state===`running`?(0,S.jsxs)(`span`,{className:`update-result update-progress`,children:[(0,S.jsx)(C,{name:`progress_activity`,className:`ms-sm ms-spin`}),` installing v`,n.latest,`…`,e&&(0,S.jsx)(`code`,{className:`update-log`,title:i.log.join(`
+`),children:e})]}):i.state===`done`?(0,S.jsxs)(`span`,{className:`update-result newer`,children:[`v`,n.latest,` installed —`,` `,i.restartable?(0,S.jsxs)(`button`,{className:`update-btn`,disabled:c,onClick:()=>{l(!0),jo(n.latest)},children:[(0,S.jsx)(C,{name:`restart_alt`,className:`ms-sm`}),` `,c?`relaunching…`:`relaunch`]}):(0,S.jsxs)(S.Fragment,{children:[`restart `,(0,S.jsx)(`code`,{children:`kraftwerk ui`}),` to use it`]})]}):(0,S.jsxs)(`span`,{className:`update-result update-failed`,title:i.log.join(`
+`),children:[(0,S.jsx)(C,{name:`error`,className:`ms-sm`}),` install failed`,e?` — ${e}`:``,` · `,(0,S.jsxs)(`code`,{children:[`npm i -g `,n.name,`@latest`]})]})}return e===`done`&&n?zo(n.current,n.latest)?(0,S.jsxs)(`span`,{className:`update-result newer`,children:[`v`,n.latest,` available —`,` `,o?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`span`,{className:`update-refused`,title:o,children:o}),` · `,(0,S.jsxs)(`code`,{children:[`npm i -g `,n.name,`@latest`]})]}):(0,S.jsxs)(`button`,{className:`update-btn`,onClick:()=>void f(),children:[(0,S.jsx)(C,{name:`download`,className:`ms-sm`}),` update now`]})]}):(0,S.jsxs)(`span`,{className:`update-result`,children:[(0,S.jsx)(C,{name:`check`,className:`ms-sm`}),` up to date`]}):(0,S.jsx)(`button`,{className:`update-btn`,disabled:e===`busy`,onClick:()=>void u(),children:e===`busy`?`checking…`:e===`err`?`npm unreachable — retry`:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C,{name:`sync`,className:`ms-sm`}),` check for updates`]})})}function Vo(){return(0,S.jsx)(`button`,{className:`theme-btn`,onClick:()=>{let e=document.documentElement,t=e.dataset.theme===`light`?`dark`:`light`;e.dataset.theme=t;try{localStorage.setItem(`kw-theme`,t)}catch{}},children:`day / night`})}(0,y.createRoot)(document.getElementById(`root`)).render((0,S.jsx)(v.StrictMode,{children:(0,S.jsx)(So,{})}));export{x as a,o as c,te as i,s as l,C as n,h as o,A as r,d as s,bo as t,l as u};