@jmfederico/pi-web 1.202607.0 → 1.202607.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -9
- package/dist/cli.js +305 -322
- package/dist/cli.js.map +1 -1
- package/dist/client/assets/{CodeViewer-tXF3UTsY.js → CodeViewer-B4M13447.js} +1 -1
- package/dist/client/assets/{TerminalPanel-D_ihiWAt.js → TerminalPanel-Bmvj-Ecn.js} +1 -1
- package/dist/client/assets/{UnifiedDiffViewer-BziirXBJ.js → UnifiedDiffViewer-C0hygwRo.js} +1 -1
- package/dist/client/assets/index-TvPsRyS1.js +3545 -0
- package/dist/client/index.html +6 -6
- package/dist/client/manifest.webmanifest +4 -4
- package/dist/config.js +157 -2
- package/dist/config.js.map +1 -1
- package/dist/nativeServices/serviceDoctor.js +480 -0
- package/dist/nativeServices/serviceDoctor.js.map +1 -0
- package/dist/nativeServices/serviceInstall.js +35 -0
- package/dist/nativeServices/serviceInstall.js.map +1 -0
- package/dist/nativeServices/servicePlan.js +358 -0
- package/dist/nativeServices/servicePlan.js.map +1 -0
- package/dist/nativeServices/serviceProbe.js +447 -0
- package/dist/nativeServices/serviceProbe.js.map +1 -0
- package/dist/nativeServices/serviceRendering.js +122 -0
- package/dist/nativeServices/serviceRendering.js.map +1 -0
- package/dist/pi-web-plugins/updates/pi-web-plugin.js +12 -0
- package/dist/plugin-api.d.ts +2 -0
- package/dist/server/activeAgentProfileProvider.js +25 -0
- package/dist/server/activeAgentProfileProvider.js.map +1 -0
- package/dist/server/app.js +57 -16
- package/dist/server/app.js.map +1 -1
- package/dist/server/configRoutes.js +43 -9
- package/dist/server/configRoutes.js.map +1 -1
- package/dist/server/diagnostics/nodePtyNativeModule.js +36 -0
- package/dist/server/diagnostics/nodePtyNativeModule.js.map +1 -0
- package/dist/server/git/gitService.js +176 -5
- package/dist/server/git/gitService.js.map +1 -1
- package/dist/server/machines/machinePluginProxyRoutes.js +7 -4
- package/dist/server/machines/machinePluginProxyRoutes.js.map +1 -1
- package/dist/server/machines/machineProxyRoutes.js +16 -4
- package/dist/server/machines/machineProxyRoutes.js.map +1 -1
- package/dist/server/machines/machineRoutes.js +1 -1
- package/dist/server/machines/machineRoutes.js.map +1 -1
- package/dist/server/machines/machineService.js +2 -2
- package/dist/server/machines/machineService.js.map +1 -1
- package/dist/server/piPackageRoutes.js +7 -3
- package/dist/server/piPackageRoutes.js.map +1 -1
- package/dist/server/piPackageService.js +34 -2
- package/dist/server/piPackageService.js.map +1 -1
- package/dist/server/piWebPluginService.js +48 -12
- package/dist/server/piWebPluginService.js.map +1 -1
- package/dist/server/piWebReleaseLookupCache.js +37 -0
- package/dist/server/piWebReleaseLookupCache.js.map +1 -0
- package/dist/server/piWebStatus.js +38 -39
- package/dist/server/piWebStatus.js.map +1 -1
- package/dist/server/piWebStatusCache.js +19 -6
- package/dist/server/piWebStatusCache.js.map +1 -1
- package/dist/server/realtime/sessionEventHub.js +37 -7
- package/dist/server/realtime/sessionEventHub.js.map +1 -1
- package/dist/server/sessiond/sessionDaemonStartup.js +49 -0
- package/dist/server/sessiond/sessionDaemonStartup.js.map +1 -0
- package/dist/server/sessiond.js +128 -62
- package/dist/server/sessiond.js.map +1 -1
- package/dist/server/sessions/authProviderOptions.js +30 -32
- package/dist/server/sessions/authProviderOptions.js.map +1 -1
- package/dist/server/sessions/authRoutes.js +14 -4
- package/dist/server/sessions/authRoutes.js.map +1 -1
- package/dist/server/sessions/authService.js +140 -29
- package/dist/server/sessions/authService.js.map +1 -1
- package/dist/server/sessions/globalProviderPolicy.js +98 -0
- package/dist/server/sessions/globalProviderPolicy.js.map +1 -0
- package/dist/server/sessions/modelCatalogRefresher.js +184 -0
- package/dist/server/sessions/modelCatalogRefresher.js.map +1 -0
- package/dist/server/sessions/oauthLoginFlowService.js +176 -53
- package/dist/server/sessions/oauthLoginFlowService.js.map +1 -1
- package/dist/server/sessions/piSessionManagerGateway.js +22 -21
- package/dist/server/sessions/piSessionManagerGateway.js.map +1 -1
- package/dist/server/sessions/piSessionService.js +936 -111
- package/dist/server/sessions/piSessionService.js.map +1 -1
- package/dist/server/sessions/plainTextTheme.js +112 -0
- package/dist/server/sessions/plainTextTheme.js.map +1 -0
- package/dist/server/sessions/sessionArchiveMigration.js +590 -0
- package/dist/server/sessions/sessionArchiveMigration.js.map +1 -0
- package/dist/server/sessions/sessionArchiveStore.js +7 -4
- package/dist/server/sessions/sessionArchiveStore.js.map +1 -1
- package/dist/server/sessions/sessionCommandService.js +68 -9
- package/dist/server/sessions/sessionCommandService.js.map +1 -1
- package/dist/server/sessions/sessionNotificationStore.js +484 -0
- package/dist/server/sessions/sessionNotificationStore.js.map +1 -0
- package/dist/server/sessions/sessionRoutes.js +202 -2
- package/dist/server/sessions/sessionRoutes.js.map +1 -1
- package/dist/server/sessions/sessionService.js +2 -0
- package/dist/server/sessions/sessionService.js.map +1 -0
- package/dist/server/sessions/sessionTreeProjection.js +250 -0
- package/dist/server/sessions/sessionTreeProjection.js.map +1 -0
- package/dist/server/sessions/sessionUnreadStore.js +520 -0
- package/dist/server/sessions/sessionUnreadStore.js.map +1 -0
- package/dist/server/sessions/spawnSessionTool.js +2 -2
- package/dist/server/sessions/spawnSessionTool.js.map +1 -1
- package/dist/server/sessions/spawnSubsessionTool.js +69 -31
- package/dist/server/sessions/spawnSubsessionTool.js.map +1 -1
- package/dist/server/terminals/terminalService.js +10 -4
- package/dist/server/terminals/terminalService.js.map +1 -1
- package/dist/sessiond/activeAgentProfile.js +31 -0
- package/dist/sessiond/activeAgentProfile.js.map +1 -0
- package/dist/sessiond/sessionDaemonClient.js +38 -0
- package/dist/sessiond/sessionDaemonClient.js.map +1 -1
- package/dist/shared/activeAgentProfile.js +76 -0
- package/dist/shared/activeAgentProfile.js.map +1 -0
- package/dist/shared/apiTypes.d.ts +256 -4
- package/dist/shared/apiTypes.js +12 -0
- package/dist/shared/apiTypes.js.map +1 -1
- package/dist/shared/capabilities.js +11 -0
- package/dist/shared/capabilities.js.map +1 -1
- package/dist/shared/federatedRoutes.js +12 -0
- package/dist/shared/federatedRoutes.js.map +1 -1
- package/dist/shared/piWebStatusParsing.js +6 -0
- package/dist/shared/piWebStatusParsing.js.map +1 -1
- package/docs/config.md +85 -12
- package/docs/plugins.md +29 -11
- package/install.sh +1 -1
- package/package.json +9 -8
- package/dist/client/assets/index-Brfk1lwl.js +0 -2950
|
@@ -1,2950 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CodeViewer-tXF3UTsY.js","assets/vendor-editor-core-vUi74DnD.js","assets/vendor-editor-languages-DoaXUodB.js","assets/vendor-editor-legacy-CYBnW6ZU.js","assets/TerminalPanel-D_ihiWAt.js","assets/vendor-terminal-D8k4UKM2.js","assets/vendor-terminal-BrP-ENHg.css"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{$ as e,A as t,J as n,P as r,Q as i,S as a,X as o,Z as s,d as c,f as l,j as u,l as d,p as f,q as p,u as m}from"./vendor-editor-core-vUi74DnD.js";import{a as ee,o as te,s as ne}from"./vendor-editor-languages-DoaXUodB.js";(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),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var re=globalThis,ie=re.ShadowRoot&&(re.ShadyCSS===void 0||re.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,ae=Symbol(),oe=new WeakMap,se=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==ae)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(ie&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=oe.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&oe.set(t,e))}return e}toString(){return this.cssText}},ce=e=>new se(typeof e==`string`?e:e+``,void 0,ae),h=(e,...t)=>new se(e.length===1?e[0]:t.reduce((t,n,r)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if(typeof e==`number`)return e;throw Error(`Value passed to 'css' function must be a 'css' function result: `+e+`. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(n)+e[r+1],e[0]),e,ae),le=(e,t)=>{if(ie)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=re.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},ue=ie?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return ce(t)})(e):e,{is:de,defineProperty:fe,getOwnPropertyDescriptor:pe,getOwnPropertyNames:me,getOwnPropertySymbols:he,getPrototypeOf:ge}=Object,_e=globalThis,ve=_e.trustedTypes,ye=ve?ve.emptyScript:``,be=_e.reactiveElementPolyfillSupport,xe=(e,t)=>e,Se={toAttribute(e,t){switch(t){case Boolean:e=e?ye:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},Ce=(e,t)=>!de(e,t),we={attribute:!0,type:String,converter:Se,reflect:!1,useDefault:!1,hasChanged:Ce};Symbol.metadata??=Symbol(`metadata`),_e.litPropertyMetadata??=new WeakMap;var Te=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=we){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&fe(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=pe(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??we}static _$Ei(){if(this.hasOwnProperty(xe(`elementProperties`)))return;let e=ge(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(xe(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(xe(`properties`))){let e=this.properties,t=[...me(e),...he(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(ue(e))}else e!==void 0&&t.push(ue(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return le(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?Se:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?Se:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??Ce)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};Te.elementStyles=[],Te.shadowRootOptions={mode:`open`},Te[xe(`elementProperties`)]=new Map,Te[xe(`finalized`)]=new Map,be?.({ReactiveElement:Te}),(_e.reactiveElementVersions??=[]).push(`2.1.2`);var Ee=globalThis,De=e=>e,Oe=Ee.trustedTypes,ke=Oe?Oe.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,Ae=`$lit$`,je=`lit$${Math.random().toFixed(9).slice(2)}$`,Me=`?`+je,Ne=`<${Me}>`,Pe=document,Fe=()=>Pe.createComment(``),Ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,Le=Array.isArray,Re=e=>Le(e)||typeof e?.[Symbol.iterator]==`function`,ze=`[
|
|
3
|
-
\f\r]`,Be=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ve=/-->/g,He=/>/g,Ue=RegExp(`>|${ze}(?:([^\\s"'>=/]+)(${ze}*=${ze}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),We=/'/g,Ge=/"/g,Ke=/^(?:script|style|textarea|title)$/i,qe=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),g=qe(1),Je=qe(2),Ye=Symbol.for(`lit-noChange`),_=Symbol.for(`lit-nothing`),Xe=new WeakMap,Ze=Pe.createTreeWalker(Pe,129);function Qe(e,t){if(!Le(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return ke===void 0?t:ke.createHTML(t)}var $e=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=Be;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===Be?c[1]===`!--`?o=Ve:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=Ue):(Ke.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=Ue):o=He:o===Ue?c[0]===`>`?(o=i??Be,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?Ue:c[3]===`"`?Ge:We):o===Ge||o===We?o=Ue:o===Ve||o===He?o=Be:(o=Ue,i=void 0);let d=o===Ue&&e[t+1].startsWith(`/>`)?` `:``;a+=o===Be?n+Ne:l>=0?(r.push(s),n.slice(0,l)+Ae+n.slice(l)+je+d):n+je+(l===-2?t:d)}return[Qe(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},et=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=$e(t,n);if(this.el=e.createElement(l,r),Ze.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=Ze.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(Ae)){let t=u[o++],n=i.getAttribute(e).split(je),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?at:r[1]===`?`?ot:r[1]===`@`?st:it}),i.removeAttribute(e)}else e.startsWith(je)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(Ke.test(i.tagName)){let e=i.textContent.split(je),t=e.length-1;if(t>0){i.textContent=Oe?Oe.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],Fe()),Ze.nextNode(),c.push({type:2,index:++a});i.append(e[t],Fe())}}}else if(i.nodeType===8)if(i.data===Me)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(je,e+1))!==-1;)c.push({type:7,index:a}),e+=je.length-1}a++}}static createElement(e,t){let n=Pe.createElement(`template`);return n.innerHTML=e,n}};function tt(e,t,n=e,r){if(t===Ye)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=Ie(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=tt(e,i._$AS(e,t.values),i,r)),t}var nt=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??Pe).importNode(t,!0);Ze.currentNode=r;let i=Ze.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new rt(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new ct(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=Ze.nextNode(),a++)}return Ze.currentNode=Pe,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},rt=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=tt(this,e,t),Ie(e)?e===_||e==null||e===``?(this._$AH!==_&&this._$AR(),this._$AH=_):e!==this._$AH&&e!==Ye&&this._(e):e._$litType$===void 0?e.nodeType===void 0?Re(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==_&&Ie(this._$AH)?this._$AA.nextSibling.data=e:this.T(Pe.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=et.createElement(Qe(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new nt(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=Xe.get(e.strings);return t===void 0&&Xe.set(e.strings,t=new et(e)),t}k(t){Le(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(Fe()),this.O(Fe()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=De(e).nextSibling;De(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},it=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=_,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=_}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=tt(this,e,t,0),a=!Ie(e)||e!==this._$AH&&e!==Ye,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=tt(this,r[n+o],t,o),s===Ye&&(s=this._$AH[o]),a||=!Ie(s)||s!==this._$AH[o],s===_?e=_:e!==_&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},at=class extends it{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===_?void 0:e}},ot=class extends it{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==_)}},st=class extends it{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=tt(this,e,t,0)??_)===Ye)return;let n=this._$AH,r=e===_&&n!==_||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==_&&(n===_||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},ct=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){tt(this,e)}},lt={M:Ae,P:je,A:Me,C:1,L:$e,R:nt,D:Re,V:tt,I:rt,H:it,N:ot,U:st,B:at,F:ct},ut=Ee.litHtmlPolyfillSupport;ut?.(et,rt),(Ee.litHtmlVersions??=[]).push(`3.3.3`);var dt=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new rt(t.insertBefore(Fe(),e),e,void 0,n??{})}return i._$AI(e),i},ft=globalThis,v=class extends Te{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=dt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Ye}};v._$litElement$=!0,v.finalized=!0,ft.litElementHydrateSupport?.({LitElement:v});var pt=ft.litElementPolyfillSupport;pt?.({LitElement:v}),(ft.litElementVersions??=[]).push(`4.2.2`);var y=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},mt={attribute:!0,type:String,converter:Se,reflect:!1,hasChanged:Ce},ht=(e=mt,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function b(e){return(t,n)=>typeof n==`object`?ht(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function x(e){return b({...e,state:!0,attribute:!1})}var gt=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);function S(e,t){return(n,r,i)=>{let a=t=>t.renderRoot?.querySelector(e)??null;if(t){let{get:e,set:t}=typeof r==`object`?n:i??(()=>{let e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return gt(n,r,{get(){let n=e.call(this);return n===void 0&&(n=a(this),(n!==null||this.hasUpdated)&&t.call(this,n)),n}})}return gt(n,r,{get(){return a(this)}})}}async function C(e,t,n){let r=new Headers(n?.headers);n?.body!==void 0&&!r.has(`content-type`)&&r.set(`content-type`,`application/json`);let i=await fetch(e,{...n,headers:r});if(!i.ok){let e=await i.json().catch(()=>({}));throw Error(_t(e)??i.statusText)}return t(await i.json())}function _t(e){if(vt(e))return typeof e.error==`string`?e.error:void 0}function vt(e){return typeof e==`object`&&!!e}var w={sessionsDeleteArchived:`sessions.deleteArchived`,sessionsBulkMutations:`sessions.bulkMutations`,sessionsCleanup:`sessions.cleanup`,sessionsReload:`sessions.reload`,sessionsPersistedState:`sessions.persistedState`,promptAttachments:`prompt.attachments`,workspaceFileSuggestions:`workspace.fileSuggestions`,piPackagesManage:`piPackages.manage`,selectedMachineSettings:`settings.selectedMachine`},yt=Object.values(w),bt=new Set(yt);w.sessionsDeleteArchived,w.sessionsBulkMutations,w.sessionsCleanup,w.sessionsReload,w.sessionsPersistedState,w.promptAttachments,w.workspaceFileSuggestions,w.piPackagesManage,w.selectedMachineSettings,w.sessionsDeleteArchived,w.sessionsBulkMutations,w.sessionsCleanup,w.sessionsReload,w.sessionsPersistedState,w.promptAttachments,w.sessionsDeleteArchived,w.sessionsBulkMutations,w.sessionsCleanup,w.sessionsReload,w.sessionsPersistedState,w.promptAttachments,w.workspaceFileSuggestions,w.piPackagesManage,w.selectedMachineSettings;function xt(e){return typeof e==`string`&&bt.has(e)}function St(e,t){return e?.capabilities?.includes(t)===!0}function Ct(e){if(!(!Array.isArray(e)||!e.every(e=>typeof e==`string`)))return e.filter(xt)}function wt(e){return typeof e==`object`&&!!e}function T(e){if(!wt(e))throw Error(`Expected object response`);return e}function E(e,t){let n=e[t];if(typeof n!=`string`)throw Error(`Expected string field: ${t}`);return n}function D(e,t){let n=e[t];if(n!==void 0){if(typeof n!=`string`)throw Error(`Expected optional string field: ${t}`);return n}}function O(e,t){let n=e[t];if(typeof n!=`number`)throw Error(`Expected number field: ${t}`);return n}function k(e,t){let n=e[t];if(typeof n!=`boolean`)throw Error(`Expected boolean field: ${t}`);return n}function A(e){return t=>{if(!Array.isArray(t))throw Error(`Expected array response`);return t.map(e)}}function Tt(e){if(!Array.isArray(e))throw Error(`Expected array response`);return e}function Et(e,t){if(!Array.isArray(e)||!e.every(e=>typeof e==`string`))throw Error(`Expected string array field: ${t}`);return e}function Dt(e){if(Array.isArray(e))return{messages:e,start:0,total:e.length};let t=T(e);return{messages:Tt(t.messages),start:O(t,`start`),total:O(t,`total`)}}function Ot(e){let t=T(e);return A(kt)(t.machines)}function kt(e){let t=T(e),n=Mt(t,`kind`),r=D(t,`baseUrl`),i=Nt(t,`status`),a=D(t,`statusMessage`);return{id:E(t,`id`),name:E(t,`name`),kind:n,...r===void 0?{}:{baseUrl:r},createdAt:E(t,`createdAt`),updatedAt:E(t,`updatedAt`),...i===void 0?{}:{status:i},...a===void 0?{}:{statusMessage:a}}}function At(e){let t=T(e),n=Nt(t,`status`),r=D(t,`error`);return{machineId:E(t,`machineId`),ok:k(t,`ok`),checkedAt:E(t,`checkedAt`),...n===void 0?{}:{status:n},...t.web===void 0?{}:{web:nr(t.web)},...t.sessiond===void 0?{}:{sessiond:nr(t.sessiond)},...r===void 0?{}:{error:r}}}function jt(e){let t=T(e),n=D(t,`error`);return{machineId:E(t,`machineId`),ok:k(t,`ok`),checkedAt:E(t,`checkedAt`),...j(`packageName`,D(t,`packageName`)),...j(`generatedAt`,D(t,`generatedAt`)),...t.components===void 0?{}:{components:er(t.components)},...t.capabilities===void 0?{}:{capabilities:cr(t.capabilities)},...n===void 0?{}:{error:n}}}function Mt(e,t){let n=E(e,t);if(n!==`local`&&n!==`remote`)throw Error(`Expected machine kind field: ${t}`);return n}function Nt(e,t){let n=D(e,t);if(n!==void 0){if(n!==`unknown`&&n!==`online`&&n!==`offline`&&n!==`error`)throw Error(`Expected machine status field: ${t}`);return n}}function Pt(e){let t=T(e);return{id:E(t,`id`),name:E(t,`name`),path:E(t,`path`),createdAt:E(t,`createdAt`)}}function Ft(e){let t=T(e),n=D(t,`branch`);return{id:E(t,`id`),projectId:E(t,`projectId`),path:E(t,`path`),label:E(t,`label`),...n===void 0?{}:{branch:n},isMain:k(t,`isMain`),isGitRepo:k(t,`isGitRepo`),isGitWorktree:k(t,`isGitWorktree`),...j(`effectiveConfig`,It(t.effectiveConfig))}}function It(e){if(e!==void 0){if(!wt(e)||Array.isArray(e))throw Error(`Invalid workspace effectiveConfig field`);return{...j(`uploads`,In(e.uploads))}}}function Lt(e){let t=T(e),n=D(t,`name`),r=Xn(t.persisted,`persisted`),i=D(t,`parentSessionPath`),a=D(t,`archivedAt`);return{id:E(t,`id`),path:E(t,`path`),cwd:E(t,`cwd`),...r===void 0?{}:{persisted:r},...n===void 0?{}:{name:n},created:E(t,`created`),modified:E(t,`modified`),messageCount:O(t,`messageCount`),firstMessage:E(t,`firstMessage`),...i===void 0?{}:{parentSessionPath:i},...t.archived===!0?{archived:!0}:{},...a===void 0?{}:{archivedAt:a}}}function Rt(e){let t=T(e);return{sessionId:E(t,`sessionId`),...j(`persisted`,Xn(t.persisted,`persisted`)),isStreaming:k(t,`isStreaming`),isCompacting:k(t,`isCompacting`),isBashRunning:k(t,`isBashRunning`),pendingMessageCount:O(t,`pendingMessageCount`),queuedMessages:t.queuedMessages===void 0?[]:A(qt)(t.queuedMessages),...j(`messageCount`,Tr(t,`messageCount`)),tokens:Jt(t.tokens),cost:O(t,`cost`),...Xt(t.model),...dn(t.contextUsage),...j(`thinkingLevel`,D(t,`thinkingLevel`))}}function zt(e){let t=T(e),n=t.skippedBusySessionIds===void 0?void 0:Et(t.skippedBusySessionIds,`skippedBusySessionIds`);return{generatedAt:E(t,`generatedAt`),thresholds:Wt(t.thresholds),projects:A(Gt)(t.projects),totals:Kt(t.totals),...n===void 0?{}:{skippedBusySessionIds:n}}}function Bt(e){let t=T(e);return{...zt(t),archivedSessionIds:Et(t.archivedSessionIds,`archivedSessionIds`),deletedSessionIds:Et(t.deletedSessionIds,`deletedSessionIds`)}}function Vt(e){let t=T(e);if(t.archived!==!0)throw Error(`Expected bulk archived response`);return{archived:!0,archivedSessionIds:Et(t.archivedSessionIds,`archivedSessionIds`),failures:A(Ut)(t.failures),generatedAt:E(t,`generatedAt`)}}function Ht(e){let t=T(e);if(t.deleted!==!0)throw Error(`Expected bulk deleted response`);return{deleted:!0,deletedSessionIds:Et(t.deletedSessionIds,`deletedSessionIds`),failures:A(Ut)(t.failures),generatedAt:E(t,`generatedAt`)}}function Ut(e){let t=T(e);return{sessionId:E(t,`sessionId`),error:E(t,`error`)}}function Wt(e){let t=T(e);return{...j(`archiveIdleDays`,Tr(t,`archiveIdleDays`)),...j(`deleteArchivedDays`,Tr(t,`deleteArchivedDays`))}}function Gt(e){let t=T(e);return{cwd:E(t,`cwd`),archiveCount:O(t,`archiveCount`),deleteCount:O(t,`deleteCount`)}}function Kt(e){let t=T(e);return{archiveCount:O(t,`archiveCount`),deleteCount:O(t,`deleteCount`)}}function qt(e){let t=T(e),n=E(t,`kind`);if(n!==`steer`&&n!==`followUp`)throw Error(`Invalid queued message kind`);return{kind:n,text:E(t,`text`)}}function Jt(e){let t=T(e);return{input:O(t,`input`),output:O(t,`output`),cacheRead:O(t,`cacheRead`),cacheWrite:O(t,`cacheWrite`),total:O(t,`total`)}}function Yt(e){let t=T(e);return{...j(`provider`,D(t,`provider`)),...j(`id`,D(t,`id`)),...j(`name`,D(t,`name`)),...j(`contextWindow`,Tr(t,`contextWindow`)),...j(`reasoning`,t.reasoning)}}function Xt(e){return e===void 0?{}:{model:Yt(e)}}function Zt(e){let t=T(e);return{models:A(Yt)(t.models)}}function Qt(e){if(typeof e!=`string`)throw Error(`Invalid thinking level`);return e}function $t(e){let t=T(e);return{levels:A(Qt)(t.levels)}}function en(e){if(e!==`oauth`&&e!==`api_key`)throw Error(`Invalid auth type`);return e}function tn(e){if(e!==`stored`&&e!==`runtime`&&e!==`environment`&&e!==`fallback`&&e!==`models_json_key`&&e!==`models_json_command`)throw Error(`Invalid auth status source`);return e}function nn(e){let t=T(e),n=t.source===void 0?void 0:tn(t.source);return{configured:k(t,`configured`),...j(`source`,n),...j(`label`,D(t,`label`))}}function rn(e){let t=T(e);return{id:E(t,`id`),name:E(t,`name`),authType:en(t.authType),status:nn(t.status)}}function an(e){let t=T(e);return{providers:A(rn)(t.providers)}}function on(e){let t=T(e);return{flowId:E(t,`flowId`),providerId:E(t,`providerId`),providerName:E(t,`providerName`),status:sn(t.status),progress:A(e=>{if(typeof e!=`string`)throw Error(`Expected progress item string`);return e})(t.progress),...j(`error`,D(t,`error`)),...j(`auth`,cn(t.auth)),...j(`prompt`,ln(t.prompt)),...j(`select`,un(t.select))}}function sn(e){if(e!==`running`&&e!==`complete`&&e!==`error`&&e!==`cancelled`)throw Error(`Invalid OAuth flow status`);return e}function cn(e){if(e===void 0)return;let t=T(e);return{url:E(t,`url`),...j(`instructions`,D(t,`instructions`))}}function ln(e){if(e===void 0)return;let t=T(e),n=E(t,`kind`);if(n!==`prompt`&&n!==`manual`)throw Error(`Invalid OAuth prompt kind`);return{requestId:E(t,`requestId`),message:E(t,`message`),kind:n,...j(`placeholder`,D(t,`placeholder`)),...t.allowEmpty===!0?{allowEmpty:!0}:{}}}function un(e){if(e===void 0)return;let t=T(e);return{requestId:E(t,`requestId`),message:E(t,`message`),options:A(dr)(t.options)}}function dn(e){if(e===void 0)return{};let t=T(e);return{contextUsage:{tokens:Er(t,`tokens`),contextWindow:O(t,`contextWindow`),percent:Er(t,`percent`)}}}function fn(e){let t=T(e),n=E(t,`source`);if(n!==`extension`&&n!==`prompt`&&n!==`skill`&&n!==`builtin`)throw Error(`Invalid command source`);return{name:E(t,`name`),source:n,...j(`description`,D(t,`description`))}}function pn(e){let t=T(e),n=E(t,`kind`);if(n!==`tracked`&&n!==`untracked`&&n!==`other`)throw Error(`Invalid file kind`);return{path:E(t,`path`),kind:n}}function mn(e){let t=T(e);return{path:E(t,`path`),entries:A(hn)(t.entries),scannedAt:E(t,`scannedAt`),truncated:k(t,`truncated`)}}function hn(e){let t=T(e),n=E(t,`type`);if(n!==`file`&&n!==`directory`&&n!==`symlink`)throw Error(`Invalid file tree entry type`);return{name:E(t,`name`),path:E(t,`path`),type:n,...j(`size`,Tr(t,`size`)),...j(`modifiedAt`,D(t,`modifiedAt`))}}function gn(e){let t=T(e),n=E(t,`encoding`);if(n!==`utf8`)throw Error(`Invalid file encoding`);return{path:E(t,`path`),...j(`language`,D(t,`language`)),...j(`mediaType`,bn(t.mediaType)),...j(`mimeType`,D(t,`mimeType`)),encoding:n,size:O(t,`size`),modifiedAt:E(t,`modifiedAt`),content:E(t,`content`),truncated:k(t,`truncated`),binary:k(t,`binary`)}}function _n(e){let t=T(e);return{path:E(t,`path`),size:O(t,`size`),modifiedAt:E(t,`modifiedAt`),created:k(t,`created`)}}function vn(e){let t=T(e);return{path:E(t,`path`),existed:k(t,`existed`)}}function yn(e){let t=T(e);return{fromPath:E(t,`fromPath`),toPath:E(t,`toPath`),size:O(t,`size`),modifiedAt:E(t,`modifiedAt`)}}function bn(e){if(e!==void 0){if(e!==`image`)throw Error(`Invalid file media type`);return e}}function xn(e){let t=T(e);return{isGitRepo:k(t,`isGitRepo`),hash:E(t,`hash`),...j(`branch`,D(t,`branch`)),...j(`upstream`,D(t,`upstream`)),...j(`ahead`,Tr(t,`ahead`)),...j(`behind`,Tr(t,`behind`)),files:A(Sn)(t.files)}}function Sn(e){let t=T(e);return{path:E(t,`path`),...j(`oldPath`,D(t,`oldPath`)),index:Cn(t.index),workingTree:Cn(t.workingTree)}}function Cn(e){switch(e){case`unmodified`:case`modified`:case`added`:case`deleted`:case`renamed`:case`copied`:case`untracked`:case`ignored`:case`conflicted`:return e;default:throw Error(`Invalid git file state`)}}function wn(e){let t=T(e);return{...j(`path`,D(t,`path`)),staged:k(t,`staged`),hash:E(t,`hash`),diff:E(t,`diff`),truncated:k(t,`truncated`)}}function Tn(e){let t=T(e);return{id:E(t,`id`),cwd:E(t,`cwd`),name:E(t,`name`),createdAt:E(t,`createdAt`),exited:k(t,`exited`),...j(`exitCode`,Tr(t,`exitCode`)),...j(`commandRunId`,D(t,`commandRunId`))}}function En(e){let t=T(e);return{id:E(t,`id`),origin:E(t,`origin`),projectId:E(t,`projectId`),workspaceId:E(t,`workspaceId`),terminalId:E(t,`terminalId`),title:E(t,`title`),command:E(t,`command`),status:Dn(t.status),...j(`exitCode`,Tr(t,`exitCode`)),createdAt:E(t,`createdAt`),...j(`startedAt`,D(t,`startedAt`)),...j(`completedAt`,D(t,`completedAt`)),metadata:On(t.metadata,`metadata`)}}function Dn(e){if(e!==`queued`&&e!==`running`&&e!==`succeeded`&&e!==`failed`)throw Error(`Invalid terminal command run status`);return e}function On(e,t){let n=T(e);return Object.fromEntries(Object.entries(n).map(([e,n])=>{if(typeof n!=`string`)throw Error(`Expected string record field: ${t}.${e}`);return[e,n]}))}function kn(e){let t=T(e);return{cwd:E(t,`cwd`),hasSessionActivity:k(t,`hasSessionActivity`),hasTerminalActivity:k(t,`hasTerminalActivity`),updatedAt:E(t,`updatedAt`)}}function An(e){let t=T(e);return{workspaces:A(kn)(t.workspaces),generatedAt:E(t,`generatedAt`)}}function jn(e){let t=T(e);return{path:E(t,`path`),exists:k(t,`exists`),config:Mn(t.config),effectiveConfig:Mn(t.effectiveConfig),envOverrides:Vn(t.envOverrides)}}function Mn(e){let t=T(e);return{...j(`host`,D(t,`host`)),...j(`port`,Tr(t,`port`)),...j(`allowedHosts`,Nn(t.allowedHosts)),...j(`shortcuts`,zn(t.shortcuts)),...j(`plugins`,Bn(t.plugins)),...j(`pathAccess`,Pn(t.pathAccess)),...j(`uploads`,In(t.uploads)),...j(`maxUploadBytes`,Tr(t,`maxUploadBytes`)),...j(`spawnSessions`,wr(t,`spawnSessions`)),...j(`subsessions`,wr(t,`subsessions`))}}function Nn(e){if(e!==void 0){if(e===!0)return!0;if(Ln(e))return e;throw Error(`Invalid PI WEB allowedHosts field`)}}function Pn(e){if(e===void 0)return;if(!wt(e))throw Error(`Invalid PI WEB pathAccess field`);let t=e.allowedPaths;return{...j(`allowedPaths`,Fn(t,`pathAccess.allowedPaths`))}}function Fn(e,t){if(e!==void 0){if(Rn(e))return e;throw Error(`Invalid PI WEB ${t} field`)}}function In(e){if(e!==void 0){if(!wt(e)||Array.isArray(e))throw Error(`Invalid PI WEB uploads field`);return{...j(`defaultFolder`,D(e,`defaultFolder`))}}}function Ln(e){return Array.isArray(e)&&e.every(e=>typeof e==`string`)}function Rn(e){return Array.isArray(e)&&e.every(e=>typeof e==`string`&&e!==``)}function zn(e){if(e!==void 0){if(!wt(e)||Array.isArray(e))throw Error(`Invalid PI WEB shortcuts field`);return Object.fromEntries(Object.entries(e).map(([e,t])=>{if(t!==null&&(typeof t!=`string`||t===``))throw Error(`Invalid PI WEB shortcut field`);return[e,t]}))}}function Bn(e){if(e!==void 0){if(!wt(e)||Array.isArray(e))throw Error(`Invalid PI WEB plugins field`);return Object.fromEntries(Object.entries(e).map(([e,t])=>{if(!wt(t)||Array.isArray(t))throw Error(`Invalid PI WEB plugin config field`);let n=t.enabled;if(n!==void 0&&typeof n!=`boolean`)throw Error(`Invalid PI WEB plugin enabled field`);let r=t.settings;if(r!==void 0&&(!wt(r)||Array.isArray(r)))throw Error(`Invalid PI WEB plugin settings field`);return[e,t]}))}}function Vn(e){let t=T(e);return{host:k(t,`host`),port:k(t,`port`),allowedHosts:k(t,`allowedHosts`),spawnSessions:k(t,`spawnSessions`),subsessions:k(t,`subsessions`)}}function Hn(e){let t=T(e);return{packages:A(Wn)(t.packages)}}function Un(e){let t=T(e),n=D(t,`source`),r=t.scope===void 0?void 0:Gn(t.scope),i=Xn(t.removed,`removed`);return{action:Kn(t.action),...j(`source`,n),...j(`scope`,r),...j(`removed`,i),packages:A(Wn)(t.packages)}}function Wn(e){let t=T(e);return{source:E(t,`source`),scope:Gn(t.scope),filtered:k(t,`filtered`),...j(`installedPath`,D(t,`installedPath`))}}function Gn(e){if(e!==`user`&&e!==`project`)throw Error(`Invalid Pi package scope`);return e}function Kn(e){if(e!==`install`&&e!==`remove`&&e!==`update`)throw Error(`Invalid Pi package mutation action`);return e}function qn(e){let t=T(e);return{plugins:A(Jn)(t.plugins)}}function Jn(e){let t=T(e);return{id:E(t,`id`),module:E(t,`module`),source:E(t,`source`),scope:Yn(t.scope),machineSpecific:Xn(t.machineSpecific,`machineSpecific`)??!1,enabled:k(t,`enabled`)}}function Yn(e){if(e!==`bundled`&&e!==`local`&&e!==`user`&&e!==`project`)throw Error(`Invalid PI WEB plugin scope`);return e}function Xn(e,t){if(e!==void 0){if(typeof e!=`boolean`)throw Error(`Expected optional boolean field: ${t}`);return e}}function Zn(e){let t=T(e);return{packageName:E(t,`packageName`),generatedAt:E(t,`generatedAt`),components:$n(t.components),release:ir(t.release),commands:ar(t.commands),messages:A(or)(t.messages)}}function Qn(e){let t=T(e);return{packageName:E(t,`packageName`),generatedAt:E(t,`generatedAt`),components:er(t.components),capabilities:cr(t.capabilities)}}function $n(e){let t=T(e);return{web:nr(t.web),sessiond:nr(t.sessiond)}}function er(e){let t=T(e);return{web:tr(t.web),sessiond:tr(t.sessiond)}}function tr(e){let t=T(e);return{component:sr(t.component),label:E(t,`label`),...j(`runtimeVersion`,D(t,`runtimeVersion`)),available:k(t,`available`),capabilities:cr(t.capabilities),...j(`error`,D(t,`error`))}}function nr(e){let t=T(e);return{component:sr(t.component),label:E(t,`label`),...j(`runtimeVersion`,D(t,`runtimeVersion`)),...j(`installedVersion`,D(t,`installedVersion`)),stale:k(t,`stale`),available:k(t,`available`),...j(`installation`,rr(t.installation)),...j(`error`,D(t,`error`))}}function rr(e){if(e===void 0)return;let t=T(e),n=E(t,`kind`);if(n!==`pi-package`&&n!==`npm-global`&&n!==`local`&&n!==`docker`&&n!==`unknown`)throw Error(`Invalid PI WEB installation kind`);let r=t.scope;if(r!==void 0&&r!==`user`&&r!==`project`)throw Error(`Invalid PI WEB installation scope`);let i=t.dockerMode;if(i!==void 0&&i!==`runtime`&&i!==`dev`)throw Error(`Invalid PI WEB Docker mode`);return{kind:n,...j(`path`,D(t,`path`)),...j(`source`,D(t,`source`)),...r===void 0?{}:{scope:r},...j(`npmRoot`,D(t,`npmRoot`)),...i===void 0?{}:{dockerMode:i}}}function ir(e){let t=T(e);return{packageName:E(t,`packageName`),...j(`latestVersion`,D(t,`latestVersion`)),updateAvailable:k(t,`updateAvailable`),...j(`checkedAt`,D(t,`checkedAt`)),...t.skipped===!0?{skipped:!0}:{},...j(`error`,D(t,`error`))}}function ar(e){let t=T(e);return{...j(`update`,D(t,`update`)),...j(`restart`,D(t,`restart`)),...j(`restartWeb`,D(t,`restartWeb`)),...j(`restartSessiond`,D(t,`restartSessiond`)),...j(`status`,D(t,`status`))}}function or(e){let t=T(e);return{id:E(t,`id`),severity:lr(t.severity),title:E(t,`title`),body:E(t,`body`),...j(`command`,D(t,`command`))}}function sr(e){if(e!==`web`&&e!==`sessiond`)throw Error(`Invalid PI WEB service component`);return e}function cr(e){let t=Ct(e);if(t===void 0)throw Error(`Invalid PI WEB capabilities`);return t}function lr(e){if(e!==`info`&&e!==`warning`&&e!==`error`)throw Error(`Invalid PI WEB status severity`);return e}function ur(e){let t=T(e),n=E(t,`type`);if(n===`unsupported`)return{type:n,message:E(t,`message`)};if(n===`select`)return{type:n,requestId:E(t,`requestId`),title:E(t,`title`),options:A(dr)(t.options)};if(n===`done`)return{type:n,...j(`message`,D(t,`message`)),...fr(t.session),...j(`promptDraft`,D(t,`promptDraft`))};throw Error(`Invalid command result type`)}function dr(e){let t=T(e);return{value:E(t,`value`),label:E(t,`label`),...j(`description`,D(t,`description`))}}function fr(e){return e===void 0?{}:{session:Lt(e)}}function pr(e){if(T(e).accepted!==!0)throw Error(`Expected accepted response`);return{accepted:!0}}function mr(e){let t=T(e);return A(hr)(t.attachments)}function hr(e){let t=T(e);return{path:E(t,`path`),mimeType:E(t,`mimeType`),size:O(t,`size`)}}function gr(e){if(T(e).closed!==!0)throw Error(`Expected closed response`);return{closed:!0}}function _r(e){if(T(e).aborted!==!0)throw Error(`Expected aborted response`);return{aborted:!0}}function vr(e){if(T(e).stopped!==!0)throw Error(`Expected stopped response`);return{stopped:!0}}function yr(e){let t=T(e);if(t.archived!==!0)throw Error(`Expected archived response`);let n=t.sessionIds===void 0?void 0:Et(t.sessionIds,`sessionIds`),r=Tr(t,`archivedCount`),i=Tr(t,`skippedAlreadyArchivedCount`);return{archived:!0,...n===void 0?{}:{sessionIds:n},...r===void 0?{}:{archivedCount:r},...i===void 0?{}:{skippedAlreadyArchivedCount:i}}}function br(e){if(T(e).restored!==!0)throw Error(`Expected restored response`);return{restored:!0}}function xr(e){if(T(e).deleted!==!0)throw Error(`Expected deleted response`);return{deleted:!0}}function Sr(e){if(T(e).detached!==!0)throw Error(`Expected detached response`);return{detached:!0}}function Cr(e){if(T(e).reloaded!==!0)throw Error(`Expected reloaded response`);return{reloaded:!0}}function wr(e,t){let n=e[t];if(n!==void 0){if(typeof n!=`boolean`)throw Error(`Invalid PI WEB ${t} field`);return n}}function Tr(e,t){let n=e[t];if(n!==void 0){if(typeof n!=`number`)throw Error(`Expected optional number field: ${t}`);return n}}function Er(e,t){let n=e[t];if(n===null)return null;if(typeof n!=`number`)throw Error(`Expected number|null field: ${t}`);return n}function j(e,t){return t===void 0?{}:{[e]:t}}function Dr(e){return typeof e==`string`?e:e.id}function Or(e){return typeof e==`string`?void 0:e.cwd}function kr(e,t,n,r){let i=new URLSearchParams;r?.path!==void 0&&i.set(`path`,r.path),r?.staged===!0&&i.set(`staged`,`true`);let a=i.toString();return`/api/machines/${encodeURIComponent(e)}/projects/${encodeURIComponent(t)}/workspaces/${encodeURIComponent(n)}/git/diff${a?`?${a}`:``}`}function Ar(e,t,n=`local`){let r=new URLSearchParams,i=Or(e);i!==void 0&&i!==``&&r.set(`cwd`,i),t?.limit!==void 0&&r.set(`limit`,String(t.limit)),t?.before!==void 0&&r.set(`before`,String(t.before));let a=r.toString();return`/api/machines/${encodeURIComponent(n)}/sessions/${encodeURIComponent(Dr(e))}/messages${a===``?``:`?${a}`}`}function jr(e,t,n,r){let i=new URLSearchParams({path:n});return r?.createDirs===!1&&i.set(`createDirs`,`false`),r?.overwrite===!1&&i.set(`overwrite`,`false`),`${`/api/machines/${encodeURIComponent(r?.machineId??`local`)}`}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file?${i.toString()}`}function Mr(e,t,n,r){let i=new URLSearchParams;return i.set(`path`,n),r?.modifiedAt!==void 0&&i.set(`v`,r.modifiedAt),`${`/api/machines/${encodeURIComponent(r?.machineId??`local`)}`}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file/preview?${i.toString()}`}var M=(e=`local`)=>`/api/machines/${encodeURIComponent(e)}`;function Nr(e){return typeof e==`string`?e:e.id}function Pr(e){return typeof e==`string`?void 0:e.cwd}function Fr(e,t=`local`){return`${M(t)}/sessions/${encodeURIComponent(Nr(e))}`}function N(e,t,n=`local`){return`${Fr(e,n)}/${t}`}function Ir(e,t,n=`local`){return`${N(e,t,n)}${Rr(e)}`}function Lr(e,t=`local`){return`${Fr(e,t)}${Rr(e)}`}function Rr(e){let t=Pr(e);return t===void 0||t===``?``:`?${new URLSearchParams({cwd:t}).toString()}`}function P(e,t={}){let n=Pr(e);return JSON.stringify(n===void 0||n===``?t:{cwd:n,...t})}function zr(e){return JSON.stringify({sessions:e.map(Br)})}function Br(e){let t=Nr(e),n=Pr(e);return n===void 0||n===``?{id:t}:{id:t,cwd:n}}var Vr={piWebStatus:(e=`local`)=>C(e===`local`?`/api/pi-web/status`:`${M(e)}/pi-web/status`,Zn),piWebRuntime:()=>C(`/api/pi-web/runtime`,Qn)},Hr={machines:()=>C(`/api/machines`,Ot),addMachine:e=>C(`/api/machines`,kt,{method:`POST`,body:JSON.stringify(e)}),deleteMachine:e=>C(`/api/machines/${encodeURIComponent(e)}`,e=>e,{method:`DELETE`}),health:e=>C(`/api/machines/${encodeURIComponent(e)}/health`,At),runtime:e=>C(`/api/machines/${encodeURIComponent(e)}/runtime`,jt)};function Ur(e){return e===void 0?`/api/config`:`${M(e)}/config`}function Wr(e){return e===void 0?`/api/plugins`:`${M(e)}/plugins`}var Gr={config:e=>C(Ur(e),jn),saveConfig:(e,t)=>C(Ur(t),jn,{method:`PUT`,body:JSON.stringify({config:e})})},Kr={plugins:e=>C(Wr(e),qn)};function qr(e=``,t){let n=t===void 0?`/api/pi-packages`:`${M(t)}/pi-packages`;return e===``?n:`${n}/${e}`}var Jr={packages:e=>C(qr(``,e),Hn),install:(e,t)=>{let n={source:e};return C(qr(`install`,t),Un,{method:`POST`,body:JSON.stringify(n)})},remove:(e,t,n)=>{let r=t===void 0?{source:e}:{source:e,scope:t};return C(qr(`remove`,n),Un,{method:`POST`,body:JSON.stringify(r)})},update:(e,t)=>{let n=e===void 0?void 0:{source:e};return C(qr(`update`,t),Un,{method:`POST`,...n===void 0?{}:{body:JSON.stringify(n)}})}},Yr={workspaceActivity:(e=`local`)=>C(`${M(e)}/activity`,An)},Xr={projects:(e=`local`)=>C(`${M(e)}/projects`,A(Pt)),addProject:(e,t,n,r=`local`)=>C(`${M(r)}/projects`,Pt,{method:`POST`,body:JSON.stringify({path:e,name:t,create:n})}),closeProject:(e,t=`local`)=>C(`${M(t)}/projects/${encodeURIComponent(e)}`,gr,{method:`DELETE`}),projectDirectories:(e,t=`local`)=>C(`${M(t)}/project-directories?q=${encodeURIComponent(e)}`,A(pn))},Zr={workspaces:(e,t=`local`)=>C(`${M(t)}/projects/${e}/workspaces`,A(Ft)),deleteWorkspace:(e,t,n=`local`)=>C(`${M(n)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}`,En,{method:`DELETE`}),workspaceTree:(e,t,n=``,r=`local`)=>C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/tree?path=${encodeURIComponent(n)}`,mn),workspaceFile:(e,t,n,r=`local`)=>C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file?path=${encodeURIComponent(n)}`,gn),writeWorkspaceFile:(e,t,n,r,i,a=`local`)=>{let o=new URLSearchParams({path:n});i?.createDirs===!1&&o.set(`createDirs`,`false`),i?.overwrite===!1&&o.set(`overwrite`,`false`);let s=r instanceof Uint8Array,c=s?new Uint8Array(r):new TextEncoder().encode(r);return C(`${M(a)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file?${o.toString()}`,_n,{method:`PUT`,body:c,headers:{"Content-Type":s?`application/octet-stream`:`text/plain`}})},deleteWorkspaceFile:(e,t,n,r=`local`)=>{let i=new URLSearchParams({path:n});return C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file?${i.toString()}`,vn,{method:`DELETE`})},moveWorkspaceFile:(e,t,n,r,i,a=`local`)=>{let o=new URLSearchParams({fromPath:n,toPath:r});return i?.createDirs===!1&&o.set(`createDirs`,`false`),i?.overwrite===!0&&o.set(`overwrite`,`true`),C(`${M(a)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/file/move?${o.toString()}`,yn,{method:`POST`})}},Qr={sessions:(e,t=`local`)=>C(`${M(t)}/sessions?cwd=${encodeURIComponent(e)}`,A(Lt)),startSession:(e,t=`local`)=>C(`${M(t)}/sessions`,Lt,{method:`POST`,body:JSON.stringify({cwd:e})}),cleanupPreview:(e,t=`local`)=>C(`${M(t)}/sessions/cleanup/preview`,zt,{method:`POST`,body:JSON.stringify(e)}),cleanup:(e,t=`local`)=>C(`${M(t)}/sessions/cleanup`,Bt,{method:`POST`,body:JSON.stringify(e)}),archiveMany:(e,t=`local`)=>C(`${M(t)}/sessions/bulk/archive`,Vt,{method:`POST`,body:zr(e)}),deleteArchivedMany:(e,t=`local`)=>C(`${M(t)}/sessions/bulk/delete-archived`,Ht,{method:`POST`,body:zr(e)}),messages:(e,t,n=`local`)=>C(Ar(e,t,n),Dt),status:(e,t=`local`)=>C(Ir(e,`status`,t),Rt),models:(e,t=`local`)=>C(Ir(e,`models`,t),Zt),setModel:(e,t,n,r=`local`)=>C(N(e,`model`,r),Rt,{method:`POST`,body:P(e,{provider:t,modelId:n})}),cycleModel:(e,t,n=`local`)=>C(N(e,`model/cycle`,n),Rt,{method:`POST`,body:P(e,{direction:t})}),thinkingLevels:(e,t=`local`)=>C(Ir(e,`thinking-levels`,t),$t),setThinkingLevel:(e,t,n=`local`)=>C(N(e,`thinking-level`,n),Rt,{method:`POST`,body:P(e,{level:t})}),cycleThinkingLevel:(e,t=`local`)=>C(N(e,`thinking-level/cycle`,t),Rt,{method:`POST`,body:P(e)}),commands:(e,t=`local`)=>C(Ir(e,`commands`,t),A(fn)),prompt:(e,t,n,r=`local`,i)=>C(N(e,`prompt`,r),pr,{method:`POST`,body:P(e,{text:t,...n===void 0?{}:{streamingBehavior:n},...i!==void 0&&i.length>0?{attachments:i}:{}})}),saveAttachments:(e,t,n=`local`,r)=>C(N(e,`attachments`,n),mr,{method:`POST`,body:P(e,{attachments:t,...r===void 0?{}:{folder:r}})}),shell:(e,t,n=`local`)=>C(N(e,`shell`,n),pr,{method:`POST`,body:P(e,{text:t})}),runCommand:(e,t,n=`local`)=>C(N(e,`commands/run`,n),ur,{method:`POST`,body:P(e,{text:t})}),respondToCommand:(e,t,n,r=`local`)=>C(N(e,`commands/respond`,r),ur,{method:`POST`,body:P(e,{requestId:t,value:n})}),abort:(e,t=`local`)=>C(N(e,`abort`,t),_r,{method:`POST`,body:P(e)}),stop:(e,t=`local`)=>C(N(e,`stop`,t),vr,{method:`POST`,body:P(e)}),archive:(e,t=`local`)=>C(N(e,`archive`,t),yr,{method:`POST`,body:P(e)}),archiveWithDescendants:(e,t=`local`)=>C(N(e,`archive-tree`,t),yr,{method:`POST`,body:P(e)}),restore:(e,t=`local`)=>C(N(e,`restore`,t),br,{method:`POST`,body:P(e)}),deleteArchived:(e,t=`local`)=>C(Lr(e,t),xr,{method:`DELETE`}),detachParent:(e,t=`local`)=>C(N(e,`detach-parent`,t),Sr,{method:`POST`,body:P(e)}),reloadSession:(e,t=`local`)=>C(N(e,`reload`,t),Cr,{method:`POST`,body:P(e)}),authProviders:e=>{let t=new URLSearchParams;e?.mode!==void 0&&t.set(`mode`,e.mode),e?.authType!==void 0&&t.set(`authType`,e.authType);let n=t.toString();return C(`${M(e?.machineId)}/auth/providers${n===``?``:`?${n}`}`,an)},saveApiKey:(e,t,n=`local`)=>C(`${M(n)}/auth/api-key`,pr,{method:`POST`,body:JSON.stringify({providerId:e,key:t})}),logoutProvider:(e,t=`local`)=>C(`${M(t)}/auth/logout`,pr,{method:`POST`,body:JSON.stringify({providerId:e})}),startOAuthLogin:(e,t=`local`)=>C(`${M(t)}/auth/oauth`,on,{method:`POST`,body:JSON.stringify({providerId:e})}),oauthFlow:(e,t=`local`)=>C(`${M(t)}/auth/oauth/${encodeURIComponent(e)}`,on),respondOAuthFlow:(e,t,n,r=`local`)=>C(`${M(r)}/auth/oauth/${encodeURIComponent(e)}/respond`,on,{method:`POST`,body:JSON.stringify({requestId:t,value:n})}),cancelOAuthFlow:(e,t=`local`)=>C(`${M(t)}/auth/oauth/${encodeURIComponent(e)}/cancel`,on,{method:`POST`})},$r={terminals:(e,t,n=`local`)=>C(`${M(n)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals`,A(Tn)),startTerminal:(e,t,n,r=`local`)=>C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals`,Tn,{method:`POST`,body:JSON.stringify(n??{})}),closeWorkspaceTerminals:(e,t,n=`local`)=>C(`${M(n)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals`,gr,{method:`DELETE`}),closeTerminal:(e,t,n,r=`local`)=>C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals/${encodeURIComponent(n)}`,gr,{method:`DELETE`}),continueTerminal:(e,t,n,r=`local`)=>C(`${M(r)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals/${encodeURIComponent(n)}/continue`,Tn,{method:`POST`}),runTerminalCommand:(e,t,n=`local`)=>C(`${M(n)}/projects/${encodeURIComponent(t.workspace.projectId)}/workspaces/${encodeURIComponent(t.workspace.id)}/terminal-command-runs`,En,{method:`POST`,body:JSON.stringify({origin:e,title:t.title,command:t.command,metadata:t.metadata??{}})}),listCommandRuns:(e,t=`local`)=>C(`${M(t)}/terminal-command-runs${ti(e)}`,A(En)),getCommandRun:(e,t=`local`)=>ei(e,t),cancelCommandRun:(e,t=`local`)=>C(`${M(t)}/terminal-command-runs/${encodeURIComponent(e)}/cancel`,En,{method:`POST`})};async function ei(e,t){let n=await fetch(`${M(t)}/terminal-command-runs/${encodeURIComponent(e)}`);if(n.status!==404){if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(ni(e)??n.statusText)}return En(await n.json())}}function ti(e){if(e===void 0)return``;let t=new URLSearchParams;e.projectId!==void 0&&t.set(`projectId`,e.projectId),e.workspaceId!==void 0&&t.set(`workspaceId`,e.workspaceId),e.terminalId!==void 0&&t.set(`terminalId`,e.terminalId),e.statuses!==void 0&&e.statuses.length>0&&t.set(`statuses`,e.statuses.join(`,`)),e.metadata!==void 0&&Object.keys(e.metadata).length>0&&t.set(`metadata`,JSON.stringify(e.metadata));let n=t.toString();return n===``?``:`?${n}`}function ni(e){if(!ri(e))return;let t=e.error;return typeof t==`string`?t:void 0}function ri(e){return typeof e==`object`&&!!e}var ii={files:(e,t,n={})=>{let r=new URLSearchParams({q:t});return n.kind!==void 0&&r.set(`kind`,n.kind),n.mode!==void 0&&r.set(`mode`,n.mode),n.scope!==void 0&&r.set(`scope`,n.scope),n.workspaceScoped===!0&&n.projectId!==void 0&&n.workspaceId!==void 0?C(`${M(n.machineId)}/projects/${encodeURIComponent(n.projectId)}/workspaces/${encodeURIComponent(n.workspaceId)}/files?${r.toString()}`,A(pn)):(r.set(`cwd`,e),C(`${M(n.machineId)}/files?${r.toString()}`,A(pn)))}},ai={gitStatus:(e,t,n=`local`)=>C(`${M(n)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/git/status`,xn),gitDiff:(e,t,n,r=`local`)=>C(kr(r,e,t,n),wn)},F={...Vr,...Hr,...Gr,...Kr,...Jr,...Yr,...Xr,...Zr,...Qr,...$r,...ii,...ai};function oi(e,t=`local`){let n=typeof e==`string`?void 0:e.cwd,r=n===void 0||n===``?``:`?${new URLSearchParams({cwd:n}).toString()}`,i=typeof e==`string`?e:e.id;return new WebSocket(`${ui()}${li(t)}/sessions/${encodeURIComponent(i)}/events${r}`)}function si(e,t,n,r,i=`local`){let a=r===void 0?``:`?cols=${encodeURIComponent(String(r.cols))}&rows=${encodeURIComponent(String(r.rows))}`;return new WebSocket(`${ui()}${li(i)}/projects/${encodeURIComponent(e)}/workspaces/${encodeURIComponent(t)}/terminals/${encodeURIComponent(n)}/socket${a}`)}function ci(e=`local`){return new WebSocket(`${ui()}${li(e)}/events`)}function li(e){return`/api/machines/${encodeURIComponent(e)}`}function ui(){return`${location.protocol===`https:`?`wss:`:`ws:`}//${location.host}`}var di=`.pi-web/uploads`,fi=class extends Error{constructor(e=`Workspace upload cancelled`){super(e),this.name=`WorkspaceUploadCancelledError`}},pi=class extends Error{constructor(e,t){super(wi(e)),this.name=`WorkspaceUploadBatchError`,this.failures=e.map(e=>({...e})),this.responses=t.map(e=>({...e}))}};function mi(e){return e?.uploads?.defaultFolder??`.pi-web/uploads`}function hi(e,t){return e?.uploads?.defaultFolder??t}function gi(e,t){let n=Di(e,`upload destination`,{allowEmpty:!0}),r=Di(t,`upload file name`,{allowEmpty:!1});return n===``?r:`${n}/${r}`}function _i(e,t,n,r={}){let i=r.xhrFactory?.()??new XMLHttpRequest,a=!1,o=!1;return{promise:new Promise((s,c)=>{let l=e=>{a||(a=!0,c(e))},u=e=>{a||(a=!0,s(e))};i.open(`PUT`,jr(e,t,n.path,bi(r)),!0),i.responseType=`json`,i.setRequestHeader(`Content-Type`,(n.contentType??n.file.type)||`application/octet-stream`),i.upload.onprogress=e=>{r.onProgress?.(xi(e,n.file.size))},i.onload=()=>{if(i.status>=200&&i.status<300){try{r.onProgress?.({loaded:n.file.size,total:n.file.size,percent:1,lengthComputable:!0}),u(_n(ki(i)))}catch(e){l(e instanceof Error?e:Error(String(e)))}return}l(Error(Ai(i)))},i.onerror=()=>{l(Error(`Workspace upload failed`))},i.onabort=()=>{l(new fi(o?void 0:`Workspace upload aborted`))},i.send(n.file)}),cancel:()=>{a||(o=!0,i.abort())}}}function vi(e,t,n,r={}){let i=r.destinationFolder??`.pi-web/uploads`,a=n.map((e,t)=>({index:t,name:e.name,path:gi(i,e.name),loaded:0,total:e.size,percent:Ci(0,e.size),lengthComputable:!0,done:!1})),o,s=0,c={requested:!1},l=()=>{r.onProgress?.(Si(a,s,a.every(e=>e.done)))};return{promise:(async()=>{let i=[],u=[];for(let d=0;d<n.length;d+=1){if(c.requested)throw new fi;s=d;let f=n[d],p=a[d];if(!(f===void 0||p===void 0)){o=_i(e,t,{path:p.path,file:f},{...yi(r),onProgress:e=>{p.total=e.total,p.loaded=Math.min(e.loaded,p.total),p.percent=e.percent,p.lengthComputable=e.lengthComputable,l()}});try{let e=await o.promise;p.loaded=p.total,p.percent=1,p.lengthComputable=!0,p.done=!0,i.push(e),l()}catch(e){if(Ei(e,c))throw e;let t=Ti(e);p.loaded=p.total,p.percent=1,p.lengthComputable=!0,p.done=!0,p.error=t,u.push({index:d,name:f.name,path:p.path,error:t}),l()}finally{o=void 0}}}if(u.length>0)throw new pi(u,i);return i})(),cancel:()=>{c.requested=!0,o?.cancel()}}}function yi(e){return{...e.createDirs===void 0?{}:{createDirs:e.createDirs},...e.overwrite===void 0?{}:{overwrite:e.overwrite},...e.machineId===void 0?{}:{machineId:e.machineId},...e.xhrFactory===void 0?{}:{xhrFactory:e.xhrFactory}}}function bi(e){return{...e.createDirs===void 0?{}:{createDirs:e.createDirs},...e.overwrite===void 0?{}:{overwrite:e.overwrite},...e.machineId===void 0?{}:{machineId:e.machineId}}}function xi(e,t){let n=e.lengthComputable?e.total:t;return{loaded:e.loaded,total:n,percent:Ci(e.loaded,n),lengthComputable:e.lengthComputable}}function Si(e,t,n){let r=e.reduce((e,t)=>e+t.total,0),i=e.reduce((e,t)=>e+t.loaded,0);return{currentFileIndex:t,files:e.map(e=>({...e})),loaded:i,total:r,percent:Ci(i,r),done:n}}function Ci(e,t){return t<=0?e<=0?0:1:Math.max(0,Math.min(1,e/t))}function wi(e){return e.length===1?e[0]?.error??`Workspace upload failed`:`${String(e.length)} files failed to upload`}function Ti(e){return e instanceof Error?e.message:String(e)}function Ei(e,t){return t.requested||e instanceof fi}function Di(e,t,n){let r=e.trim();if(r===``){if(n.allowEmpty)return``;throw Error(`${t} must not be empty`)}if(Oi(r))throw Error(`${t} must be workspace-relative`);let i=r.split(/[\\/]+/u).filter(e=>e!==``&&e!==`.`);if(i.length===0){if(n.allowEmpty)return``;throw Error(`${t} must not be empty`)}if(i.some(e=>e===`..`))throw Error(`${t} must not contain path traversal`);return i.join(`/`)}function Oi(e){let t=e.replace(/\\/g,`/`);return t.startsWith(`/`)||/^[A-Za-z]:\//u.test(t)}function ki(e){return e.response!==void 0&&e.response!==null&&e.response!==``?e.response:e.responseText===``?{}:JSON.parse(e.responseText)}function Ai(e){let t=ji(e);return Mi(t)&&typeof t.error==`string`?t.error:e.statusText||`HTTP ${String(e.status)}`}function ji(e){try{return ki(e)}catch{return}}function Mi(e){return typeof e==`object`&&!!e}function Ni(){return{sessions:[],clientQueuedSessionMessages:{},startingSessionCount:0,fileTree:[],expandedDirs:{},selectedFilePath:void 0,selectedFileContent:void 0,fileTreeStale:!1,gitStatus:void 0,selectedDiffPath:void 0,selectedDiff:void 0,selectedStagedDiff:void 0,gitStale:!1,selectedTerminalId:void 0,error:``}}function Pi(){return{machines:[],selectedMachine:void 0,isLoadingMachines:!1,machineStatuses:{},machineRuntimes:{},projects:[],workspaces:[],sessions:[],messages:[],messagePageStart:0,messagePageEnd:0,messagePageTotal:0,isLoadingEarlierMessages:!1,isReceivingPartialStream:!1,sendingPrompts:{},clientQueuedSessionMessages:{},startingSessionCount:0,isLoadingProjects:!1,isLoadingWorkspaces:!1,selectedProject:void 0,selectedWorkspace:void 0,selectedSession:void 0,status:void 0,activity:void 0,availableThinkingLevels:[],sessionStatuses:{},sessionActivities:{},workspaceActivities:{},machineActivities:{},workspacesByProjectId:{},workspaceDeletionRuns:{},commandDialog:void 0,modelDialog:void 0,thinkingDialog:void 0,themeDialog:void 0,authDialog:void 0,actionPaletteOpen:!1,projectDialogOpen:!1,machineDialogOpen:!1,workspaceTool:`core:workspace.files`,mainView:`chat`,fileTree:[],expandedDirs:{},selectedFilePath:void 0,selectedFileContent:void 0,fileTreeStale:!1,workspaceUploadBatches:{},gitStatus:void 0,selectedDiffPath:void 0,selectedDiff:void 0,selectedStagedDiff:void 0,gitStale:!1,activeTerminalCount:0,selectedTerminalId:void 0,piWebStatus:void 0,error:``}}function Fi(e,t){return t?.phase===`active`||e?.isStreaming===!0||e?.isBashRunning===!0||e?.isCompacting===!0||(e?.pendingMessageCount??0)>0}function Ii(e){return e!==void 0&&(e.hasSessionActivity||e.hasTerminalActivity)}function Li(e,t){return`${e}:${t}`}function Ri(e,t){return`${e}:${t}`}function I(e){return e.selectedMachine?.id??`local`}var zi=class{constructor(){this.pendingByKey=new Map}request(e,t){let n=this.pendingByKey.get(e);if(n!==void 0)return n.latestRefresh=t,n.started&&(n.trailing=!0),n.promise;let r={promise:Promise.resolve(),latestRefresh:t,started:!1,trailing:!1};return r.promise=Promise.resolve().then(async()=>{let e,t;do{r.trailing=!1;let n=r.latestRefresh;r.started=!0,t=!1;try{await n()}catch(n){e=n,t=!0}}while(this.hasTrailingRequest(r));if(t)throw e}).finally(()=>{this.pendingByKey.get(e)===r&&this.pendingByKey.delete(e)}),this.pendingByKey.set(e,r),r.promise}hasTrailingRequest(e){return e.trailing}},Bi=class{constructor(e,t,n={}){this.getState=e,this.setState=t,this.refreshes=new zi,this.api=n.api??Yr}refresh(e=I(this.getState())){return this.refreshes.request(e,async()=>{this.applyMachineActivitySnapshot(e,Vi(await this.api.workspaceActivity(e)))})}applyWorkspaceActivity(e,t=I(this.getState())){let n=this.getState(),r=I(n)===t,i=Hi(n.machineActivities[t]??(r?n.workspaceActivities:{}),e);this.setState({machineActivities:{...n.machineActivities,[t]:i},...r?{workspaceActivities:i}:{}})}applyMachineActivitySnapshot(e,t){let n=this.getState();this.setState({machineActivities:{...n.machineActivities,[e]:t},...I(n)===e?{workspaceActivities:t}:{}})}};function Vi(e){let t={};for(let n of e.workspaces)Ii(n)&&(t[n.cwd]=n);return t}function Hi(e,t){let n={...e};return Ii(t)?(n[t.cwd]=t,n):Object.fromEntries(Object.entries(n).filter(([e])=>e!==t.cwd))}var Ui=class{constructor(e,t,n,r={}){this.getState=e,this.setState=t,this.applyStatus=n,this.api=r.api??F,this.pollIntervalMs=r.pollIntervalMs??1e3}dispose(){this.stopPolling()}handleSlashCommand(e){let t=Wi(e);return t===void 0?!1:(t.command===`login`?this.openLogin(t.providerId):this.openLogout(t.providerId),!0)}async openLogin(e){if(e!==void 0&&e!==``){await this.openLoginProvider(e);return}this.setState({authDialog:{step:`method`}})}async chooseLoginMethod(e){try{let{providers:t}=await this.api.authProviders({mode:`login`,authType:e,machineId:I(this.getState())});this.setState({authDialog:{step:`providers`,mode:`login`,authType:e,providers:t}})}catch(e){this.setState({error:String(e)})}}async selectLoginProvider(e,t){let n=this.getState().authDialog;if(n?.step!==`providers`)return;let r=n.providers.find(n=>n.id===e&&(t===void 0||n.authType===t));r!==void 0&&(r.authType===`oauth`?await this.startOAuth(r):this.setState({authDialog:{step:`apiKey`,provider:r,value:``}}))}updateApiKey(e){let t=this.getState().authDialog;if(t?.step!==`apiKey`)return;let n={...t};delete n.error,this.setState({authDialog:{...n,value:e}})}async saveApiKey(){let e=this.getState().authDialog;if(e?.step!==`apiKey`)return;let t=e.value.trim();if(t===``){this.setState({authDialog:{...e,error:`API key is required`}});return}let n={...e};delete n.error,this.setState({authDialog:{...n,saving:!0}});try{await this.api.saveApiKey(e.provider.id,t,I(this.getState())),this.closeDialog(),this.refreshStatus()}catch(t){this.setState({authDialog:{...e,saving:!1,error:String(t)}})}}async openLogout(e){try{let{providers:t}=await this.api.authProviders({mode:`logout`,machineId:I(this.getState())});if(e!==void 0&&e!==``){let n=t.find(t=>t.id===e);n!==void 0&&!this.rejectRemoteOAuth(`logout`,n)?await this.logoutProvider(n.id):n===void 0&&this.setState({error:`No stored credentials for ${e}`});return}this.setState({authDialog:{step:`logout`,providers:t}})}catch(e){this.setState({error:String(e)})}}async logoutProvider(e){let t=this.getState().authDialog,n=t?.step===`logout`?t.providers.find(t=>t.id===e):void 0;if(!(n!==void 0&&this.rejectRemoteOAuth(`logout`,n)))try{await this.api.logoutProvider(e,I(this.getState())),this.closeDialog(),this.refreshStatus()}catch(e){this.setState({error:String(e)})}}updateOAuthInput(e){let t=this.getState().authDialog;if(t?.step!==`oauth`)return;let n={...t};delete n.error,this.setState({authDialog:{...n,inputValue:e}})}async respondOAuth(e){let t=this.getState().authDialog;if(t?.step!==`oauth`)return;let n=t.flow.prompt??t.flow.select;if(n===void 0)return;let r=e??t.inputValue??``,i={...t};delete i.error,this.setState({authDialog:{...i,responding:!0}});try{let e=await this.api.respondOAuthFlow(t.flow.flowId,n.requestId,r,I(this.getState()));this.updateOAuthFlow(e)}catch(e){this.setState({authDialog:{...t,responding:!1,error:String(e)}})}}async cancelOAuth(){let e=this.getState().authDialog;if(e?.step!==`oauth`){this.closeDialog();return}this.stopPolling();try{await this.api.cancelOAuthFlow(e.flow.flowId,I(this.getState()))}catch{}this.closeDialog()}closeDialog(){this.stopPolling(),this.setState({authDialog:void 0})}async openLoginProvider(e){try{let{providers:t}=await this.api.authProviders({mode:`login`,machineId:I(this.getState())}),n=t.filter(t=>t.id===e);if(n.length===0){this.setState({error:`Auth provider not found: ${e}`});return}if(n.length>1){this.setState({authDialog:{step:`providers`,mode:`login`,providers:n}});return}let r=n[0];if(r===void 0)return;r.authType===`oauth`?await this.startOAuth(r):this.setState({authDialog:{step:`apiKey`,provider:r,value:``}})}catch(e){this.setState({error:String(e)})}}async startOAuth(e){if(!this.rejectRemoteOAuth(`login`,e))try{let t=await this.api.startOAuthLogin(e.id,I(this.getState()));this.updateOAuthFlow(t),this.startPolling(t.flowId)}catch(e){this.setState({error:String(e)})}}rejectRemoteOAuth(e,t){let n=this.getState().selectedMachine;if(t.authType!==`oauth`||n?.kind!==`remote`)return!1;let r=n.baseUrl??`that remote PI WEB instance`;return this.setState({error:`OAuth ${e} for remote machines must be configured directly on ${r}.`}),!0}updateOAuthFlow(e){if(e.status===`complete`){this.stopPolling(),this.closeDialog(),this.refreshStatus();return}(e.status===`error`||e.status===`cancelled`)&&this.stopPolling();let t=this.getState().authDialog,n=t?.step===`oauth`&&t.flow.flowId===e.flowId?t.inputValue??``:``,r=t?.step===`oauth`?t.flow.prompt?.requestId??t.flow.select?.requestId:void 0,i=e.prompt?.requestId??e.select?.requestId,a=r!==void 0&&r===i,o=a?n:``,s=a&&t?.step===`oauth`?t.responding===!0:!1;this.setState({authDialog:{step:`oauth`,flow:e,inputValue:o,responding:s}})}startPolling(e){this.stopPolling(),this.pollTimer=window.setInterval(()=>{this.poll(e)},this.pollIntervalMs)}stopPolling(){this.pollTimer!==void 0&&(window.clearInterval(this.pollTimer),this.pollTimer=void 0)}async poll(e){let t=this.getState().authDialog;if(t?.step!==`oauth`||t.flow.flowId!==e){this.stopPolling();return}try{this.updateOAuthFlow(await this.api.oauthFlow(e,I(this.getState())))}catch(e){this.stopPolling(),this.setState({authDialog:{...t,error:String(e)}})}}async refreshStatus(){let e=this.session();if(e!==void 0)try{this.applyStatus(await this.api.status(e,I(this.getState())))}catch{}}session(){let e=this.getState().selectedSession;if(!(e===void 0||e.archived===!0))return e}};function Wi(e){let t=e.trim(),n=/^\/(login|logout)(?:\s+(\S+))?\s*$/u.exec(t);if(n===null)return;let r=n[1];if(r!==`login`&&r!==`logout`)return;let i=n[2];return i===void 0||i===``?{command:r}:{command:r,providerId:i}}function Gi(e){return e.replaceAll(`:`,`.`)}function Ki(e){let t=new URLSearchParams(window.location.search),n=`${e}--`,r={};for(let[e,i]of t.entries()){if(!e.startsWith(n))continue;let t=e.slice(n.length),a=r[t];a===void 0?r[t]=i:Array.isArray(a)?a.push(i):r[t]=[a,i]}return r}function qi(e,t){let n=Ki(e)[t];return Array.isArray(n)?n[0]:n===``?void 0:n}function Ji(e,t,n,r){let i=new URL(window.location.href),a=`${e}--${t}`;if(i.searchParams.delete(a),n!=null&&n!==``)if(Array.isArray(n))for(let e of n)i.searchParams.append(a,String(e));else i.searchParams.set(a,String(n));Yi(i,r)}function Yi(e,t){`${e.pathname}${e.search}${e.hash}`!=`${window.location.pathname}${window.location.search}${window.location.hash}`&&(t?.replace===!0?window.history.replaceState({},``,e):window.history.pushState({},``,e))}function Xi(e){let t=e.files.map((t,n)=>{let r=t.size;return{index:n,name:t.name,path:gi(e.destinationFolder,t.name),size:t.size,loaded:0,total:r,percent:na(0,r),lengthComputable:!0,status:n===0?`uploading`:`pending`}}),n=t.reduce((e,t)=>e+t.total,0);return{id:e.id,projectId:e.projectId,workspaceId:e.workspaceId,machineId:e.machineId,destinationFolder:e.destinationFolder,overwrite:e.overwrite,createDirs:e.createDirs,files:t,currentFileIndex:t.length===0?-1:0,loaded:0,total:n,percent:na(0,n),status:`uploading`,startedAt:e.startedAt}}function Zi(e,t){let n=new Map(t.files.map(e=>[e.index,e])),r=e.files.map(e=>{let r=n.get(e.index);if(r===void 0)return e;let i={...e,path:r.path,loaded:r.loaded,total:r.total,percent:r.percent,lengthComputable:r.lengthComputable,status:r.error===void 0?r.done?`completed`:t.currentFileIndex===e.index?`uploading`:e.status:`error`};return r.error===void 0?delete i.error:i.error=r.error,i});return{...e,files:r,currentFileIndex:t.currentFileIndex,loaded:t.loaded,total:t.total,percent:t.percent}}function Qi(e,t,n){let r=e.files.map((e,n)=>{let r=t[n];return{...e,...r===void 0?{}:{path:r.path,response:r},loaded:e.total,percent:1,lengthComputable:!0,status:`completed`}}),i=ta(r);return{...e,files:r,currentFileIndex:r.length===0?-1:r.length-1,...i,status:`completed`,completedAt:n}}function $i(e,t,n){let r=e.files.map(n=>n.status===`completed`||n.status===`error`?n:n.status===`uploading`||n.index===e.currentFileIndex?{...n,status:`error`,error:t}:{...n,status:`cancelled`,error:`Not uploaded because an earlier file failed.`});return{...e,files:r,...ta(r),status:`error`,error:t,completedAt:n}}function ea(e,t){let n=`Upload cancelled`,r=e.files.map(e=>e.status===`completed`||e.status===`error`?e:{...e,status:`cancelled`,error:n});return{...e,files:r,...ta(r),status:`cancelled`,error:n,completedAt:t}}function ta(e){let t=e.reduce((e,t)=>e+t.total,0);return{loaded:t,total:t,percent:e.length===0?0:1}}function na(e,t){return t<=0?e<=0?0:1:Math.max(0,Math.min(1,e/t))}var ra=Gi(`core:workspace.files`),ia=class{constructor(e,t,n,r={}){this.getState=e,this.setState=t,this.updateUrl=n,this.uploadTasks=new Map,this.uploadBatchSequence=0,this.api=r.api??F,this.uploadWorkspaceFiles=r.uploadWorkspaceFiles??vi,this.createUploadBatchId=r.createUploadBatchId??(()=>(this.uploadBatchSequence+=1,`workspace-upload-${String(this.uploadBatchSequence)}`)),this.now=r.now??(()=>new Date().toISOString())}async refreshFiles(){let e=this.getState().selectedProject,t=this.getState().selectedWorkspace;if(!(e===void 0||t===void 0))try{let n=I(this.getState()),r=await this.api.workspaceTree(e.id,t.id,``,n),i={...this.getState().expandedDirs};await Promise.all(Object.keys(i).map(async r=>{i[r]=(await this.api.workspaceTree(e.id,t.id,r,n)).entries})),this.setState({fileTree:r.entries,expandedDirs:i,fileTreeStale:!1,error:``})}catch(e){this.setState({error:String(e)})}}async expandDir(e){let t=this.getState().selectedProject,n=this.getState().selectedWorkspace;if(!(t===void 0||n===void 0)){if(this.getState().expandedDirs[e]!==void 0){this.setState({expandedDirs:ca(this.getState().expandedDirs,e)});return}try{let r=await this.api.workspaceTree(t.id,n.id,e,I(this.getState()));this.setState({expandedDirs:{...this.getState().expandedDirs,[e]:r.entries},error:``})}catch(e){this.setState({error:String(e)})}}}async selectFile(e){this.setState({selectedFilePath:e,selectedFileContent:void 0,workspaceTool:`core:workspace.files`,mainView:this.getState().mainView===`chat`?`chat`:`core:workspace.files`}),Ji(ra,`file`,e),this.updateUrl({replace:!0}),await this.restoreFile(e)}async restoreFile(e){let t=this.getState().selectedProject,n=this.getState().selectedWorkspace;if(!(t===void 0||n===void 0)){this.setState({selectedFilePath:e,selectedFileContent:void 0});try{let r=await this.api.workspaceFile(t.id,n.id,e,I(this.getState()));this.getState().selectedFilePath===e&&this.setState({selectedFileContent:r,error:``})}catch(t){if(this.getState().selectedFilePath!==e)return;if(aa(t)){this.setState({selectedFilePath:void 0,selectedFileContent:void 0,error:``}),Ji(ra,`file`,void 0,{replace:!0}),this.updateUrl({replace:!0});return}this.setState({error:String(t)})}}}startWorkspaceUpload(e,t){let n=this.getState().selectedProject,r=this.getState().selectedWorkspace;if(n===void 0||r===void 0){this.setState({error:`Select a workspace before uploading files.`});return}if(e.length===0)return;let i=I(this.getState()),a=t.overwrite??!1,o=t.createDirs??!0,s;try{s=Xi({id:this.createUploadBatchId(),projectId:n.id,workspaceId:r.id,machineId:i,destinationFolder:t.destinationFolder,overwrite:a,createDirs:o,files:e,startedAt:this.now()})}catch(e){this.setState({error:String(e)});return}this.setUploadBatch(s);let c;try{c=this.uploadWorkspaceFiles(n.id,r.id,e,{destinationFolder:t.destinationFolder,machineId:i,overwrite:a,createDirs:o,onProgress:e=>{this.updateUploadProgress(s.id,e)}})}catch(e){return this.failUploadBatch(s.id,e),{batchId:s.id,done:Promise.resolve()}}this.uploadTasks.set(s.id,c);let l=c.promise.then(async e=>{await this.completeUploadBatch(s.id,e,t)}).catch(async e=>{await this.handleUploadFailure(s.id,e,t)}).finally(()=>{this.uploadTasks.delete(s.id)});return{batchId:s.id,done:l}}cancelWorkspaceUpload(e){let t=this.getUploadBatch(e);t?.status===`uploading`&&(this.setUploadBatch(ea(t,this.now())),this.uploadTasks.get(e)?.cancel())}clearWorkspaceUpload(e){this.uploadTasks.get(e)?.cancel(),this.uploadTasks.delete(e),this.setState({workspaceUploadBatches:ca(this.getState().workspaceUploadBatches,e)})}updateUploadProgress(e,t){let n=this.getUploadBatch(e);n?.status===`uploading`&&this.setUploadBatch(Zi(n,t))}async completeUploadBatch(e,t,n){let r=this.getUploadBatch(e);if(r?.status!==`uploading`||(this.setUploadBatch(Qi(r,t,this.now()),{error:``}),!this.isCurrentWorkspaceBatch(r)))return;await this.refreshFiles();let i=t[0]?.path;n.selectUploadedFile!==!1&&i!==void 0&&this.isCurrentWorkspaceBatch(r)&&await this.selectFile(i)}async handleUploadFailure(e,t,n){let r=this.failUploadBatch(e,t);if(!(t instanceof pi)||t.responses.length===0||r===void 0||!this.isCurrentWorkspaceBatch(r))return;await this.refreshFiles();let i=t.responses[0]?.path;n.selectUploadedFile!==!1&&i!==void 0&&this.isCurrentWorkspaceBatch(r)&&await this.selectFile(i)}failUploadBatch(e,t){let n=this.getUploadBatch(e);if(n?.status!==`uploading`)return;if(oa(t)){let e=ea(n,this.now());return this.setUploadBatch(e),e}let r=sa(t),i=$i(n,r,this.now());return this.setUploadBatch(i,{error:r}),i}getUploadBatch(e){return this.getState().workspaceUploadBatches[e]}setUploadBatch(e,t={}){this.setState({workspaceUploadBatches:{...this.getState().workspaceUploadBatches,[e.id]:e},...t})}isCurrentWorkspaceBatch(e){let t=this.getState();return t.selectedProject?.id===e.projectId&&t.selectedWorkspace?.id===e.workspaceId&&I(t)===e.machineId}};function aa(e){let t=String(e);return t.includes(`Path does not exist`)||t.includes(`ENOENT`)||t.includes(`no such file or directory`)}function oa(e){return e instanceof fi}function sa(e){return e instanceof Error?e.message:String(e)}function ca(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}var la=Gi(`core:workspace.git`),ua=class{constructor(e,t,n){this.getState=e,this.setState=t,this.updateUrl=n}dispose(){this.pollTimer!==void 0&&window.clearInterval(this.pollTimer),this.pollTimer=void 0}async refreshGit(){let e=this.getState().selectedProject,t=this.getState().selectedWorkspace;if(!(e===void 0||t===void 0))try{let n=await F.gitStatus(e.id,t.id,I(this.getState()));this.setState({gitStatus:n,gitStale:!1,error:``});let r=this.getState().selectedDiffPath;r!==void 0&&(n.files.some(e=>e.path===r)?await this.refreshDiff(r):(this.setState({selectedDiffPath:void 0,selectedDiff:void 0,selectedStagedDiff:void 0}),Ji(la,`diff`,void 0,{replace:!0})))}catch(e){this.setState({error:String(e)})}}async selectDiff(e){this.setState({selectedDiffPath:e,selectedDiff:void 0,selectedStagedDiff:void 0,workspaceTool:`core:workspace.git`,mainView:this.getState().mainView===`chat`?`chat`:`core:workspace.git`}),Ji(la,`diff`,e),this.updateUrl({replace:!0}),await this.refreshDiff(e)}async restoreDiff(e){this.setState({selectedDiffPath:e,selectedDiff:void 0,selectedStagedDiff:void 0}),await this.refreshDiff(e)}async refreshDiff(e){let t=this.getState().selectedProject,n=this.getState().selectedWorkspace;if(!(t===void 0||n===void 0))try{let[r,i]=await Promise.all([F.gitDiff(t.id,n.id,{path:e},I(this.getState())),F.gitDiff(t.id,n.id,{path:e,staged:!0},I(this.getState()))]);this.setState({selectedDiff:r,selectedStagedDiff:i,error:``})}catch(e){this.setState({error:String(e)})}}updatePolling(){this.dispose();let e=this.getState();(e.workspaceTool===`core:workspace.git`||e.mainView===`core:workspace.git`)&&(this.pollTimer=window.setInterval(()=>{this.refreshGit()},8e3))}},da=class{constructor(e,t,n,r){this.getState=e,this.setState=t,this.updateUrl=n,this.projects=r}async loadMachines(e){this.setState({error:``,isLoadingMachines:!0});try{let t=await F.machines(),n=await this.selectInitialMachine(t,e),r=new Set(t.map(e=>e.id));this.setState({machines:t,selectedMachine:n,machineActivities:pa(this.getState().machineActivities,r),machineRuntimes:pa(this.getState().machineRuntimes,r)}),this.refreshMachineHealthFor(t),this.refreshMachineRuntimeFor(t)}catch(e){this.setState({error:String(e)})}finally{this.setState({isLoadingMachines:!1})}}async selectMachine(e,t={}){this.getState().selectedMachine?.id!==e.id&&(this.setState({selectedMachine:e,projects:[],workspaces:[],isLoadingWorkspaces:!1,selectedProject:void 0,selectedWorkspace:void 0,selectedSession:void 0,messages:[],messagePageStart:0,messagePageTotal:0,status:void 0,activity:void 0,sessionStatuses:{},sessionActivities:{},sendingPrompts:{},workspaceActivities:{},workspacesByProjectId:{},workspaceDeletionRuns:{},activeTerminalCount:0,...Ni()}),t.updateUrl!==!1&&this.updateUrl(),await this.projects.loadProjects(),this.refreshMachineHealth(e.id),this.refreshMachineRuntime(e.id))}async addMachine(e){this.setState({error:``});try{let t=await F.addMachine(e);return this.setState({machines:[...this.getState().machines.filter(e=>e.id!==t.id),t]}),await this.selectMachine(t),t}catch(e){this.setState({error:String(e)});return}}async deleteMachine(e=this.getState().selectedMachine,t={}){if(e!==void 0){if(e.kind===`local`){this.setState({error:`The local machine cannot be removed.`});return}try{let n=this.getState().selectedMachine?.id===e.id;await F.deleteMachine(e.id);let r=this.getState().machines.filter(t=>t.id!==e.id),i=r.find(e=>e.id===`local`)??r[0];return this.setState({machines:r,machineStatuses:fa(this.getState().machineStatuses,e.id),machineRuntimes:fa(this.getState().machineRuntimes,e.id),machineActivities:fa(this.getState().machineActivities,e.id)}),n&&i!==void 0?(t.selectFallback===!1||await this.selectMachine(i),i):void 0}catch(e){this.setState({error:String(e)});return}}}async refreshMachineHealth(e=this.getState().selectedMachine?.id??`local`){try{let t=await F.health(e);return this.setState({machineStatuses:{...this.getState().machineStatuses,[t.machineId]:t}}),t}catch(e){this.setState({error:String(e)});return}}async refreshMachineRuntime(e=this.getState().selectedMachine?.id??`local`){try{let t=await F.runtime(e);this.setState({machineRuntimes:{...this.getState().machineRuntimes,[t.machineId]:t}})}catch(e){this.setState({error:String(e)})}}async selectInitialMachine(e,t){let n=e.find(e=>e.id===(t??`local`));if(n===void 0)return this.localMachine(e);if(n.kind!==`remote`)return n;let r=await this.safeRemoteHealth(n);return this.setState({machineStatuses:{...this.getState().machineStatuses,[r.machineId]:r},...r.ok?{}:{error:`${n.name} is unavailable; reconnecting…`}}),n}async safeRemoteHealth(e){try{return await F.health(e.id)}catch(t){return{machineId:e.id,ok:!1,checkedAt:new Date().toISOString(),status:`offline`,error:t instanceof Error?t.message:String(t)}}}localMachine(e){return e.find(e=>e.id===`local`)??e[0]}async refreshMachineHealthFor(e){let t=await Promise.allSettled(e.map(e=>F.health(e.id))),n=Object.fromEntries(t.flatMap(e=>e.status===`fulfilled`?[[e.value.machineId,e.value]]:[]));Object.keys(n).length>0&&this.setState({machineStatuses:{...this.getState().machineStatuses,...n}})}async refreshMachineRuntimeFor(e){let t=await Promise.allSettled(e.map(e=>F.runtime(e.id))),n=Object.fromEntries(t.flatMap(e=>e.status===`fulfilled`?[[e.value.machineId,e.value]]:[]));Object.keys(n).length>0&&this.setState({machineRuntimes:{...this.getState().machineRuntimes,...n}})}};function fa(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}function pa(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>t.has(e)))}var ma=class{constructor(e,t,n){this.getState=e,this.setState=t,this.workspaces=n}async loadProjects(){let e=I(this.getState());this.setState({error:``,isLoadingProjects:!0});try{let t=await F.projects(e);if(I(this.getState())!==e)return;let n=new Set(t.map(e=>e.id)),r=Object.fromEntries(Object.entries(this.getState().workspacesByProjectId).filter(([e])=>n.has(e)));this.setState({projects:t,workspacesByProjectId:r})}catch(t){I(this.getState())===e&&this.setState({error:String(t)})}finally{I(this.getState())===e&&this.setState({isLoadingProjects:!1})}}async addProject(e,t){if(e.trim()!==``)try{let n=await F.addProject(e.trim(),void 0,t,I(this.getState())),r=this.getState().projects;this.setState({projects:[...r.filter(e=>e.id!==n.id),n],projectDialogOpen:!1}),await this.workspaces.selectProject(n)}catch(e){this.setState({error:String(e)})}}async closeProject(e){try{await F.closeProject(e,I(this.getState())),this.workspaces.forgetProject(e);let t=this.getState();this.setState({projects:t.projects.filter(t=>t.id!==e)}),t.selectedProject?.id===e&&this.workspaces.clearSelection()}catch(e){this.setState({error:String(e)})}}},ha=`pi-web:cached-new-sessions:v1`,ga=`browserCachedNew`,_a=`local`;function va(){try{return typeof localStorage>`u`?void 0:localStorage}catch{return}}function ya(e,t=_a,n=va()){if(e.messageCount!==0||e.archived===!0)return;let r=Ta(n).filter(n=>n.id!==e.id||n.machineId!==t);Ea([ba(e,t),...r],n)}function ba(e,t=_a){return{...e,browserCachedNew:!0,machineId:t}}function xa(e,t=_a,n=va()){Ea(Ta(n).filter(n=>n.id!==e||n.machineId!==t),n)}function Sa(e,t,n=_a,r=va()){let i=new Set(t.map(e=>e.id)),a=Ta(r),o=a.filter(e=>e.machineId!==n||!i.has(e.id));return o.length!==a.length&&Ea(o,r),[...o.filter(t=>t.machineId===n&&t.cwd===e),...t]}function Ca(e){return e!==void 0&&Oa(e)&&e.browserCachedNew===!0}function wa(e){return{id:e.id,path:e.path,cwd:e.cwd,...e.persisted===void 0?{}:{persisted:e.persisted},...e.name===void 0?{}:{name:e.name},created:e.created,modified:e.modified,messageCount:e.messageCount,firstMessage:e.firstMessage,...e.parentSessionPath===void 0?{}:{parentSessionPath:e.parentSessionPath},...`machineId`in e&&typeof e.machineId==`string`?{machineId:e.machineId}:{machineId:_a},...e.archived===!0?{archived:!0}:{},...e.archivedAt===void 0?{}:{archivedAt:e.archivedAt}}}function Ta(e=va()){try{let t=e?.getItem(ha);if(t==null||t===``)return[];let n=JSON.parse(t);return Array.isArray(n)?n.flatMap(e=>Da(e)):[]}catch{return[]}}function Ea(e,t=va()){try{e.length===0?t?.removeItem(ha):t?.setItem(ha,JSON.stringify(e))}catch{}}function Da(e){if(!ka(e))return[];let t=Aa(e,`id`),n=Aa(e,`path`),r=Aa(e,`cwd`),i=Aa(e,`created`),a=Aa(e,`modified`),o=Aa(e,`firstMessage`),s=Ma(e,`messageCount`);if(t===void 0||n===void 0||r===void 0||i===void 0||a===void 0||o===void 0||s!==0)return[];let c=ja(e,`name`),l=ja(e,`parentSessionPath`),u=ja(e,`machineId`)??_a;return[{id:t,path:n,cwd:r,...c===void 0?{}:{name:c},created:i,modified:a,messageCount:s,firstMessage:o,...l===void 0?{}:{parentSessionPath:l},machineId:u,browserCachedNew:!0}]}function Oa(e){return ga in e}function ka(e){return typeof e==`object`&&!!e}function Aa(e,t){let n=e[t];return typeof n==`string`?n:void 0}function ja(e,t){let n=e[t];return n===void 0||typeof n!=`string`?void 0:n}function Ma(e,t){let n=e[t];return typeof n==`number`?n:void 0}function Na(e){return Qa(e.flatMap(Ra)).filter(e=>e.parts.length>0)}function Pa(e,t){return{role:e,parts:[{type:`text`,text:t}]}}function Fa(e,t){let n=Wa(t);return n===void 0?e:{...e,meta:n}}function Ia(e,t,n){if(n===``)return e;let r=e.at(-1),i=r?.parts.at(-1);return r?.role===t&&i?.type===`text`?[...e.slice(0,-1),{...r,parts:[...r.parts.slice(0,-1),{...i,text:i.text+n}]}]:r?.role===t?[...e.slice(0,-1),{...r,parts:[...r.parts,{type:`text`,text:n}]}]:[...e,Pa(t,n)]}function La(e,t){if(t===``)return e;let n=e.at(-1),r=n?.parts.at(-1);return n?.role===`assistant`&&r?.type===`thinking`?[...e.slice(0,-1),{...n,parts:[...n.parts.slice(0,-1),{...r,text:r.text+t}]}]:n?.role===`assistant`?[...e.slice(0,-1),{...n,parts:[...n.parts,{type:`thinking`,text:t}]}]:[...e,{role:`assistant`,parts:[{type:`thinking`,text:t}]}]}function Ra(e){if(Ba(e))return[e];if(L(e,`role`)===`bashExecution`)return[Fa(qa(e),e)];let t=Ja(L(e,`role`)),n=Ya(oo(e,`content`),e),r=t===`user`?Va(n):void 0;if(r!==void 0)return r.map(t=>Fa(t,e));let i=Ua(e);if(t===`tool`)return[Fa({role:t,parts:n,...i===void 0?{}:{source:i}},e)];let a=n.filter(e=>e.type!==`empty`),o=t===`assistant`&&a.length>0&&a.every(e=>e.type===`skillRead`)?`skill`:t,s=a.length>0?[Fa({role:o,parts:a,...i===void 0?{}:{source:i}},e)]:[],c=za(e);return c===void 0?s:[...s,Fa(c,e)]}function za(e){if(L(e,`role`)!==`assistant`||L(e,`stopReason`)!==`error`)return;let t=L(e,`errorMessage`)?.trim();return Pa(`system`,`Model response failed: ${t===void 0||t===``?`The model returned an error.`:t}`)}function Ba(e){let t=L(e,`role`);return(t===`user`||t===`assistant`||t===`tool`||t===`system`||t===`bash`||t===`skill`)&&Array.isArray(oo(e,`parts`))}function Va(e){if(e.length!==1||e[0]?.type!==`text`)return;let t=Ha(e[0].text);if(t!==void 0)return[{role:`user`,parts:[{type:`skillInvocation`,name:t.name,location:t.location,content:t.content}]},...t.userMessage===void 0?[]:[{role:`user`,parts:[{type:`text`,text:t.userMessage}]}]]}function Ha(e){let t=/^<skill name="([^"]+)" location="([^"]+)">\n([\s\S]*?)\n<\/skill>(?:\n\n([\s\S]+))?$/.exec(e);if(t===null)return;let n=t[4]?.trim();return{name:t[1]??`skill`,location:t[2]??``,content:t[3]??``,...n===void 0||n===``?{}:{userMessage:n}}}function Ua(e){let t=L(e,`source`);if(t===`compaction`||t===`branch_summary`)return t}function Wa(e){let t=Ga(oo(e,`timestamp`)),n=Ka(e);if(!(t===void 0&&n===void 0))return{...t===void 0?{}:{timestamp:t},...n===void 0?{}:{model:n}}}function Ga(e){if(typeof e==`number`&&Number.isFinite(e))return new Date(e).toISOString();if(typeof e!=`string`||e===``)return;let t=Date.parse(e);return Number.isFinite(t)?new Date(t).toISOString():void 0}function Ka(e){if(L(e,`role`)!==`assistant`)return;let t=L(e,`provider`),n=L(e,`model`),r=L(e,`responseModel`);if(!((t===void 0||t===``)&&(n===void 0||n===``)&&(r===void 0||r===``)))return{...t===void 0||t===``?{}:{provider:t},...n===void 0||n===``?{}:{id:n},...r===void 0||r===``?{}:{responseId:r}}}function qa(e){let t=L(e,`command`)??``,n=so(e,`excludeFromContext`)===!0?[`excluded from context`,``,`$ ${t}`]:[`$ ${t}`],r=oo(e,`output`);r!=null&&n.push(``,lo(r));let i=oo(e,`exitCode`);i!=null&&n.push(``,`exit ${lo(i)}`),so(e,`cancelled`)===!0&&n.push(``,`cancelled`),so(e,`truncated`)===!0&&n.push(``,`output truncated`);let a=L(e,`fullOutputPath`);return a!==void 0&&a!==``&&n.push(``,`full output: ${a}`),{role:`bash`,parts:[{type:`text`,text:n.join(`
|
|
4
|
-
`)}]}}function Ja(e){return e===`assistant`?`assistant`:e===`user`?`user`:e===`toolResult`?`tool`:`system`}function Ya(e,t){return typeof e==`string`?e===``?[]:[{type:`text`,text:e}]:Array.isArray(e)?e.flatMap(e=>{let t=L(e,`type`),n=L(e,`text`);if(t===`text`)return n!==void 0&&n!==``?[{type:`text`,text:n}]:[];if(t===`thinking`){let t=L(e,`thinking`)??n;return t!==void 0&&t!==``?[{type:`thinking`,text:t}]:[]}if(t===`toolCall`){let t=L(e,`name`)??`tool`,n=oo(e,`arguments`),r=L(e,`id`),i=t===`read`?Za(L(n,`path`)):void 0;return i===void 0?[{type:`toolCall`,...r===void 0?{}:{toolCallId:r},toolName:t,summary:ro(n),...n===void 0?{}:{args:n}}]:[{type:`skillRead`,...i,...r===void 0?{}:{toolCallId:r}}]}if(t===`image`){let t=L(e,`data`),n=L(e,`mimeType`);return t!==void 0&&t!==``&&n!==void 0&&n!==``?[{type:`image`,mimeType:n,data:t}]:[{type:`text`,text:`[image]`}]}return no(e)}).map(e=>e.type===`text`&&L(t,`role`)===`toolResult`?Xa(e.text,t):e):no(e)}function Xa(e,t){let n=L(t,`toolCallId`),r=oo(t,`content`),i=oo(t,`details`);return{type:`toolResult`,...n===void 0?{}:{toolCallId:n},toolName:L(t,`toolName`)??`tool`,text:e,...r===void 0?{}:{content:r},...i===void 0?{}:{details:i},isError:so(t,`isError`)===!0}}function Za(e){if(e===void 0||e===``)return;let t=e.replace(/\\/g,`/`);if(!t.endsWith(`/SKILL.md`)&&t!==`SKILL.md`)return;let n=t.split(`/`).at(-2);if(!(n===void 0||n===``))return{name:n,path:e}}function Qa(e){let t=[],n=new Map;for(let r of e){let e=[],i={...r.source===void 0?{}:{source:r.source},...r.meta===void 0?{}:{meta:r.meta}},a=()=>{e.length!==0&&(t.push({role:r.role,parts:e,...i}),e=[])};for(let o of r.parts){if(o.type===`toolCall`){a();let e=$a(o),r=t.length;t.push({role:`tool`,parts:[e],...i}),e.toolCallId!==void 0&&n.set(e.toolCallId,{lineIndex:r,partIndex:0});continue}if(o.type===`toolResult`){let e=o.toolCallId===void 0?void 0:n.get(o.toolCallId);if(e!==void 0&&eo(t,e,o)){n.delete(o.toolCallId??``);continue}}e.push(o)}a()}return t}function $a(e){return{type:`toolExecution`,...e.toolCallId===void 0?{}:{toolCallId:e.toolCallId},toolName:e.toolName,summary:e.summary,...e.args===void 0?{}:{args:e.args},status:`pending`}}function eo(e,t,n){let r=e[t.lineIndex],i=r?.parts[t.partIndex];if(r===void 0||i?.type!==`toolExecution`)return!1;let a=to(n.details)??i.preview,o={...i,status:n.isError?`error`:`success`,resultText:n.text,...n.content===void 0?{}:{content:n.content},...n.details===void 0?{}:{details:n.details},...a===void 0?{}:{preview:a}};return e[t.lineIndex]={...r,parts:[...r.parts.slice(0,t.partIndex),o,...r.parts.slice(t.partIndex+1)]},!0}function to(e){let t=oo(e,`preview`);if(!ao(t))return;let n=L(t,`diff`),r=L(t,`error`),i=co(t,`firstChangedLine`);if(!(n===void 0&&r===void 0&&i===void 0))return{...n===void 0?{}:{diff:n},...r===void 0?{}:{error:r},...i===void 0?{}:{firstChangedLine:i}}}function no(e){return e==null?[]:typeof e==`object`?[{type:`text`,text:ro(e)}]:[{type:`text`,text:lo(e)}]}function ro(e){if(!ao(e))return lo(e);let t=L(e,`command`);if(t!==void 0)return t;let n=L(e,`path`);if(n!==void 0)return n;if(typeof e.oldText==`string`&&typeof e.newText==`string`)return`edit text replacement`;let r=e.edits;return Array.isArray(r)?`${String(r.length)} edit${r.length===1?``:`s`}`:Object.entries(e).filter(([,e])=>e!=null).slice(0,3).map(([e,t])=>`${e}: ${io(t)}`).join(` · `)}function io(e){return typeof e==`string`?e.length>80?`${e.slice(0,77)}…`:e:typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?`${String(e.length)} item${e.length===1?``:`s`}`:typeof e==`object`&&e?`object`:``}function ao(e){return typeof e==`object`&&!!e}function oo(e,t){return ao(e)?e[t]:void 0}function L(e,t){let n=oo(e,t);return typeof n==`string`?n:void 0}function so(e,t){let n=oo(e,t);return typeof n==`boolean`?n:void 0}function co(e,t){let n=oo(e,t);return typeof n==`number`&&Number.isFinite(n)?n:void 0}function lo(e){return e==null?``:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`||typeof e==`bigint`?String(e):``}var uo=`pi-web:prompt-draft:`;function fo(e){return`${uo}${e}`}function po(){try{return typeof localStorage>`u`?void 0:localStorage}catch{return}}function mo(e,t=po()){try{return t?.getItem(fo(e))??``}catch{return``}}function ho(e,t,n=po()){try{t?n?.setItem(fo(e),t):n?.removeItem(fo(e))}catch{}}function go(e,t=po()){try{t?.removeItem(fo(e))}catch{}}function _o(e,t,n=po()){let r=mo(e,n);r!==``&&(ho(t,r,n),go(e,n))}function vo(e,t){return Pa(`bash`,`${t===!0?`excluded from context
|
|
5
|
-
|
|
6
|
-
`:``}$ ${e}`)}function yo(e,t){let n=e.at(-1),r=n?.parts.at(-1);if(n?.role!==`bash`||r?.type!==`text`)return[...e,Pa(`bash`,t)];let i=xo(r.text)?``:`
|
|
7
|
-
|
|
8
|
-
`;return[...e.slice(0,-1),{...n,parts:[...n.parts.slice(0,-1),{...r,text:r.text+i+t}]}]}function bo(e,t){let n=e.at(-1),r=n?.parts.at(-1);if(n?.role!==`bash`||r?.type!==`text`)return e;let i=[];return!r.text.includes(`
|
|
9
|
-
|
|
10
|
-
`)&&(t.output===void 0||t.output===``)&&i.push(`(no output)`),t.isError===!0&&i.push(t.output??`Bash command failed`),t.exitCode!=null&&i.push(`exit ${String(t.exitCode)}`),t.cancelled===!0&&i.push(`cancelled`),t.truncated===!0&&i.push(`output truncated`),t.fullOutputPath!==void 0&&t.fullOutputPath!==``&&i.push(`full output: ${t.fullOutputPath}`),i.length===0?e:[...e.slice(0,-1),{...n,parts:[...n.parts.slice(0,-1),{...r,text:`${r.text}\n\n${i.join(`
|
|
11
|
-
`)}`}]}]}function xo(e){return e.lastIndexOf(`
|
|
12
|
-
|
|
13
|
-
`)>e.lastIndexOf(`$ `)}function So(e,t){if(t.type===`message.append`)return Uo(e,t.message);if(t.type===`assistant.delta`)return Ia(e,`assistant`,t.text);if(t.type===`assistant.thinking.delta`)return La(e,t.text);if(t.type===`tool.start`)return Do(e,t);if(t.type===`tool.update`)return Ao(e,t.toolCallId,e=>Oo(e,t));if(t.type===`tool.end`)return ko(e,t.toolCallId,t.toolName,ro(t.content),t.text,t.isError,t.content,t.details);if(t.type===`shell.start`)return[...e,vo(t.command,t.excludeFromContext)];if(t.type===`shell.chunk`)return yo(e,t.chunk);if(t.type===`shell.end`)return bo(e,t);if(t.type===`command.output`)return[...e,Pa(t.level===`error`?`system`:`tool`,t.message)];if(t.type===`session.error`)return[...e,Pa(`system`,t.message)];if(t.type===`message.end`)return t.message===void 0?void 0:Co(e,t.message)}function Co(e,t){let n=jo(t);if(n!==void 0)return ko(e,n.toolCallId,n.toolName,ro(n.content),n.text,n.isError,n.content,n.details);let r=Ra(t);if(r.length===0)return;let i=r.map(e=>e.role===`assistant`?To(e):e).filter(e=>e.parts.length>0);return i.length===0?e:i.reduce((e,t)=>wo(e,t),e)}function wo(e,t){let n=No(e,t);if(n.length>0)return Po(e,n,t);let r=e.at(-1);return r?.role===t.role&&(t.role===`assistant`||Vo(r,t))?[...e.slice(0,-1),t]:[...e,t]}function To(e){return{...e,parts:e.parts.filter(e=>e.type!==`toolCall`)}}function Eo(e){if(e===void 0||e===``)return;let t=e.replace(/\\/g,`/`);if(!t.endsWith(`/SKILL.md`)&&t!==`SKILL.md`)return;let n=t.split(`/`).at(-2);if(!(n===void 0||n===``))return{name:n,path:e}}function Do(e,t){let n=t.toolName===`read`?Eo(Xo(t.args,`path`)):void 0;if(n!==void 0)return Wo(e,{role:`skill`,parts:[{type:`skillRead`,...n,...t.toolCallId===``?{}:{toolCallId:t.toolCallId}}]});let r={type:`toolExecution`,...t.toolCallId===``?{}:{toolCallId:t.toolCallId},toolName:t.toolName,summary:t.summary||ro(t.args),...t.args===void 0?{}:{args:t.args},status:`running`};return[...e,{role:`tool`,parts:[r]}]}function Oo(e,t){let n=to(t.details)??e.preview;return{...e,status:e.status===`pending`?`running`:e.status,...t.text===``?{}:{resultText:t.text},...t.content===void 0?{}:{content:t.content},...t.details===void 0?{}:{details:t.details},...n===void 0?{}:{preview:n}}}function ko(e,t,n,r,i,a,o,s){let c=Ao(e,t,e=>{let t=to(s)??e.preview;return{...e,status:a?`error`:`success`,resultText:i,...o===void 0?{}:{content:o},...s===void 0?{}:{details:s},...t===void 0?{}:{preview:t}}});if(c!==e)return c;let l=to(s),u={type:`toolExecution`,...t===void 0||t===``?{}:{toolCallId:t},toolName:n,summary:r,status:a?`error`:`success`,resultText:i,...o===void 0?{}:{content:o},...s===void 0?{}:{details:s},...l===void 0?{}:{preview:l}};return[...e,{role:`tool`,parts:[u]}]}function Ao(e,t,n){if(t===void 0||t===``)return e;for(let r=e.length-1;r>=0;r--){let i=e[r];if(i===void 0)continue;let a=i.parts.findIndex(e=>e.type===`toolExecution`&&e.toolCallId===t);if(a<0)continue;let o=i.parts[a];if(o?.type!==`toolExecution`)continue;let s={...i,parts:[...i.parts.slice(0,a),n(o),...i.parts.slice(a+1)]};return[...e.slice(0,r),s,...e.slice(r+1)]}return e}function jo(e){if(Xo(e,`role`)!==`toolResult`)return;let t=Xo(e,`toolCallId`),n=Yo(e,`content`);return{...t===void 0?{}:{toolCallId:t},toolName:Xo(e,`toolName`)??`tool`,text:Mo(n),isError:Zo(e,`isError`)===!0,content:n,details:Yo(e,`details`)}}function Mo(e){if(typeof e==`string`)return e;if(Array.isArray(e))return e.map(Mo).filter(e=>e!==``).join(`
|
|
14
|
-
`);if(typeof e==`object`&&e){let t=Xo(e,`text`)??Xo(e,`content`)??Xo(e,`output`);if(t!==void 0)return t}return``}function No(e,t){let n=Lo(t);if(n.length===0)return[];let r=[],i=n.length,a=qo(e)+1;for(let t=e.length-1;t>=a;t--){let a=Lo(e[t]);if(a.length===0)continue;let o=i-a.length;if(!(o<0)&&Ro(a,n.slice(o,i))&&(r.unshift(t),i=o,i===0))return r}return[]}function Po(e,t,n){let r=Fo(e,t,n),i=r[0];if(i===void 0)return e;let a=new Set(r),o=[];for(let t=0;t<e.length;t++){t===i&&o.push(n);let r=e[t];r!==void 0&&!a.has(t)&&o.push(r)}return o}function Fo(e,t,n){let r=t[0];if(n.role!==`assistant`||r===void 0)return t;let i=r-1;return Io(e[i])?[i,...t]:t}function Io(e){return e?.role===`assistant`&&e.parts.length>0&&e.parts.every(e=>e.type===`text`||e.type===`thinking`)}function Lo(e){return e===void 0?[]:e.parts.filter(e=>e.type===`skillRead`)}function Ro(e,t){return e.length===t.length&&e.every((e,n)=>zo(e,t[n]))}function zo(e,t){return t===void 0?!1:e.toolCallId!==void 0&&t.toolCallId!==void 0?e.toolCallId===t.toolCallId:Bo(e.path)===Bo(t.path)||e.name===t.name}function Bo(e){return e.replace(/\\/g,`/`)}function Vo(e,t){return Ho(e)===Ho(t)}function Ho(e){return e.parts.filter(e=>e.type===`text`).map(e=>e.text).join(`
|
|
15
|
-
|
|
16
|
-
`)}function Uo(e,t){let n=Ra(t);return n.length===0?e:[...e,...n]}function Wo(e,t){let n=e.at(-1);return Go(e,t)?e:n?.role===t.role&&t.role!==`skill`?[...e.slice(0,-1),{...n,parts:[...n.parts,...t.parts]}]:[...e,t]}function Go(e,t){let n=Lo(t);if(t.role!==`skill`||n.length===0)return!1;let r=qo(e)+1;return n.every(t=>Ko(e,t,r))}function Ko(e,t,n){for(let r=e.length-1;r>=n;r--)if(Lo(e[r]).some(e=>zo(e,t)))return!0;return!1}function qo(e){for(let t=e.length-1;t>=0;t--)if(e[t]?.role===`user`)return t;return-1}function Jo(e){return typeof e==`object`&&!!e}function Yo(e,t){return Jo(e)?e[t]:void 0}function Xo(e,t){let n=Yo(e,t);return typeof n==`string`?n:void 0}function Zo(e,t){let n=Yo(e,t);return typeof n==`boolean`?n:void 0}var Qo=`pi-web:chat-history:v2:`,$o=1800*1e3;function es(e){try{let t=sessionStorage.getItem(ss(e));if(t===null||t===``)return;let n=JSON.parse(t);if(!cs(n))return;if(Date.now()-n.savedAt>$o){sessionStorage.removeItem(ss(e));return}return{messages:n.messages,start:n.start,total:n.total}}catch{return}}function ts(e,t){try{sessionStorage.setItem(ss(e),JSON.stringify({...t,savedAt:Date.now()}))}catch{}}function ns(e){try{sessionStorage.removeItem(ss(e))}catch{}}function rs(e,t){if(e===void 0||!ls(e))return t;if(!ls(t))return e;if(is(e,t))return t;let n=Math.min(e.start,t.start),r=Math.max(e.start+e.messages.length,t.start+t.messages.length),i=Array(r-n);return os(i,n,e),os(i,n,t),as(i)?t:{start:n,total:Math.max(e.total,t.total),messages:i}}function is(e,t){return e.total>t.total&&e.start===0&&t.start===0&&t.messages.length===t.total}function as(e){for(let t=0;t<e.length;t+=1)if(!(t in e)||e[t]===void 0)return!0;return!1}function os(e,t,n){n.messages.forEach((r,i)=>{e[n.start-t+i]=r})}function ss(e){return`${Qo}${e}`}function cs(e){if(typeof e!=`object`||!e||!(`messages`in e)||!(`start`in e)||!(`total`in e)||!(`savedAt`in e))return!1;let{messages:t,start:n,total:r,savedAt:i}=e;return Array.isArray(t)&&typeof n==`number`&&typeof r==`number`&&typeof i==`number`&&ls({messages:t,start:n,total:r})}function ls(e){return Number.isInteger(e.start)&&Number.isInteger(e.total)&&e.start>=0&&e.total>=e.start&&e.messages.length<=e.total-e.start&&!e.messages.some(us)}function us(e){return typeof e==`object`&&!!e&&`role`in e&&`parts`in e&&!(`content`in e)&&typeof e.role==`string`&&Array.isArray(e.parts)}var ds={read:es,write:ts,remove:ns},fs=class{constructor(e=ds){this.cache=e,this.rawHistoryPages=new Map}cachedView(e){return ps(this.rawHistoryPage(e))}mergeHistory(e,t){let n=rs(this.rawHistoryPage(e),t);return this.rawHistoryPages.set(e,n),this.cache.write(e,n),ps(n)}applyLiveEvent(e,t){return So(e,t)}discard(e){this.rawHistoryPages.delete(e),this.cache.remove?.(e)}rawHistoryPage(e){let t=this.rawHistoryPages.get(e)??this.cache.read(e);return t!==void 0&&this.rawHistoryPages.set(e,t),t}};function ps(e){let t=e?.start??0;return{messages:Na(e?.messages??[]),messagePageStart:t,messagePageEnd:t+(e?.messages.length??0),messagePageTotal:e?.total??0}}function ms(e,t=e.length){let n=e.slice(0,t),r=gs(n,t);if(r!==void 0)return r;let i=_s(n,t);if(i!==void 0)return i;let a=Math.max(n.lastIndexOf(` `),n.lastIndexOf(`
|
|
17
|
-
`))+1,o=n.slice(a);if(n.slice(0,a).endsWith(`@ `))return{kind:`file`,query:o,from:a-2,to:t,fileScope:`all`,allPrefix:`@ `};if(o.startsWith(`/`)&&a===0)return{kind:`command`,query:o.slice(1),from:a,to:t};if(o.startsWith(`!@`))return{kind:`file`,query:o.slice(2),from:a,to:t,fileScope:`all`,allPrefix:`!@`};if(o.startsWith(`@`))return{kind:`file`,query:o.slice(1),from:a,to:t,fileScope:`tracked`}}function hs(e,t,n){let r=n??`@`;return!t&&!e.includes(` `)?`${r}${e}`:`${r}"${e}"`}function gs(e,t){let n=e.lastIndexOf(`"`);if(n===-1)return;let r=e.slice(0,n);if(r.endsWith(`!@`))return{kind:`file`,query:e.slice(n+1),from:r.length-2,to:t,fileScope:`all`,allPrefix:`!@`,quoted:!0};if(r.endsWith(`@`))return{kind:`file`,query:e.slice(n+1),from:r.length-1,to:t,fileScope:`tracked`,quoted:!0};if(r.endsWith(`@ `))return{kind:`file`,query:e.slice(n+1),from:r.length-2,to:t,fileScope:`all`,allPrefix:`@ `,quoted:!0}}function _s(e,t){let n=e.lastIndexOf(`
|
|
18
|
-
`)+1,r=e.slice(n),i=vs(r,`@ `),a=vs(r,`!@`),o=Math.max(i,a);if(o===-1)return;let s=o===a?`!@`:`@ `,c=n+o,l=c+s.length;return{kind:`file`,query:e.slice(l),from:c,to:t,fileScope:`all`,allPrefix:s}}function vs(e,t){for(let n=e.lastIndexOf(t);n>=0;n=e.lastIndexOf(t,n-1))if(n===0||ys(e[n-1]))return n;return-1}function ys(e){return e===` `||e===` `}function bs(e){let t=e.trimStart();return t.startsWith(`!@`)?{kind:`file`}:t.startsWith(`!`)?{kind:`shell`,excludeFromContext:t.startsWith(`!!`)}:Cs(e).startsWith(`/`)?{kind:`command`}:ms(e)?.kind===`file`?{kind:`file`}:{kind:`normal`}}function xs(e){return bs(e).kind===`shell`}function Ss(e,t){return e.kind===t.kind?e.kind===`shell`&&t.kind===`shell`?e.excludeFromContext===t.excludeFromContext:!0:!1}function Cs(e){let t=Math.max(e.lastIndexOf(` `),e.lastIndexOf(`
|
|
19
|
-
`))+1;return e.slice(t)}var ws=class{constructor(){this.reconnectDelay=500,this.shouldReconnect=!1,this.hasOpened=!1,this.machineId=`local`}connect(e,t,n,r=`local`){this.close(),this.machineId=r,this.session=e,this.onEvent=t,this.onReconnect=n,this.shouldReconnect=!0,this.open()}setHandler(e){this.onEvent=e}close(){this.shouldReconnect=!1,window.clearTimeout(this.reconnectTimer),js(this.socket),this.socket=void 0,this.session=void 0,this.onEvent=void 0,this.onReconnect=void 0,this.hasOpened=!1,this.machineId=`local`}open(){if(this.session===void 0||this.session.id===``||this.session.cwd===``||!this.shouldReconnect)return;let e=oi(this.session,this.machineId);this.socket=e,e.onopen=()=>{this.reconnectDelay=500,this.hasOpened&&this.onReconnect?.(),this.hasOpened=!0},e.onmessage=e=>void this.handleMessage(e.data),e.onerror=()=>{e.close()},e.onclose=()=>{this.socket===e&&(this.socket=void 0),this.scheduleReconnect()}}scheduleReconnect(){if(!this.shouldReconnect)return;window.clearTimeout(this.reconnectTimer);let e=this.reconnectDelay;this.reconnectDelay=Math.min(this.reconnectDelay*1.6,5e3),this.reconnectTimer=window.setTimeout(()=>{this.open()},e)}async handleMessage(e){let t=await As(e);Es(t)&&this.onEvent?.(t)}},Ts=class{constructor(){this.reconnectDelay=500,this.shouldReconnect=!1,this.machineId=`local`}connect(e,t,n=`local`){this.close(),this.machineId=n,this.onEvent=e,this.onOpen=t,this.shouldReconnect=!0,this.open()}close(){this.shouldReconnect=!1,window.clearTimeout(this.reconnectTimer),js(this.socket),this.socket=void 0,this.onEvent=void 0,this.onOpen=void 0,this.machineId=`local`}open(){if(!this.shouldReconnect)return;let e=ci(this.machineId);this.socket=e,e.onopen=()=>{this.reconnectDelay=500,this.onOpen?.()},e.onmessage=e=>void this.handleMessage(e.data),e.onerror=()=>{e.close()},e.onclose=()=>{this.socket===e&&(this.socket=void 0),this.scheduleReconnect()}}scheduleReconnect(){if(!this.shouldReconnect)return;window.clearTimeout(this.reconnectTimer);let e=this.reconnectDelay;this.reconnectDelay=Math.min(this.reconnectDelay*1.6,5e3),this.reconnectTimer=window.setTimeout(()=>{this.open()},e)}async handleMessage(e){let t=await As(e);Os(t)&&this.onEvent?.(t)}};function Es(e){let t=ks(e);return[`message.append`,`assistant.delta`,`assistant.thinking.delta`,`tool.start`,`tool.update`,`tool.end`,`shell.start`,`shell.chunk`,`shell.end`,`agent.start`,`agent.end`,`message.end`,`status.update`,`activity.update`,`command.output`,`session.error`,`session.name`,`session.created`,`pi.event`].includes(t)}function Ds(e){let t=ks(e);return t===`status.update`||t===`activity.update`||t===`session.name`||t===`session.created`}function Os(e){let t=ks(e);return Ds(e)||t===`terminal.created`||t===`terminal.exited`||t===`terminal.closed`||t===`workspace.activity`}function ks(e){if(typeof e!=`object`||!e||!(`type`in e))return``;let t=e.type;return typeof t==`string`?t:``}async function As(e){try{return typeof e==`string`?JSON.parse(e):e instanceof Blob?JSON.parse(await e.text()):e instanceof ArrayBuffer?JSON.parse(new TextDecoder().decode(e)):void 0}catch{return}}function js(e){if(e!==void 0){if(e.onmessage=null,e.onerror=null,e.onclose=null,e.readyState===WebSocket.CONNECTING){e.onopen=()=>{e.close()};return}e.close()}}function Ms(e){return e?.ok===!0&&St(e,w.sessionsPersistedState)}function Ns(e){return{authoritative:Ms(e)}}function Ps(e,t,n={}){if(e===void 0)return`unknown`;let r=(t?.sessionId===e.id?t.persisted:void 0)??e.persisted;return r===!0?`persisted`:r===!1||Ca(e)?`transient`:n.authoritative===!0?`unknown`:`persisted`}function Fs(e,t,n){return e!==void 0&&e.archived!==!0&&Ps(e,t,n)===`persisted`}function Is(e,t,n){return e!==void 0&&e.archived!==!0&&Ps(e,t,n)===`transient`}function Ls(){try{return typeof sessionStorage>`u`?void 0:sessionStorage}catch{return}}var Rs=class{constructor(e,t,n=Ls()){this.storageKey=e,this.storage=n,this.values=new Map;for(let[r,i]of Bs(e,t,n))this.values.set(r,i)}get(e){return this.values.get(e)}set(e,t){this.values.set(e,t),this.save()}delete(e){this.values.delete(e),this.save()}entries(){return[...this.values.entries()]}save(){try{if(this.values.size===0){this.storage?.removeItem(this.storageKey);return}let e={version:1,entries:[...this.values.entries()]};this.storage?.setItem(this.storageKey,JSON.stringify(e))}catch{}}};function zs(e){return typeof e==`string`&&e!==``?e:void 0}function Bs(e,t,n){try{let r=n?.getItem(e);if(r==null||r===``)return[];let i=JSON.parse(r);if(!Vs(i))return[];let a=[];for(let e of i.entries){let n=e[0],r=t(e[1]);r!==void 0&&a.push([n,r])}return a}catch{return[]}}function Vs(e){return!Hs(e)||e.version!==1||!Array.isArray(e.entries)?!1:e.entries.every(e=>Array.isArray(e)&&e.length===2&&typeof e[0]==`string`&&e[0]!==``)}function Hs(e){return typeof e==`object`&&!!e}var Us=class{constructor(){this.sessionIdsByCwd=new Map}latestSessionId(e){return this.sessionIdsByCwd.get(e)}rememberSession(e){this.sessionIdsByCwd.set(e.cwd,e.id)}forgetWorkspace(e){this.sessionIdsByCwd.delete(e)}},Ws=`pi-web:session-selection:v1`,Gs=class{constructor(e=Ls()){this.sessionIdsByCwd=new Rs(Ws,zs,e)}latestSessionId(e){return this.sessionIdsByCwd.get(e)}rememberSession(e){this.sessionIdsByCwd.set(e.cwd,e.id)}forgetWorkspace(e){this.sessionIdsByCwd.delete(e)}};function Ks(e,t){let n=t?.targetSessionId;if(n!==void 0&&n!==``)return Js(e,n);let r=t?.latestSessionId;return r!==void 0&&r!==``?e.find(e=>e.id===r)??e.find(e=>e.archived!==!0):e.find(e=>e.archived!==!0)}function qs(e,t){return t?.archived===!0&&!e.some(e=>e.archived!==!0)}function Js(e,t){return e.find(e=>e.id===t||e.id.startsWith(t))}function Ys(e,t,n){return Xs(e,[t],n)}function Xs(e,t,n){let r=new Set(t);return e.map(e=>r.has(e.id)?{...e,archived:!0,archivedAt:n}:e)}function Zs(e,t,n){return Qs(e,t,[n])}function Qs(e,t,n){if(t===void 0||!n.includes(t))return{type:`unchanged`};let r=new Set(n),i=e.find(e=>!r.has(e.id)&&e.archived!==!0);return i===void 0?{type:`clear`}:{type:`select`,session:i}}var $s=100,ec=4,tc=class{constructor(e,t,n,r=new Us,i={}){this.getState=e,this.setState=t,this.updateUrl=n,this.sessionSelection=r,this.selectionSeq=0,this.pendingTranscriptEvents=[],this.pendingStatusBySession=new Map,this.pendingActivityBySession=new Map,this.pendingSessionStartSeq=0,this.pendingQueuedSendSeq=0,this.pendingSessionStarts=new Map,this.suppressedCreatedSessions=new Map,this.selectedSessionRefreshes=new zi,this.socket=i.socket??new ws,this.api=i.api??F,this.transcripts=i.transcripts??new fs}applyGlobalEvent(e){e.type===`status.update`?this.queueStatusUpdate(e.status):e.type===`activity.update`?this.queueActivityUpdate(e.activity):e.type===`session.created`?this.applyCreatedSession(e.session):this.applySessionName(e.sessionId,e.name)}dispose(){this.selectionSeq+=1,this.socket.close(),this.clearPendingUpdates()}clearActiveSession(){this.selectionSeq+=1,this.socket.close(),this.catchupStreamSessionId=void 0,this.clearPendingUpdates(),this.setState({selectedSession:void 0,messages:[],messagePageStart:0,messagePageEnd:0,messagePageTotal:0,isLoadingEarlierMessages:!1,isReceivingPartialStream:!1,status:void 0,activity:void 0,availableThinkingLevels:[]})}deselectSession(e){let t=this.getState(),n=t.selectedSession?.cwd??t.selectedWorkspace?.path;e?.forgetRememberedSelection===!0&&n!==void 0&&this.sessionSelection.forgetWorkspace(this.workspaceSelectionKey(n)),this.clearActiveSession(),e?.updateUrl!==!1&&this.updateUrl()}clearSelectionAfterArchivedCollapse(){let e=this.getState();qs(e.sessions,e.selectedSession)&&this.deselectSession({forgetRememberedSelection:!0})}async startSession(){let e=this.getState().selectedWorkspace;if(!e)return;let t=I(this.getState()),n=this.createPendingSessionStart(e,t);this.pendingSessionStarts.set(n.tempId,n),this.insertAndSelectPendingSession(n.session);try{let r=await this.api.startSession(e.path,t);await this.resolvePendingSessionStart(n.tempId,r)}catch(e){this.failPendingSessionStart(n.tempId,e)}}preferredSession(e,t,n){return Ks(t,{targetSessionId:n,latestSessionId:this.sessionSelection.latestSessionId(this.workspaceSelectionKey(e))})}async selectSession(e,t){if(sc(e)){this.selectClientPendingStartSession(e,t);return}this.sessionSelection.rememberSession({...e,cwd:this.workspaceSelectionKey(e.cwd)});let n=++this.selectionSeq;this.socket.close(),this.catchupStreamSessionId=void 0,this.clearPendingUpdates();let r=this.sessionCacheKey(e.id),i=this.transcripts.cachedView(r);this.setState({selectedSession:e,...i,isLoadingEarlierMessages:!1,isReceivingPartialStream:!1,status:e.archived===!0?void 0:this.getState().sessionStatuses[e.id],activity:e.archived===!0?void 0:this.getState().sessionActivities[e.id],availableThinkingLevels:[]});try{if(e.archived===!0){let i=await this.api.messages(e,{limit:$s},I(this.getState()));if(n!==this.selectionSeq||this.getState().selectedSession?.id!==e.id)return;let a=this.transcripts.mergeHistory(r,i);this.setState({...a,isLoadingEarlierMessages:!1,isReceivingPartialStream:!1,status:void 0,activity:void 0}),t?.updateUrl!==!1&&this.updateUrl();return}let i=[];this.socket.connect(e,e=>i.push(e),()=>{this.refreshSelectedSession(e.id)},I(this.getState()));let a=I(this.getState());if(await this.requestSelectedSessionRefresh({session:e,machineId:a,selectionSeq:n}),!this.isCurrentRefreshTarget({session:e,machineId:a,selectionSeq:n}))return;this.refreshAvailableThinkingLevels();for(let e of i)this.applyEvent(e);this.socket.setHandler(e=>{this.applyEvent(e)}),t?.updateUrl!==!1&&this.updateUrl()}catch(r){if(n!==this.selectionSeq||this.getState().selectedSession?.id!==e.id)return;if(Ca(e)&&wc(r)){await this.recreateCachedNewSession(e,t);return}this.setState({error:String(r)})}}async loadEarlierMessages(){let e=this.getState(),t=e.selectedSession;if(!(!t||e.isLoadingEarlierMessages||e.messagePageStart<=0)){this.setState({isLoadingEarlierMessages:!0});try{let n=await this.api.messages(t,{before:e.messagePageStart,limit:$s},I(this.getState()));if(this.getState().selectedSession?.id!==t.id)return;let r=this.transcripts.mergeHistory(this.sessionCacheKey(t.id),n);this.setState(r)}catch(e){this.setState({error:String(e)})}finally{this.getState().selectedSession?.id===t.id&&this.setState({isLoadingEarlierMessages:!1})}}}async send(e,t,n,r=`inline`){let i=this.getState().selectedSession;if(!i||i.archived===!0)return;let a=e.trim(),o=n!==void 0&&n.length>0;if(sc(i)){!o&&a.startsWith(`/`)?this.enqueuePendingSessionSend(i,{type:`command`,text:e}):!o&&xs(e)?this.enqueuePendingSessionSend(i,{type:`shell`,text:e}):this.enqueuePendingSessionSend(i,{type:`prompt`,text:e,streamingBehavior:t,attachments:n,delivery:r});return}if(!o&&a.startsWith(`/`))return this.runCommand(e);if(!o&&xs(e))return this.runShell(e);await this.deliverPromptToSession(i,e,t,n,r,I(this.getState()),{markSending:o})}markSendingPrompt(e,t){let n=this.getState().sendingPrompts;t?n[e]!==!0&&this.setState({sendingPrompts:{...n,[e]:!0}}):e in n&&this.setState({sendingPrompts:rc(n,e)})}async runShell(e){let t=this.getState().selectedSession;if(!(!t||t.archived===!0)){if(sc(t)){this.enqueuePendingSessionSend(t,{type:`shell`,text:e});return}await this.deliverShellToSession(t,e,I(this.getState()),{optimisticLine:!0})}}async runCommand(e){let t=this.getState().selectedSession;if(!(!t||t.archived===!0)){if(sc(t)){this.enqueuePendingSessionSend(t,{type:`command`,text:e});return}await this.deliverCommandToSession(t,e,I(this.getState()),{applyResult:!0})}}enqueuePendingSessionSend(e,t){let n=this.pendingSessionStarts.get(e.id);if(n===void 0||n.discarded){this.setState({error:`The backend session is not ready for queued sends. Copy your message before discarding this failed start.`});return}let r={...t,id:`pending-send-${String(++this.pendingQueuedSendSeq)}`};n.queuedSends.push(r);let i=this.getState(),a=i.clientQueuedSessionMessages[e.id]??[],o=cc(e.id,n.queuedSends.length);this.setState({clientQueuedSessionMessages:{...i.clientQueuedSessionMessages,[e.id]:[...a,uc(r)]},sessionActivities:{...i.sessionActivities,[e.id]:o},activity:i.selectedSession?.id===e.id?o:i.activity,error:``})}async flushQueuedPendingSends(e,t,n){for(let r of n){if(!await this.deliverQueuedPendingSend(e,t,r))return;this.dropNextQueuedSessionMessage(e.id)}}async deliverQueuedPendingSend(e,t,n){return n.type===`prompt`?this.deliverPromptToSession(e,n.text,n.streamingBehavior,n.attachments,n.delivery,t,{markSending:!0}):n.type===`shell`?this.deliverShellToSession(e,n.text,t,{optimisticLine:!0}):this.deliverCommandToSession(e,n.text,t,{applyResult:!0})}async deliverPromptToSession(e,t,n,r,i,a,o){let s=r!==void 0&&r.length>0;o.markSending&&this.markSendingPrompt(e.id,!0);try{if(s&&i===`folder`){let i=(await this.api.saveAttachments(e,r,a)).map(e=>hs(e.path,!1)).join(` `),o=t===``?i:`${t}\n\n${i}`;await this.api.prompt(e,o,n,a)}else await this.api.prompt(e,t,n,a,r);return this.markCachedNewSessionPersisted(e),!0}catch(e){return this.setState({error:String(e)}),!1}finally{o.markSending&&this.markSendingPrompt(e.id,!1)}}async deliverShellToSession(e,t,n,r){r.optimisticLine&&this.getState().selectedSession?.id===e.id&&this.setState({messages:[...this.getState().messages,Pa(`user`,t)]});try{return await this.api.shell(e,t,n),this.markCachedNewSessionPersisted(e),!0}catch(t){return this.getState().selectedSession?.id===e.id&&this.setState({messages:[...this.getState().messages,Pa(`system`,String(t))]}),this.setState({error:String(t)}),!1}}async deliverCommandToSession(e,t,n,r){this.markSendingPrompt(e.id,!0);try{let i=await this.api.runCommand(e,t,n);return r.applyResult&&this.getState().selectedSession?.id===e.id?this.applyCommandResult(i):i.type===`select`&&this.setState({error:`Queued command “${t}” needs input; open the session and run it again.`}),this.markCachedNewSessionPersisted(e),!0}catch(t){return this.getState().selectedSession?.id===e.id&&this.setState({messages:[...this.getState().messages,Pa(`system`,String(t))]}),this.setState({error:String(t)}),!1}finally{this.markSendingPrompt(e.id,!1)}}dropNextQueuedSessionMessage(e){let t=this.getState(),n=t.clientQueuedSessionMessages[e]??[];if(n.length===0)return;let r=n.slice(1);this.setState({clientQueuedSessionMessages:r.length===0?rc(t.clientQueuedSessionMessages,e):{...t.clientQueuedSessionMessages,[e]:r}})}async respondToCommand(e,t){let n=this.getState().selectedSession;if(n){this.setState({commandDialog:void 0});try{this.applyCommandResult(await this.api.respondToCommand(n,e,t,I(this.getState())))}catch(e){this.setState({error:String(e)})}}}cancelCommand(){this.setState({commandDialog:void 0})}applySessionStatus(e){this.applyStatus(e)}async archiveSession(e=this.getState().selectedSession){if(!e)return;let t=this.statusForSession(e),n=this.sessionPersistenceOptions();if(Is(e,t,n)){await this.deleteCachedNewSession(e);return}if(Fs(e,t,n))try{await this.api.archive(e,I(this.getState()));let t=this.getState(),n=Ys(t.sessions,e.id,new Date().toISOString()),r=Zs(n,t.selectedSession?.id,e.id);this.setState({sessions:n}),r.type===`select`?await this.selectSession(r.session):r.type===`clear`&&this.deselectSession({forgetRememberedSelection:!0})}catch(e){this.setState({error:String(e)})}}async archiveSessionWithDescendants(e=this.getState().selectedSession){if(!(e===void 0||!Fs(e,this.statusForSession(e),this.sessionPersistenceOptions())))try{let t=await this.api.archiveWithDescendants(e,I(this.getState())),n=t.sessionIds!==void 0&&t.sessionIds.length>0?t.sessionIds:[e.id],r=this.getState(),i=Xs(r.sessions,n,new Date().toISOString()),a=Qs(i,r.selectedSession?.id,n);this.setState({sessions:i}),a.type===`select`?await this.selectSession(a.session):a.type===`clear`&&this.deselectSession({forgetRememberedSelection:!0})}catch(e){this.setState({error:String(e)})}}async archiveSessions(e){let t=this.sessionPersistenceOptions(),n=pc(e).filter(e=>Fs(e,this.statusForSession(e),t));if(n.length!==0)try{let e=I(this.getState()),{succeededIds:t,failures:r,generatedAt:i}=await this.archiveSessionBatch(n,e);if(t.length>0){let e=this.getState(),n=Xs(e.sessions,t,i??new Date().toISOString()),r=Qs(n,e.selectedSession?.id,t);this.setState({sessions:n}),r.type===`select`?await this.selectSession(r.session):r.type===`clear`&&this.deselectSession({forgetRememberedSelection:!0})}this.applyBulkSessionFailures(`Archive`,r)}catch(e){this.setState({error:`Archive failed: ${bc(e)}`})}}async deleteArchivedSessions(e){let t=pc(e).filter(e=>e.archived===!0);if(t.length===0)return;let n=I(this.getState()),r=this.getState().machineRuntimes[n];if(r?.ok===!0&&!St(r,w.sessionsDeleteArchived)){this.setState({error:`Deleting archived sessions requires an updated Pi-Web runtime on this machine.`});return}try{let{succeededIds:e,failures:r}=await this.deleteArchivedSessionBatch(t,n);if(e.length>0){let t=new Set(e),n=this.getState(),r=n.sessions.filter(e=>!t.has(e.id));if(this.setState({sessions:r}),n.selectedSession!==void 0&&t.has(n.selectedSession.id)){let e=r.find(e=>e.archived!==!0)??r[0];e===void 0?this.deselectSession({forgetRememberedSelection:!0}):await this.selectSession(e)}}this.applyBulkSessionFailures(`Delete`,r)}catch(e){this.setState({error:`Delete failed: ${bc(e)}`})}}async archiveSessionBatch(e,t){let n=this.getState().machineRuntimes[t];if(n?.ok===!0&&St(n,w.sessionsBulkMutations)){let n=await this.api.archiveMany(e,t);return{succeededIds:n.archivedSessionIds,failures:hc(n.failures),generatedAt:n.generatedAt}}let r=await _c(e,ec,async e=>(await this.api.archive(e,t),e.id));return{succeededIds:mc(r),failures:gc(e,r)}}async deleteArchivedSessionBatch(e,t){let n=this.getState().machineRuntimes[t];if(n?.ok===!0&&St(n,w.sessionsBulkMutations)){let n=await this.api.deleteArchivedMany(e,t);return{succeededIds:n.deletedSessionIds,failures:hc(n.failures)}}let r=await _c(e,ec,async e=>(await this.api.deleteArchived(e,t),e.id));return{succeededIds:mc(r),failures:gc(e,r)}}async applySessionCleanupResult(e,t=I(this.getState())){if(I(this.getState())!==t)return;let n=e.archivedSessionIds,r=e.deletedSessionIds;if(n.length>0||r.length>0){let t=this.getState(),i=new Set(r),a=[...n,...r],o=Xs(t.sessions,n,e.generatedAt).filter(e=>!i.has(e.id)),s=t.selectedSession!==void 0&&a.includes(t.selectedSession.id);if(this.setState({sessions:o,sessionStatuses:ic(t.sessionStatuses,a),sessionActivities:ic(t.sessionActivities,a),...s?{status:void 0,activity:void 0}:{}}),t.selectedSession!==void 0&&i.has(t.selectedSession.id)){let e=o.find(e=>e.archived!==!0)??o[0];e===void 0?this.deselectSession({forgetRememberedSelection:!0}):await this.selectSession(e)}else{let e=Qs(o,t.selectedSession?.id,n);e.type===`select`?await this.selectSession(e.session):e.type===`clear`&&this.deselectSession({forgetRememberedSelection:!0})}}await this.refreshCurrentWorkspaceSessions(t)}async refreshCurrentWorkspaceSessions(e=I(this.getState())){let t=this.getState().selectedWorkspace;if(t!==void 0)try{let n=Sa(t.path,await this.api.sessions(t.path,e),e).filter(t=>!this.isSuppressedCreatedSession(t,e));if(I(this.getState())!==e||this.getState().selectedWorkspace?.id!==t.id)return;let r=this.mergePendingStartSessions(t.path,n,e),i=this.getState().selectedSession;if(this.setState({sessions:r}),i===void 0)return;let a=r.find(e=>e.id===i.id);if(a!==void 0){a!==i&&this.setState({selectedSession:a});return}let o=r.find(e=>e.archived!==!0)??r[0];o===void 0?this.deselectSession({forgetRememberedSelection:!0}):await this.selectSession(o)}catch(n){I(this.getState())===e&&this.getState().selectedWorkspace?.id===t.id&&this.setState({error:String(n)})}}async deleteCachedNewSession(e=this.getState().selectedSession){if(e===void 0||!Is(e,this.statusForSession(e),this.sessionPersistenceOptions()))return;let t=sc(e)?this.pendingSessionStarts.get(e.id):void 0;t===void 0?this.api.stop(e,I(this.getState())).catch(()=>{}):(t.discarded=!0,t.queuedSends=[]),xa(e.id,I(this.getState())),go(this.sessionCacheKey(e.id));let n=this.getState(),r=n.sessions.filter(t=>t.id!==e.id);if(this.setState({sessions:r,sessionStatuses:rc(n.sessionStatuses,e.id),sessionActivities:nc(n.sessionActivities,e.id),sendingPrompts:rc(n.sendingPrompts,e.id),clientQueuedSessionMessages:rc(n.clientQueuedSessionMessages,e.id)}),this.getState().selectedSession?.id!==e.id)return;let i=r.find(e=>e.archived!==!0)??r[0];i===void 0?(this.clearActiveSession(),this.updateUrl()):await this.selectSession(i)}async restoreSession(e=this.getState().selectedSession){if(e)try{await this.api.restore(e,I(this.getState()));let t={...e};delete t.archived,delete t.archivedAt,this.replaceSession(t),this.getState().selectedSession?.id===t.id&&await this.selectSession(t)}catch(e){this.setState({error:String(e)})}}async reloadSession(e=this.getState().selectedSession){if(e===void 0||!Fs(e,this.statusForSession(e),this.sessionPersistenceOptions()))return;let t=I(this.getState()),n=this.getState().machineRuntimes[t];if(n?.ok!==!0||!St(n,w.sessionsReload)){this.setState({error:`Reloading sessions from disk requires an updated Pi-Web runtime on this machine.`});return}try{await this.api.reloadSession(e.id,t),this.transcripts.discard(this.sessionCacheKey(e.id)),this.getState().selectedSession?.id===e.id&&await this.selectSession(e,{updateUrl:!1})}catch(e){this.setState({error:String(e)})}}async detachParent(e=this.getState().selectedSession){if(e?.parentSessionPath!==void 0)try{await this.api.detachParent(e,I(this.getState()));let t={...e};delete t.parentSessionPath,this.replaceSession(t)}catch(e){this.setState({error:String(e)})}}async listModels(){let e=this.getState().selectedSession;if(!e||e.archived===!0)return[];try{return(await this.api.models(e,I(this.getState()))).models}catch(e){return this.setState({error:String(e)}),[]}}async setModel(e,t){let n=this.getState().selectedSession;if(!(!n||n.archived===!0))try{this.applyStatus(await this.api.setModel(n,e,t,I(this.getState()))),await this.refreshAvailableThinkingLevels()}catch(e){this.setState({error:String(e)})}}async cycleModel(e){let t=this.getState().selectedSession;if(!(!t||t.archived===!0))try{this.applyStatus(await this.api.cycleModel(t,e,I(this.getState()))),await this.refreshAvailableThinkingLevels()}catch(e){this.setState({error:String(e)})}}async listThinkingLevels(){let e=this.getState().selectedSession;if(!e||e.archived===!0)return[];try{return(await this.api.thinkingLevels(e,I(this.getState()))).levels}catch(e){return this.setState({error:String(e)}),[]}}async refreshAvailableThinkingLevels(){let e=this.getState().selectedSession;if(!e||e.archived===!0){this.getState().availableThinkingLevels.length>0&&this.setState({availableThinkingLevels:[]});return}let t=await this.listThinkingLevels();this.getState().selectedSession?.id===e.id&&this.setState({availableThinkingLevels:t})}async setThinkingLevel(e){let t=this.getState().selectedSession;if(!(!t||t.archived===!0))try{this.applyStatus(await this.api.setThinkingLevel(t,e,I(this.getState())))}catch(e){this.setState({error:String(e)})}}async cycleThinkingLevel(){let e=this.getState().selectedSession;if(!(!e||e.archived===!0))try{this.applyStatus(await this.api.cycleThinkingLevel(e,I(this.getState())))}catch(e){this.setState({error:String(e)})}}async stopActiveWork(){let e=this.getState().selectedSession;if(e)try{await this.api.abort(e,I(this.getState()))}catch(e){this.setState({error:String(e)})}}refreshSelectedSession(e=this.getState().selectedSession?.id){let t=this.getState().selectedSession;if(e===void 0||t?.id!==e||t.archived===!0||sc(t))return Promise.resolve();let n={session:t,machineId:I(this.getState()),selectionSeq:this.selectionSeq};return this.requestSelectedSessionRefresh(n).catch(e=>{this.isCurrentRefreshTarget(n)&&this.setState({error:String(e)})})}requestSelectedSessionRefresh(e){let t=Ri(e.machineId,e.session.id);return this.selectedSessionRefreshes.request(t,async()=>{if(!this.isCurrentRefreshTarget(e))return;this.flushPendingUpdates();let[n,r]=await Promise.all([this.api.messages(e.session,{limit:$s},e.machineId),this.api.status(e.session,e.machineId)]);if(!this.isCurrentRefreshTarget(e))return;let i=this.transcripts.mergeHistory(t,n);this.setState({...i,status:r,activity:this.getState().sessionActivities[e.session.id],...this.setStreamCatchup(r.isStreaming?e.session.id:void 0)}),this.applyStatus(r)})}isCurrentRefreshTarget(e){let t=this.getState(),n=t.selectedSession;return e.selectionSeq===this.selectionSeq&&I(t)===e.machineId&&n?.id===e.session.id&&n.archived!==!0&&!sc(n)}applyBulkSessionFailures(e,t){t.length!==0&&this.setState({error:`${e} failed for ${String(t.length)} session${t.length===1?``:`s`}: ${t.join(`; `)}`})}sessionCacheKey(e){return Ri(I(this.getState()),e)}statusForSession(e){if(e===void 0)return;let t=this.getState();return t.status?.sessionId===e.id&&t.selectedSession?.id===e.id?t.status:t.sessionStatuses[e.id]}sessionPersistenceOptions(){let e=this.getState();return Ns(e.machineRuntimes[I(e)])}workspaceSelectionKey(e){return`${I(this.getState())}:${e}`}replaceSession(e){let t=this.getState().selectedSession;this.setState({sessions:this.getState().sessions.map(t=>t.id===e.id?e:t),selectedSession:t?.id===e.id?e:t})}createPendingSessionStart(e,t){let n=`pending-session-${String(++this.pendingSessionStartSeq)}-${Date.now().toString(36)}`,r=new Date().toISOString(),i={id:n,path:`pi-web://pending-session/${n}`,cwd:e.path,persisted:!1,name:`New session`,created:r,modified:r,messageCount:0,firstMessage:``,clientPendingStart:!0,machineId:t};return{tempId:n,workspaceId:e.id,cwd:e.path,machineId:t,session:i,queuedSends:[],discarded:!1}}insertAndSelectPendingSession(e){let t=this.getState();this.selectClientPendingStartSession(e,{activity:cc(e.id),sessions:[e,...t.sessions.filter(t=>t.id!==e.id)]})}selectClientPendingStartSession(e,t){this.sessionSelection.rememberSession({...e,cwd:this.workspaceSelectionKey(e.cwd)}),this.selectionSeq+=1,this.socket.close(),this.catchupStreamSessionId=void 0,this.clearPendingUpdates();let n=this.getState(),r=this.pendingSessionStarts.get(e.id),i=t?.activity??n.sessionActivities[e.id]??(r===void 0?void 0:cc(e.id,r.queuedSends.length));this.setState({...t?.sessions===void 0?{}:{sessions:t.sessions},selectedSession:e,messages:[],messagePageStart:0,messagePageEnd:0,messagePageTotal:0,isLoadingEarlierMessages:!1,isReceivingPartialStream:!1,status:void 0,activity:i,availableThinkingLevels:[],...i===void 0?{}:{sessionActivities:{...n.sessionActivities,[e.id]:i}},error:``}),t?.updateUrl!==!1&&this.updateUrl()}async resolvePendingSessionStart(e,t){let n=this.pendingSessionStarts.get(e);if(n===void 0)return;this.pendingSessionStarts.delete(e);let r=n.queuedSends.splice(0),i=this.takeSuppressedCreatedSessionsFor(n.cwd,n.machineId,t.id);if(n.discarded){go(Ri(n.machineId,e)),this.setState({clientQueuedSessionMessages:rc(this.getState().clientQueuedSessionMessages,e)}),this.applyReleasedCreatedSessions(i,n.machineId),this.api.stop(t,n.machineId).catch(()=>{});return}ya(t,n.machineId),_o(Ri(n.machineId,e),Ri(n.machineId,t.id));let a=ba(t,n.machineId);if(!this.isCurrentPendingStart(n)){this.setState({clientQueuedSessionMessages:rc(this.getState().clientQueuedSessionMessages,e)}),await this.flushQueuedPendingSends(a,n.machineId,r);return}let o=this.getState(),s=o.selectedSession?.id===e;this.setState({sessions:oc(o.sessions,e,a),sessionActivities:nc(o.sessionActivities,e),sendingPrompts:ac(o.sendingPrompts,e,a.id),clientQueuedSessionMessages:ac(o.clientQueuedSessionMessages,e,a.id),...s?{selectedSession:a,status:o.sessionStatuses[a.id],activity:o.sessionActivities[a.id]}:{},error:``}),this.applyReleasedCreatedSessions(i,n.machineId),s&&(this.updateUrl({replace:!0}),await this.selectSession(a,{updateUrl:!1})),await this.flushQueuedPendingSends(a,n.machineId,r)}failPendingSessionStart(e,t){let n=this.pendingSessionStarts.get(e);if(n===void 0)return;this.pendingSessionStarts.delete(e);let r=this.takeSuppressedCreatedSessionsFor(n.cwd,n.machineId),i=this.isCurrentPendingStart(n);if(n.discarded||!i){i&&this.applyReleasedCreatedSessions(r,n.machineId);return}let a=this.getState(),o=bc(t),s=lc(e,o,n.queuedSends.length),c=a.sessions.some(t=>t.id===e);this.setState({sessions:c?a.sessions:[n.session,...a.sessions],sessionActivities:{...a.sessionActivities,[e]:s},activity:a.selectedSession?.id===e?s:a.activity,error:`Failed to start session: ${o}`}),this.applyReleasedCreatedSessions(r,n.machineId)}isCurrentPendingStart(e){let t=this.getState();return I(t)===e.machineId&&t.selectedWorkspace?.id===e.workspaceId}hasPendingStartFor(e,t){return Array.from(this.pendingSessionStarts.values()).some(n=>n.cwd===e&&n.machineId===t)}isSuppressedCreatedSession(e,t){let n=this.suppressedCreatedSessions.get(e.id);return n?.session.cwd===e.cwd&&n.machineId===t}takeSuppressedCreatedSessionsFor(e,t,n){if(n!==void 0&&this.suppressedCreatedSessions.delete(n),this.hasPendingStartFor(e,t))return[];let r=[];for(let[n,i]of this.suppressedCreatedSessions)i.session.cwd!==e||i.machineId!==t||(this.suppressedCreatedSessions.delete(n),r.push(i.session));return r}applyReleasedCreatedSessions(e,t){if(e.length===0||I(this.getState())!==t)return;let n=this.getState();if(n.selectedWorkspace===void 0)return;let r=new Set(n.sessions.map(e=>e.id)),i=e.filter(e=>e.cwd===n.selectedWorkspace?.path&&!r.has(e.id));i.length!==0&&this.setState({sessions:[...i.reverse(),...n.sessions]})}mergePendingStartSessions(e,t,n){let r=this.getState().sessions.filter(t=>sc(t)&&t.cwd===e&&t.machineId===n);if(r.length===0)return t;let i=new Set(r.map(e=>e.id));return[...r,...t.filter(e=>!i.has(e.id))]}async recreateCachedNewSession(e,t){try{let n=I(this.getState()),r=await this.api.startSession(e.cwd,n);ya(r,n),_o(this.sessionCacheKey(e.id),this.sessionCacheKey(r.id)),xa(e.id,n);let i=ba(r,n);this.setState({sessions:[i,...this.getState().sessions.filter(t=>t.id!==e.id)],error:``}),await this.selectSession(i,{updateUrl:!1}),this.updateUrl(t?.updateUrl===!1?{replace:!0}:void 0)}catch(e){this.setState({error:String(e)})}}markCachedNewSessionPersisted(e){if(!Ca(e))return;let t=this.getState().sessions.find(t=>t.id===e.id)??e;this.replaceSession(wa(t))}applyCommandResult(e){if(e.type===`select`){this.setState({commandDialog:e});return}let t=(e.type,e.message);if(t!==void 0&&t!==``&&this.setState({messages:[...this.getState().messages,Pa(e.type===`unsupported`?`system`:`tool`,t)]}),e.type===`done`&&e.session){e.promptDraft!==void 0&&ho(this.sessionCacheKey(e.session.id),e.promptDraft);let t=this.getState().selectedSession,n=[e.session,...this.getState().sessions.filter(t=>t.id!==e.session?.id)];this.setState({sessions:n,selectedSession:t?.id===e.session.id?e.session:t}),t?.id!==e.session.id&&this.selectSession(e.session)}}applyCreatedSession(e){let t=this.getState();if(t.selectedWorkspace?.path!==e.cwd||t.sessions.some(t=>t.id===e.id))return;let n=I(t);if(this.hasPendingStartFor(e.cwd,n)){this.suppressedCreatedSessions.set(e.id,{session:e,machineId:n});return}this.setState({sessions:[e,...t.sessions]})}applyActivity(e){this.setState({sessionActivities:{...this.getState().sessionActivities,[e.sessionId]:e},activity:this.getState().selectedSession?.id===e.sessionId?e:this.getState().activity})}applyStatus(e){let t=this.getState(),n=t.sessionActivities[e.sessionId]?.phase===`active`&&!Fi(e);this.setState({sessionStatuses:{...t.sessionStatuses,[e.sessionId]:e},...xc(t,e.sessionId,e.messageCount),...n?{sessionActivities:nc(t.sessionActivities,e.sessionId)}:{},status:t.selectedSession?.id===e.sessionId?e:t.status,activity:t.selectedSession?.id===e.sessionId&&n?void 0:t.activity}),e.isStreaming||this.finishStreamCatchup(e.sessionId)}applySessionName(e,t){let n=n=>{if(n.id!==e)return n;let r={...n};return t===void 0||t===``?delete r.name:r.name=t,r},r=this.getState().selectedSession;this.setState({sessions:this.getState().sessions.map(n),selectedSession:r===void 0?void 0:n(r)})}applyEvent(e){let t=this.getState().selectedSession?.id;if(this.catchupStreamSessionId!==void 0&&this.catchupStreamSessionId===t){if(e.type===`message.end`||e.type===`agent.end`){this.finishStreamCatchup(this.catchupStreamSessionId);return}if(Sc(e))return}if(e.type===`status.update`){this.queueStatusUpdate(e.status);return}if(e.type===`activity.update`){this.queueActivityUpdate(e.activity);return}if(Cc(e)){this.queueTranscriptEvent(e);return}this.flushPendingUpdates();let n=this.transcripts.applyLiveEvent(this.getState().messages,e);n?this.setState({messages:n}):e.type===`session.name`&&this.applySessionName(e.sessionId,e.name)}queueTranscriptEvent(e){this.pendingTranscriptEvents.push(e),this.schedulePendingFlush()}queueStatusUpdate(e){this.pendingStatusBySession.set(e.sessionId,e),this.schedulePendingFlush()}queueActivityUpdate(e){this.pendingActivityBySession.set(e.sessionId,e),this.schedulePendingFlush()}schedulePendingFlush(){this.pendingFrame===void 0&&(this.pendingFrame=requestAnimationFrame(()=>{this.pendingFrame=void 0,this.flushPendingUpdates()}))}flushPendingUpdates(){if(this.pendingTranscriptEvents.length>0){let e=this.pendingTranscriptEvents;this.pendingTranscriptEvents=[];let t=this.getState().messages;for(let n of e)t=this.transcripts.applyLiveEvent(t,n)??t;t!==this.getState().messages&&this.setState({messages:t})}if(this.pendingActivityBySession.size>0){let e=Array.from(this.pendingActivityBySession.values());this.pendingActivityBySession.clear();for(let t of e)this.applyActivity(t)}if(this.pendingStatusBySession.size>0){let e=Array.from(this.pendingStatusBySession.values());this.pendingStatusBySession.clear();for(let t of e)this.applyStatus(t)}}clearPendingUpdates(){this.pendingTranscriptEvents=[],this.pendingStatusBySession.clear(),this.pendingActivityBySession.clear(),this.pendingFrame!==void 0&&(cancelAnimationFrame(this.pendingFrame),this.pendingFrame=void 0)}setStreamCatchup(e){return this.catchupStreamSessionId=e,{isReceivingPartialStream:e!==void 0}}finishStreamCatchup(e){let t=this.getState().selectedSession?.id===e;(this.catchupStreamSessionId===e||t&&this.getState().isReceivingPartialStream)&&(this.catchupStreamSessionId=void 0,t&&this.setState({isReceivingPartialStream:!1}),this.refreshMessages(e))}async refreshMessages(e){try{let t=this.getState().selectedSession;if(t?.id!==e)return;let n=await this.api.messages(t,{limit:$s},I(this.getState()));if(this.getState().selectedSession?.id!==e)return;this.setState(this.transcripts.mergeHistory(this.sessionCacheKey(e),n))}catch(t){this.getState().selectedSession?.id===e&&this.setState({error:String(t)})}}};function nc(e,t){return rc(e,t)}function rc(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}function ic(e,t){if(t.length===0)return e;let n=new Set(t);return Object.fromEntries(Object.entries(e).filter(([e])=>!n.has(e)))}function ac(e,t,n){if(t===n||!(t in e))return e;let r=e[t];return r===void 0?e:{...rc(e,t),[n]:r}}function oc(e,t,n){let r=[],i=!1;for(let a of e){if(a.id===t){i||=(r.push(n),!0);continue}a.id!==n.id&&r.push(a)}return i?r:[n,...r]}function sc(e){return e!==void 0&&`clientPendingStart`in e&&e.clientPendingStart===!0}function cc(e,t=0){return{sessionId:e,phase:`active`,label:`Creating session`,detail:t>0?`${String(t)} queued ${t===1?`message`:`messages`} will send when the backend session is ready`:`Waiting for the backend session to be ready`,at:new Date().toISOString()}}function lc(e,t,n=0){return{sessionId:e,phase:`error`,label:`Session creation failed`,detail:`${t}${n>0?` · ${String(n)} queued ${n===1?`message`:`messages`} kept below`:``}`,at:new Date().toISOString()}}function uc(e){return e.type===`prompt`?{kind:e.streamingBehavior===`steer`?`steer`:`followUp`,text:dc(e.text,e.attachments)}:{kind:`followUp`,text:e.text}}function dc(e,t){let n=fc(t);return n===void 0?e:e.trim()===``?n:`${e}\n\n${n}`}function fc(e){if(e===void 0||e.length===0)return;let t=e.map(e=>e.name?.trim()).filter(e=>e!==void 0&&e!==``),n=e.length,r=`${String(n)} ${n===1?`attachment`:`attachments`}`;return t.length===0?`[${r} queued]`:`[${r} queued: ${t.slice(0,3).join(`, `)}${t.length>3?`, +${String(t.length-3)} more`:``}]`}function pc(e){let t=new Set,n=[];for(let r of e)t.has(r.id)||(t.add(r.id),n.push(r));return n}function mc(e){return e.filter(vc).map(e=>e.value)}function hc(e){return e.map(e=>`${e.sessionId}: ${e.error}`)}function gc(e,t){return t.flatMap((t,n)=>yc(t)?[`${e[n]?.id??`unknown`}: ${bc(t.reason)}`]:[])}async function _c(e,t,n){let r=e.map((e,t)=>({item:e,index:t})),i=[],a=0;async function o(){for(;a<r.length;){let e=r[a];if(e===void 0)return;a+=1;try{i[e.index]={status:`fulfilled`,value:await n(e.item)}}catch(t){i[e.index]={status:`rejected`,reason:t}}}}let s=Math.min(Math.max(1,t),r.length);return await Promise.all(Array.from({length:s},()=>o())),i}function vc(e){return e.status===`fulfilled`}function yc(e){return e.status===`rejected`}function bc(e){return e instanceof Error?e.message:String(e)}function xc(e,t,n){if(n===void 0)return{};let r=e.sessions.some(e=>e.id===t&&e.messageCount!==n)?e.sessions.map(e=>e.id===t?{...e,messageCount:n}:e):void 0,i=e.selectedSession?.id===t&&e.selectedSession.messageCount!==n?{...e.selectedSession,messageCount:n}:e.selectedSession;return{...r===void 0?{}:{sessions:r},...i===e.selectedSession?{}:{selectedSession:i}}}function Sc(e){return[`message.append`,`assistant.delta`,`assistant.thinking.delta`,`tool.start`,`tool.update`,`tool.end`,`shell.start`,`shell.chunk`,`shell.end`,`command.output`,`session.error`].includes(e.type)}function Cc(e){return e.type===`assistant.delta`||e.type===`assistant.thinking.delta`||e.type===`shell.chunk`}function wc(e){return e instanceof Error&&e.message.toLowerCase().includes(`session not found`)}var Tc=class{constructor(){this.workspaceIdsByProject=new Map}latestWorkspaceId(e){return this.workspaceIdsByProject.get(e)}rememberWorkspace(e){this.workspaceIdsByProject.set(e.projectId,e.id)}forgetProject(e){this.workspaceIdsByProject.delete(e)}},Ec=`pi-web:workspace-selection:v1`,Dc=class{constructor(e=Ls()){this.workspaceIdsByProject=new Rs(Ec,zs,e)}latestWorkspaceId(e){return this.workspaceIdsByProject.get(e)}rememberWorkspace(e){this.workspaceIdsByProject.set(e.projectId,e.id)}forgetProject(e){this.workspaceIdsByProject.delete(e)}};function Oc(e,t){let n=t?.targetWorkspaceId;if(n!==void 0&&n!==``)return e.find(e=>e.id===n);let r=t?.latestWorkspaceId;return r!==void 0&&r!==``?e.find(e=>e.id===r)??e[0]:e[0]}var kc=class{constructor(e,t,n,r,i=new Tc,a={}){this.getState=e,this.setState=t,this.updateUrl=n,this.sessions=r,this.workspaceSelection=i,this.api=a.api??F}clearSelection(e){this.sessions.clearActiveSession(),this.setState({selectedProject:void 0,selectedWorkspace:void 0,workspaces:[],isLoadingWorkspaces:!1,...Ni()}),e?.updateUrl!==!1&&this.updateUrl()}forgetProject(e){this.workspaceSelection.forgetProject(Li(I(this.getState()),e));let t=Object.fromEntries(Object.entries(this.getState().workspacesByProjectId).filter(([t])=>t!==e));this.setState({workspacesByProjectId:t})}async selectProject(e,t){let n=I(this.getState());this.sessions.clearActiveSession(),this.setState({selectedProject:e,selectedWorkspace:void 0,workspaces:[],isLoadingWorkspaces:!0,...Ni()});try{let r=await this.api.workspaces(e.id,n);if(I(this.getState())!==n||this.getState().selectedProject?.id!==e.id)return;this.setState({workspaces:r,workspacesByProjectId:{...this.getState().workspacesByProjectId,[e.id]:r},isLoadingWorkspaces:!1});let i=Oc(r,{targetWorkspaceId:t?.workspaceId,latestWorkspaceId:this.workspaceSelection.latestWorkspaceId(Li(n,e.id))});i?await this.selectWorkspace(i,{sessionId:t?.sessionId,updateUrl:t?.updateUrl}):t?.updateUrl!==!1&&this.updateUrl()}catch(t){I(this.getState())===n&&this.getState().selectedProject?.id===e.id&&this.setState({error:String(t),isLoadingWorkspaces:!1})}}async selectWorkspace(e,t){let n=I(this.getState());this.workspaceSelection.rememberWorkspace({...e,projectId:Li(n,e.projectId)}),this.sessions.clearActiveSession(),this.setState({selectedWorkspace:e,isLoadingWorkspaces:!1,...Ni()});try{let r=Sa(e.path,await this.api.sessions(e.path,n),n);if(I(this.getState())!==n||this.getState().selectedWorkspace?.id!==e.id||this.getState().selectedProject?.id!==e.projectId)return;this.setState({sessions:r});let i=this.sessions.preferredSession(e.path,r,t?.sessionId);i?await this.sessions.selectSession(i,{updateUrl:t?.updateUrl}):t?.updateUrl!==!1&&this.updateUrl()}catch(t){I(this.getState())===n&&this.getState().selectedWorkspace?.id===e.id&&this.setState({error:String(t)})}}async refreshProjectWorkspaces(e){let t=this.getState().projects.find(t=>t.id===e);if(t===void 0)throw Error(`Project not found`);let n=await this.api.workspaces(t.id,I(this.getState()));return this.applyProjectWorkspaces(t.id,n),n}async refreshAfterWorkspaceDeleted(e,t){let n=await this.refreshProjectWorkspaces(e),r=this.getState();if(r.selectedProject?.id!==e||r.selectedWorkspace?.id!==t)return;let i=jc(n);i===void 0?this.clearSelection():await this.selectWorkspace(i)}applyProjectWorkspaces(e,t){let n=this.getState(),r={...n.workspacesByProjectId,[e]:t};n.selectedProject?.id===e?this.setState({workspaces:t,workspacesByProjectId:r}):this.setState({workspacesByProjectId:r})}};function Ac(e){return e!==void 0&&e.isGitWorktree&&!e.isMain}function jc(e){return e.find(e=>e.isMain)??e[0]}var Mc=`pi-web:machine-navigation:v1`,Nc=class{constructor(e=Ls()){this.snapshotsByMachine=new Rs(Mc,Rc,e)}latest(e){let t=this.snapshotsByMachine.get(e);return t?.machineId===e?Lc(t):void 0}remember(e){this.snapshotsByMachine.set(e.machineId,Lc(e))}forget(e){this.snapshotsByMachine.delete(e)}};function Pc(e){return{machineId:e,surface:{}}}function Fc(e){let t=e.selectedWorkspace!==void 0;return{machineId:e.selectedMachine?.id??`local`,projectId:e.selectedProject?.id,workspaceId:e.selectedWorkspace?.id,sessionId:e.selectedSession?.id,tool:e.workspaceTool,view:e.mainView,surface:{selectedFilePath:t?e.selectedFilePath:void 0,selectedDiffPath:t?e.selectedDiffPath:void 0,selectedTerminalId:t?e.selectedTerminalId:void 0}}}function Ic(e){return{machineId:e.machineId,projectId:e.projectId,workspaceId:e.workspaceId,sessionId:e.sessionId,tool:e.tool,view:e.view===`navigation`?void 0:e.view}}function Lc(e){return{...e,surface:{...e.surface}}}function Rc(e){if(!Wc(e))return;let t=Uc(e,`machineId`);if(t===void 0)return;let n=Vc(Uc(e,`tool`)),r=Bc(Uc(e,`view`));return{machineId:t,projectId:Uc(e,`projectId`),workspaceId:Uc(e,`workspaceId`),sessionId:Uc(e,`sessionId`),...n===void 0?{}:{tool:n},...r===void 0?{}:{view:r},surface:zc(e.surface)}}function zc(e){return Wc(e)?{selectedFilePath:Uc(e,`selectedFilePath`),selectedDiffPath:Uc(e,`selectedDiffPath`),selectedTerminalId:Uc(e,`selectedTerminalId`)}:{}}function Bc(e){return e===`navigation`||e===`chat`?e:Vc(e)}function Vc(e){return Hc(e)?e:void 0}function Hc(e){return e!==void 0&&/^[a-z][a-z0-9.-]*:[a-z][a-z0-9.-]*$/u.test(e)}function Uc(e,t){let n=e[t];return typeof n==`string`&&n!==``?n:void 0}function Wc(e){return typeof e==`object`&&!!e}var Gc=`pi-web:terminal-selection:v1`,Kc=class{constructor(e=Ls()){this.terminalIdsByCwd=new Rs(Gc,zs,e)}latestTerminalId(e){return this.terminalIdsByCwd.get(e)}rememberTerminal(e,t){this.terminalIdsByCwd.set(e,t)}forgetWorkspace(e){this.terminalIdsByCwd.delete(e)}forgetTerminal(e){for(let[t,n]of this.terminalIdsByCwd.entries())n===e&&this.terminalIdsByCwd.delete(t)}};function qc(e,t){let n=t?.targetTerminalId;if(n!==void 0&&n!==``)return e.find(e=>e.id===n);let r=t?.latestTerminalId;return r!==void 0&&r!==``?e.find(e=>e.id===r)??e.find(e=>!e.exited)??e[0]:e.find(e=>!e.exited)??e[0]}function Jc(e){return e.find(e=>!e.exited)??e[0]}var Yc=1200,Xc=[`mod`,`alt`,`shift`],Zc=class{constructor(){this.pendingTokens=[]}handle(e,t,n={}){let r=nl(e);if(r===void 0)return!1;let i=Qc(t,n.shortcuts,{enabledOnly:!0}).filter(e=>e.active).map(e=>({action:e.action,tokens:e.tokens}));if(this.pendingTokens.length>0){if(this.handleSequence([...this.pendingTokens,r],i))return!0;if(this.clearPending(),!rl(r))return!1}else if(!rl(r))return!1;return this.handleSequence([r],i)}reset(){this.clearPending()}handleSequence(e,t){let n=t.find(t=>bl(t.tokens,e));return n===void 0?t.some(t=>xl(t.tokens,e))?(this.setPending(e),!0):!1:(this.clearPending(),n.action.run(),!0)}setPending(e){this.clearPending(),this.pendingTokens=e,this.pendingTimer=globalThis.setTimeout(()=>{this.pendingTokens=[],this.pendingTimer=void 0},Yc)}clearPending(){this.pendingTokens=[],this.pendingTimer!==void 0&&(globalThis.clearTimeout(this.pendingTimer),this.pendingTimer=void 0)}};function Qc(e,t,n={}){let r=e.flatMap((e,r)=>{if(n.enabledOnly===!0&&e.enabled===!1)return[];let i=il(e,t,r);return i===void 0?[]:[i]}),i=new Map;for(let e of r)i.set(e.key,[...i.get(e.key)??[],e]);let a=new Map;for(let e of i.values()){let t=[...e].sort(cl)[0];t!==void 0&&a.set(t.key,t)}let o=[...a.values()].sort(ll),s=new Map,c=new Map;for(let e of r){let t=a.get(e.key);if(t===void 0)continue;let n=ul(t,o)??t;c.set(e,n),e!==n&&s.set(n,[...s.get(n)??[],e])}return r.map(e=>{let t=c.get(e),n=t===e,r=t===void 0||n?void 0:sl(t),i=n?[...s.get(e)??[]].sort(cl).map(sl):[];return{...e,active:n,shadows:i,...r===void 0?{}:{shadowedBy:r}}}).sort((e,t)=>e.order-t.order)}function $c(e){return pl(e,{requireFirstChordActivator:!0})}function el(e){let t=pl(e,{requireFirstChordActivator:!1});return t.ok?t.tokens:[]}function tl(e){return el(e).map(e=>e.split(`+`).map(yl).join(`+`)).join(` `)}function nl(e){if(e.isComposing)return;let t=_l(e.key);if(t===void 0)return;let n=[];return(e.metaKey||e.ctrlKey)&&n.push(`mod`),e.altKey&&n.push(`alt`),e.shiftKey&&n.push(`shift`),n.push(t),n.join(`+`)}function rl(e){return e.split(`+`).includes(`mod`)||e.split(`+`).includes(`alt`)}function il(e,t,n){let r=al(e.id,t);if(r===null)return;let i=r??e.shortcut;if(i===void 0||i===``)return;let a=el(i),o=a[0];if(!(o===void 0||!rl(o)))return{action:e,shortcut:a.join(` `),source:r===void 0?`default`:`custom`,tokens:a,key:ol(a),order:n}}function al(e,t){if(!(t===void 0||!Object.hasOwn(t,e)))return t[e]}function ol(e){return e.join(`\0`)}function sl(e){return{action:e.action,shortcut:e.shortcut,source:e.source}}function cl(e,t){return dl(e.source)-dl(t.source)||fl(e.action.id,t.action.id)||fl(e.action.title,t.action.title)||e.order-t.order}function ll(e,t){return e.tokens.length-t.tokens.length||cl(e,t)}function ul(e,t){return t.find(t=>t!==e&&t.tokens.length<e.tokens.length&&xl(e.tokens,t.tokens))}function dl(e){switch(e){case`custom`:return 0;case`default`:return 1}}function fl(e,t){return e<t?-1:+(e>t)}function pl(e,t){let n=e.trim().toLowerCase().replace(/\s*\+\s*/gu,`+`);if(n===``)return{ok:!1,message:`Enter a shortcut, choose None, or reset to the default.`};let r=[],i=n.split(/\s+/u).filter(e=>e!==``);for(let[e,n]of i.entries()){let i=ml(n);if(!i.ok)return i;if(e===0&&t.requireFirstChordActivator&&!rl(i.token))return{ok:!1,message:`Shortcuts must start with Ctrl/⌘ or Alt so normal typing is not captured.`};r.push(i.token)}return{ok:!0,shortcut:r.join(` `),tokens:r}}function ml(e){let t=e.split(`+`).filter(e=>e!==``);if(t.length===0)return{ok:!1,message:`Shortcut chords must include a key.`};let n=new Set,r;for(let e of t){let t=hl(e);if(t!==void 0){if(n.has(t))return{ok:!1,message:`Shortcut has duplicate ${yl(t)} modifiers.`};n.add(t);continue}let i=gl(e);if(i===void 0)return{ok:!1,message:`Unsupported shortcut key: ${e}`};if(r!==void 0)return{ok:!1,message:`Each shortcut chord can include only one non-modifier key.`};r=i}return r===void 0?{ok:!1,message:`Shortcut chords must include a key.`}:{ok:!0,token:[...Xc.filter(e=>n.has(e)),r].join(`+`)}}function hl(e){switch(e){case`mod`:case`meta`:case`cmd`:case`command`:case`ctrl`:case`control`:case`primary`:return`mod`;case`alt`:case`option`:case`opt`:return`alt`;case`shift`:return`shift`;default:return}}function gl(e){let t=vl(e);if(t!==void 0)return t;if(/^f(?:[1-9]|1[0-9]|2[0-4])$/u.test(e)||e.length===1)return e}function _l(e){return e===` `?`space`:gl(e.toLowerCase())}function vl(e){switch(e){case` `:case`spacebar`:case`space`:return`space`;case`esc`:case`escape`:return`escape`;case`return`:case`enter`:return`enter`;case`del`:case`delete`:return`delete`;case`backspace`:return`backspace`;case`tab`:return`tab`;case`up`:case`arrowup`:return`arrowup`;case`down`:case`arrowdown`:return`arrowdown`;case`left`:case`arrowleft`:return`arrowleft`;case`right`:case`arrowright`:return`arrowright`;case`pageup`:case`pagedown`:case`home`:case`end`:return e;case`+`:case`plus`:return`plus`;case`period`:case`dot`:return`.`;case`comma`:return`,`;case`slash`:return`/`;case`backslash`:return`\\`;case`minus`:return`-`;default:return}}function yl(e){return e===`mod`?Sl()?`⌘`:`Ctrl`:e===`shift`?`Shift`:e===`alt`?Sl()?`⌥`:`Alt`:e===`enter`?`Enter`:e===`escape`?`Esc`:e===`space`?`Space`:e===`tab`?`Tab`:e===`backspace`?`Backspace`:e===`delete`?`Delete`:e===`arrowup`?`↑`:e===`arrowdown`?`↓`:e===`arrowleft`?`←`:e===`arrowright`?`→`:e===`pageup`?`PageUp`:e===`pagedown`?`PageDown`:e===`home`?`Home`:e===`end`?`End`:e===`plus`?`+`:/^f(?:[1-9]|1[0-9]|2[0-4])$/u.test(e)||e.length===1?e.toUpperCase():`${e.charAt(0).toUpperCase()}${e.slice(1)}`}function bl(e,t){return e.length===t.length&&xl(e,t)}function xl(e,t){return t.every((t,n)=>e[n]===t)}function Sl(){return typeof navigator<`u`&&navigator.userAgent.toLowerCase().includes(`mac`)}var Cl={archiveIdleEnabled:!0,archiveIdleDays:`30`,deleteArchivedEnabled:!1,deleteArchivedDays:`90`};function wl(e){if(!e.archiveIdleEnabled&&!e.deleteArchivedEnabled)return{ok:!1,error:`Enable at least one cleanup action.`};let t={archiveIdleDays:null,deleteArchivedDays:null};if(e.archiveIdleEnabled){let n=Nl(e.archiveIdleDays,`Archive idle sessions after`);if(typeof n==`string`)return{ok:!1,error:n};t.archiveIdleDays=n}if(e.deleteArchivedEnabled){let n=Nl(e.deleteArchivedDays,`Delete archived sessions after`);if(typeof n==`string`)return{ok:!1,error:n};t.deleteArchivedDays=n}return{ok:!0,request:t}}function Tl(e){return JSON.stringify({archiveIdleDays:e?.archiveIdleDays??null,deleteArchivedDays:e?.deleteArchivedDays??null})}function El(e){if(!e.canCleanup||e.loading===!0||e.running===!0||e.preview===void 0)return!1;let t=wl(e.draft);return!t.ok||Tl(t.request)!==Tl(e.previewRequest)?!1:Dl(e.preview)}function Dl(e){return e.totals.archiveCount>0||e.totals.deleteCount>0}function Ol(e,t){let n=e.projects.map(e=>e.cwd);if(t===void 0)return n;let r=new Set(t);return n.filter(e=>r.has(e))}function kl(e,t){let n=new Set(Ol(e,t)),r=e.projects.filter(e=>n.has(e.cwd));return{...e,projects:r,totals:r.reduce((e,t)=>({archiveCount:e.archiveCount+t.archiveCount,deleteCount:e.deleteCount+t.deleteCount}),{archiveCount:0,deleteCount:0})}}function Al(e,t){return t(jl(e))}function jl(e){let t=e.totals.archiveCount,n=e.totals.deleteCount,r=[];return t>0&&r.push(`archive ${String(t)} idle ${t===1?`session`:`sessions`}`),n>0&&r.push(`permanently delete ${String(n)} archived ${n===1?`session`:`sessions`}`),`Run cleanup and ${r.length===0?`run cleanup`:r.join(` and `)}?\n\nPermanent deletion only applies to archived sessions and cannot be undone.`}function Ml(e){return`Update and restart Pi-Web on ${e??`this machine`} to clean up sessions.`}function Nl(e,t){let n=e.trim();if(n===``)return`${t} must be set.`;let r=Number(n);return!Number.isInteger(r)||r<0?`${t} must be a non-negative whole number of days.`:r}var Pl=`themes:classic`,Fl={themeId:`themes:pi-web-dark`,auto:!0},Il=`pi-web-app-theme`,Ll=`--pi-bg.--pi-surface.--pi-surface-hover.--pi-terminal-bg.--pi-terminal-text.--pi-border.--pi-border-muted.--pi-text.--pi-text-secondary.--pi-text-bright.--pi-muted.--pi-dim.--pi-accent.--pi-accent-border.--pi-selection-bg.--pi-success.--pi-success-border.--pi-success-bg.--pi-success-surface.--pi-success-ring.--pi-warning.--pi-warning-border.--pi-warning-surface.--pi-danger.--pi-purple.--pi-purple-border.--pi-purple-surface.--pi-overlay.--pi-shadow-soft.--pi-shadow.--pi-shadow-strong.--pi-bg-overlay-soft.--pi-bg-overlay.--pi-success-bg-overlay.--pi-terminal-selection`.split(`.`),Rl=/^[a-z][a-z0-9.-]*:[a-z][a-z0-9.-]*$/u;function zl(){try{let e=window.localStorage.getItem(Il);return e===null?void 0:Gl(e)}catch{return}}function Bl(e){try{window.localStorage.setItem(Il,JSON.stringify(e))}catch{}}function Vl(e){let t=document.documentElement;t.dataset.piWebTheme=e.id,t.style.colorScheme=e.colorScheme;for(let n of Ll){let r=e.tokens[n];typeof r==`string`&&r!==``?t.style.setProperty(n,r):t.style.removeProperty(n)}}function Hl(e){let t=Ul(e.themes,e.fallbackThemeId??`themes:classic`),n=e.themes.find(t=>t.id===e.preference.themeId)??t;if(n===void 0)return{selectedTheme:void 0,activeTheme:void 0,selectedThemePair:void 0,fallbackTheme:t};let r=Wl(e.themePairs,n.id);if(!e.preference.auto||r===void 0)return{selectedTheme:n,activeTheme:n,selectedThemePair:r,fallbackTheme:t};let i=e.prefersLight?r.light:r.dark;return{selectedTheme:n,activeTheme:e.themes.find(e=>e.id===i)??n,selectedThemePair:r,fallbackTheme:t}}function Ul(e,t=Pl){return e.find(e=>e.id===t)??e[0]}function Wl(e,t){return e.find(e=>e.light===t||e.dark===t)}function Gl(e){let t=e.trim();if(t!==``)try{let e=JSON.parse(t);return Kl(e)?e:void 0}catch{return}}function Kl(e){if(!ql(e))return!1;let t=e.themeId,n=e.auto;return Jl(t)&&typeof n==`boolean`}function ql(e){return typeof e==`object`&&!!e}function Jl(e){return typeof e==`string`&&Rl.test(e)}var Yl=`workspace.delete`,Xl=`pi.operation`,Zl=`target.workspaceId`;function Ql(e){return{...e===void 0?{}:{projectId:e},metadata:{[Xl]:Yl}}}function $l(e){let t={};for(let n of e){let e=nu(n);if(e===void 0)continue;let r=t[e];(r===void 0||n.createdAt.localeCompare(r.createdAt)>=0)&&(t[e]=n)}return t}function eu(e){return Object.entries(e).filter(([,e])=>ru(e)).map(([e])=>e)}function tu(e,t){if(t===void 0)return!1;let n=e.workspaceDeletionRuns[t.id];return n!==void 0&&ru(n)}function nu(e){return e.metadata[Zl]}function ru(e){return e.status===`queued`||e.status===`running`}function iu(){return[{id:`actions.show`,title:`Show Actions`,description:`Open the command palette`,shortcut:`mod+k`,group:`General`,run:e=>{e.openActionPalette()}},{id:`prompt.focus`,title:`Focus Prompt`,description:`Move keyboard focus to the message composer`,shortcut:`mod+g c`,group:`General`,run:e=>{e.focusPrompt()}},{id:`machine.add`,title:`Add Machine`,description:`Register another PI WEB runtime reachable from this gateway`,group:`Machine`,run:e=>e.addMachine()},{id:`machine.refresh`,title:`Refresh Selected Machine`,description:`Check whether the selected PI WEB runtime is online`,group:`Machine`,run:e=>e.refreshSelectedMachine()},{id:`machine.open`,title:`Open Selected Machine PI WEB`,description:`Open the selected remote PI WEB directly in a new tab`,group:`Machine`,enabled:e=>e.state.selectedMachine?.kind===`remote`&&e.state.selectedMachine.baseUrl!==void 0,run:e=>e.openSelectedMachine()},{id:`machine.remove`,title:`Remove Selected Machine`,description:`Remove the selected remote machine from this gateway`,group:`Machine`,enabled:e=>e.state.selectedMachine?.kind===`remote`,run:e=>e.removeSelectedMachine()},{id:`project.add`,title:`Add Project`,group:`Project`,run:e=>e.addProject()},{id:`auth.login`,title:`Configure Provider Authentication`,description:`Run /login without tying authentication to a session`,group:`General`,run:e=>e.configureAuth()},{id:`auth.logout`,title:`Remove Provider Authentication`,description:`Run /logout for stored pi credentials`,group:`General`,run:e=>e.logoutAuth()},{id:`theme.select`,title:`Select Theme`,description:`Choose the PI WEB color theme`,group:`Preferences`,run:e=>{e.openThemePicker()}},{id:`settings.open`,title:`Open Settings`,description:`Manage PI WEB configuration and keyboard shortcuts`,shortcut:`mod+,`,group:`Preferences`,run:e=>{e.piWebUnstable?.openSettings?.()}},{id:`app.reload-page`,title:`Full Page Reload`,description:`Reload the PI WEB browser page`,group:`General`,run:e=>{e.reloadPage()}},{id:`view.chat`,title:`Go to Chat`,shortcut:`mod+1`,group:`Navigation`,run:e=>{e.focusPrompt()}},{id:`view.files`,title:`Go to Files`,shortcut:`mod+2`,group:`Navigation`,enabled:au,run:e=>{e.selectMainView(`core:workspace.files`)}},{id:`view.git`,title:`Go to Git`,shortcut:`mod+3`,group:`Navigation`,enabled:ou,run:e=>{e.selectMainView(`core:workspace.git`)}},{id:`view.terminal`,title:`Go to Terminal`,shortcut:`mod+4`,group:`Navigation`,enabled:au,run:e=>{e.selectMainView(`core:workspace.terminal`)}},{id:`workspace.refresh-files`,title:`Refresh Files`,shortcut:`mod+shift+f`,group:`Workspace`,enabled:au,run:e=>e.refreshFiles()},{id:`workspace.refresh-git`,title:`Refresh Git`,shortcut:`mod+shift+g`,group:`Workspace`,enabled:ou,run:e=>e.refreshGit()},{id:`workspace.refresh-current`,title:`Refresh Current Panel`,shortcut:`mod+shift+r`,group:`Workspace`,enabled:au,run:e=>e.state.workspaceTool===`core:workspace.git`&&e.state.selectedWorkspace?.isGitRepo===!0?e.refreshGit():e.refreshFiles()},{id:`workspace.delete`,title:`Delete Workspace`,description:`Remove the selected Git worktree`,group:`Workspace`,enabled:su,run:e=>e.deleteWorkspace()},{id:`session.start`,title:`Start Session`,shortcut:`mod+enter`,group:`Session`,enabled:au,run:e=>e.startSession()},{id:`session.archive`,title:`Archive Session`,description:`Archive the selected session`,group:`Session`,enabled:cu,run:e=>e.archiveSession()},{id:`session.reload`,title:`Reload Session from Disk`,description:`Close and re-open the selected session from its session file. Use /reload in the prompt for Pi runtime resources.`,group:`Session`,enabled:uu,disabledReason:du,run:e=>e.reloadSession()},{id:`session.delete`,title:`Delete New Session`,description:`Delete the selected transient new session`,group:`Session`,enabled:lu,run:e=>e.deleteCachedNewSession()},{id:`session.stop`,title:`Stop Active Work`,shortcut:`mod+.`,group:`Session`,enabled:e=>e.state.selectedSession!==void 0&&Fi(e.state.status,e.state.activity),run:e=>e.stopActiveWork()}]}function au(e){return e.state.selectedWorkspace!==void 0}function ou(e){return e.state.selectedWorkspace?.isGitRepo===!0}function su(e){let t=e.state.selectedWorkspace;return t!==void 0&&t.isGitWorktree&&!t.isMain&&!tu(e.state,t)}function cu(e){return Fs(e.state.selectedSession,e.state.status,fu(e.state))}function lu(e){return Is(e.state.selectedSession,e.state.status,fu(e.state))}function uu(e){return!Fs(e.state.selectedSession,e.state.status,fu(e.state))||du(e)!==void 0?!1:!Fi(e.state.status,e.state.activity)}function du(e){if(Fs(e.state.selectedSession,e.state.status,fu(e.state))&&!Fi(e.state.status,e.state.activity))return pu(e.state,w.sessionsReload,`reload sessions from disk`)}function fu(e){return Ns(e.machineRuntimes[I(e)])}function pu(e,t,n){let r=e.machineRuntimes[I(e)];if(!(r?.ok===!0&&St(r,t)))return`Update and restart Pi-Web on ${e.selectedMachine?.name??`this machine`} to ${n}.`}function mu(e){return typeof e==`string`?hu(e):g`<span class="tab-custom-icon" aria-hidden="true">${e}</span>`}function hu(e){switch(e){case`navigation`:return Je`
|
|
20
|
-
<svg class="tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
21
|
-
<circle cx="6" cy="7" r="1.5"></circle>
|
|
22
|
-
<path d="M10 7h8"></path>
|
|
23
|
-
<circle cx="6" cy="12" r="1.5"></circle>
|
|
24
|
-
<path d="M10 12h8"></path>
|
|
25
|
-
<circle cx="6" cy="17" r="1.5"></circle>
|
|
26
|
-
<path d="M10 17h8"></path>
|
|
27
|
-
</svg>
|
|
28
|
-
`;case`chat`:return Je`
|
|
29
|
-
<svg class="tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
30
|
-
<path d="M7 5h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-6l-5 4v-4H7a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3Z"></path>
|
|
31
|
-
<path d="M8 9h8"></path>
|
|
32
|
-
<path d="M8 13h5"></path>
|
|
33
|
-
</svg>
|
|
34
|
-
`;case`files`:return Je`
|
|
35
|
-
<svg class="tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
36
|
-
<path d="M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path>
|
|
37
|
-
</svg>
|
|
38
|
-
`;case`git`:return Je`
|
|
39
|
-
<svg class="tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
40
|
-
<circle cx="6" cy="6" r="2"></circle>
|
|
41
|
-
<circle cx="18" cy="6" r="2"></circle>
|
|
42
|
-
<circle cx="12" cy="18" r="2"></circle>
|
|
43
|
-
<path d="M8 6h6"></path>
|
|
44
|
-
<path d="M6 8v2a6 6 0 0 0 6 6"></path>
|
|
45
|
-
<path d="M18 8v2a6 6 0 0 1-6 6"></path>
|
|
46
|
-
</svg>
|
|
47
|
-
`;case`terminal`:return Je`
|
|
48
|
-
<svg class="tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
49
|
-
<rect x="3" y="5" width="18" height="14" rx="2"></rect>
|
|
50
|
-
<path d="m7 10 3 3-3 3"></path>
|
|
51
|
-
<path d="M12 16h5"></path>
|
|
52
|
-
</svg>
|
|
53
|
-
`}}var gu=`10 MB`,_u=h`
|
|
54
|
-
/* Mobile browsers already subtract browser controls from 100dvh; reserve bottom safe area only in standalone PWA modes. */
|
|
55
|
-
:host { --pi-app-safe-area-bottom: 0px; position: fixed; top: 0; right: 0; left: 0; display: block; height: 100dvh; box-sizing: border-box; overflow: hidden; padding: env(safe-area-inset-top) env(safe-area-inset-right) var(--pi-app-safe-area-bottom) env(safe-area-inset-left); color: var(--pi-text); background: var(--pi-bg); font: 14px system-ui, sans-serif; }
|
|
56
|
-
:host([pwa-display-mode]) { --pi-app-safe-area-bottom: env(safe-area-inset-bottom); }
|
|
57
|
-
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
|
|
58
|
-
:host { --pi-app-safe-area-bottom: env(safe-area-inset-bottom); }
|
|
59
|
-
}
|
|
60
|
-
.shell { --navigation-panel-size: 340px; --workspace-panel-size: minmax(360px, 42vw); --navigation-panel-width: var(--navigation-panel-size); --workspace-panel-width: var(--workspace-panel-size); display: grid; grid-template-columns: var(--navigation-panel-width) 1px minmax(320px, 1fr) 1px var(--workspace-panel-width); height: 100%; min-height: 0; }
|
|
61
|
-
aside { grid-column: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
|
|
62
|
-
aside app-navigation-panel { flex: 1 1 auto; min-height: 0; }
|
|
63
|
-
header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border-bottom: 1px solid var(--pi-border); }
|
|
64
|
-
.header-actions { display: flex; align-items: center; gap: 8px; }
|
|
65
|
-
project-list, workspace-list { flex: 0 0 auto; max-height: 26%; min-height: 0; overflow: hidden; border-bottom: 1px solid var(--pi-border-muted); }
|
|
66
|
-
session-list { flex: 1 1 auto; min-height: 0; overflow: hidden; }
|
|
67
|
-
main { grid-column: 3; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
68
|
-
.context-bar { position: relative; flex: 0 0 auto; min-width: 0; display: none; align-items: center; gap: 0; padding: 6px 0; border-bottom: 1px solid var(--pi-border-muted); background: var(--pi-bg); }
|
|
69
|
-
.context-bar::before, .context-bar::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 20px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
|
|
70
|
-
.context-bar::before { left: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
71
|
-
.context-bar::after { right: 0; background: linear-gradient(270deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
72
|
-
.context-bar.can-scroll-left::before, .context-bar.can-scroll-right::after { opacity: 1; }
|
|
73
|
-
.context-bar-label { display: none; }
|
|
74
|
-
.context-items { flex: 1 1 auto; min-width: 0; display: flex; align-items: stretch; gap: 5px; margin: 0; padding: 0 8px; list-style: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-padding-inline: 8px; scrollbar-width: thin; }
|
|
75
|
-
.context-bar.has-context-actions .context-items { padding-right: 52px; scroll-padding-inline: 8px 52px; }
|
|
76
|
-
.context-item { flex: 0 0 auto; min-width: 0; display: flex; }
|
|
77
|
-
.context-actions { position: absolute; top: 6px; right: 0; bottom: 6px; z-index: 3; display: flex; align-items: center; padding: 0 8px 0 0; pointer-events: none; }
|
|
78
|
-
.context-actions::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: 0; width: 26px; background: var(--pi-bg); pointer-events: none; }
|
|
79
|
-
.context-chip { flex: 0 0 auto; min-width: 0; display: inline-flex; align-items: baseline; gap: 5px; border: 1px solid var(--pi-border-muted); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text); padding: 4px 8px; font: inherit; text-align: left; }
|
|
80
|
-
.context-chip:hover { background: var(--pi-surface-hover); }
|
|
81
|
-
.context-chip:focus-visible { outline: 2px solid var(--pi-accent); outline-offset: 2px; }
|
|
82
|
-
.context-chip.empty { border-style: dashed; color: var(--pi-muted); }
|
|
83
|
-
.context-kind { display: none; }
|
|
84
|
-
.context-value { min-width: 0; overflow: visible; text-overflow: clip; white-space: nowrap; }
|
|
85
|
-
app-mobile-main-tabs { display: none; }
|
|
86
|
-
.mobile-tabs-frame { position: relative; display: none; flex: 0 0 auto; min-width: 0; border-bottom: 1px solid var(--pi-border); background: var(--pi-bg); }
|
|
87
|
-
.mobile-tabs-frame::before, .mobile-tabs-frame::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 20px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
|
|
88
|
-
.mobile-tabs-frame::before { left: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
89
|
-
.mobile-tabs-frame::after { right: 0; background: linear-gradient(270deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
90
|
-
.mobile-tabs-frame.can-scroll-left::before, .mobile-tabs-frame.can-scroll-right::after { opacity: 1; }
|
|
91
|
-
.mobile-tabs { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; }
|
|
92
|
-
.mobile-tabs button { flex: 0 0 auto; white-space: nowrap; }
|
|
93
|
-
.mobile-navigation-tab, .mobile-navigation-panel { display: none; }
|
|
94
|
-
.mobile-tabs button.selected { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
95
|
-
.tab-badge { display: inline-block; min-width: 14px; margin-left: 4px; border: 1px solid var(--pi-success-border); border-radius: 999px; background: var(--pi-success-surface); color: var(--pi-success); padding: 0 5px; font-size: 11px; line-height: 16px; text-align: center; }
|
|
96
|
-
.navigation-panel-edge, .workspace-panel-edge { min-width: 0; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: visible; background: var(--pi-border-muted); z-index: 2; }
|
|
97
|
-
.navigation-panel-edge { grid-column: 2; }
|
|
98
|
-
.workspace-panel-edge { grid-column: 4; }
|
|
99
|
-
.navigation-panel-edge-button, .workspace-panel-edge-button { position: relative; z-index: 1; box-sizing: border-box; display: grid; place-items: center; width: 18px; height: 48px; padding: 0; border: 1px solid var(--pi-border-muted); border-radius: 999px; background: var(--pi-bg); color: var(--pi-muted); opacity: .75; cursor: pointer; }
|
|
100
|
-
.navigation-panel-edge-button:hover, .navigation-panel-edge-button:focus-visible, .workspace-panel-edge-button:hover, .workspace-panel-edge-button:focus-visible { color: var(--pi-text); background: var(--pi-surface-hover); opacity: 1; }
|
|
101
|
-
.shell.navigation-panel-collapsed .navigation-panel-edge-button { transform: translateX(calc(50% - .5px)); }
|
|
102
|
-
.shell.workspace-panel-collapsed .workspace-panel-edge-button { transform: translateX(calc(-50% + .5px)); }
|
|
103
|
-
.navigation-panel-edge-icon, .workspace-panel-edge-icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
104
|
-
workspace-panel { grid-column: 5; min-width: 0; min-height: 0; overflow: hidden; }
|
|
105
|
-
@media (min-width: 1181px) {
|
|
106
|
-
.shell.navigation-panel-collapsed { --navigation-panel-width: 0px; }
|
|
107
|
-
.shell.navigation-panel-collapsed > aside { display: none; }
|
|
108
|
-
.shell.workspace-panel-collapsed { --workspace-panel-width: 0px; }
|
|
109
|
-
.shell.workspace-panel-collapsed > workspace-panel { display: none; }
|
|
110
|
-
}
|
|
111
|
-
@media (max-width: 1180px) {
|
|
112
|
-
.shell { grid-template-columns: var(--navigation-panel-width) 1px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
|
|
113
|
-
.shell.navigation-panel-collapsed { --navigation-panel-width: 0px; }
|
|
114
|
-
.shell.navigation-panel-collapsed > aside { display: none; }
|
|
115
|
-
aside { grid-row: 1 / 3; }
|
|
116
|
-
.navigation-panel-edge { grid-row: 1 / 3; }
|
|
117
|
-
main { grid-column: 3; grid-row: 1 / 3; }
|
|
118
|
-
app-mobile-main-tabs { display: block; flex: 0 0 auto; min-width: 0; }
|
|
119
|
-
.mobile-tabs-frame { display: flex; }
|
|
120
|
-
.shell.workspace-view main { grid-row: 1; min-height: auto; }
|
|
121
|
-
.shell.workspace-view > workspace-panel { grid-column: 3; grid-row: 2; display: flex; border-left: 0; }
|
|
122
|
-
.shell:not(.workspace-view) > workspace-panel { display: none; }
|
|
123
|
-
.workspace-panel-edge { display: none; }
|
|
124
|
-
main.workspace-view chat-view, main.workspace-view prompt-editor, main.workspace-view status-bar,
|
|
125
|
-
main.workspace-view .empty { display: none; }
|
|
126
|
-
main.workspace-view { overflow: hidden; }
|
|
127
|
-
}
|
|
128
|
-
@media (max-width: 760px) {
|
|
129
|
-
.shell { grid-template-columns: minmax(0, 1fr); }
|
|
130
|
-
aside, .navigation-panel-edge { display: none; }
|
|
131
|
-
main, .shell.workspace-view > workspace-panel { grid-column: 1; }
|
|
132
|
-
.context-bar { display: flex; }
|
|
133
|
-
.mobile-navigation-tab { display: block; }
|
|
134
|
-
main.navigation-view chat-view, main.navigation-view prompt-editor, main.navigation-view status-bar,
|
|
135
|
-
main.navigation-view .empty { display: none; }
|
|
136
|
-
main.navigation-view .mobile-navigation-panel { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
|
|
137
|
-
main.navigation-view .mobile-navigation-panel app-navigation-panel { flex: 1 1 auto; min-height: 0; }
|
|
138
|
-
main.navigation-view .mobile-navigation-panel project-list,
|
|
139
|
-
main.navigation-view .mobile-navigation-panel workspace-list,
|
|
140
|
-
main.navigation-view .mobile-navigation-panel session-list { flex: 1 1 auto; max-height: none; min-height: 0; overflow: hidden; }
|
|
141
|
-
main.navigation-view .mobile-navigation-panel project-list[collapsed],
|
|
142
|
-
main.navigation-view .mobile-navigation-panel workspace-list[collapsed],
|
|
143
|
-
main.navigation-view .mobile-navigation-panel session-list[collapsed] { flex: 0 0 auto; min-height: auto; overflow: hidden; }
|
|
144
|
-
}
|
|
145
|
-
status-bar { flex: 0 0 auto; }
|
|
146
|
-
chat-view { flex: 1 1 auto; min-height: 0; overflow: hidden; }
|
|
147
|
-
prompt-editor { flex: 0 0 auto; }
|
|
148
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
149
|
-
.empty { margin: auto; color: var(--pi-muted); }
|
|
150
|
-
.error { padding: 10px 16px; border-bottom: 1px solid var(--pi-border); color: var(--pi-danger); }
|
|
151
|
-
`,vu=h`
|
|
152
|
-
:host { display: flex; flex-direction: column; min-height: 0; color: var(--pi-text); background: var(--pi-bg); font: 13px system-ui, sans-serif; container-type: inline-size; }
|
|
153
|
-
header { flex: 0 0 auto; min-width: 0; border-bottom: 1px solid var(--pi-border); }
|
|
154
|
-
.workspace-header-scroll-frame { position: relative; min-width: 0; background: var(--pi-bg); }
|
|
155
|
-
.workspace-header-scroll-frame::before, .workspace-header-scroll-frame::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 18px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
|
|
156
|
-
.workspace-header-scroll-frame::before { left: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
157
|
-
.workspace-header-scroll-frame::after { right: 0; background: linear-gradient(270deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
158
|
-
.workspace-header-scroll-frame.can-scroll-left::before, .workspace-header-scroll-frame.can-scroll-right::after { opacity: 1; }
|
|
159
|
-
.workspace-header-strip { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-width: 0; padding: 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; }
|
|
160
|
-
.tabs { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; }
|
|
161
|
-
.tabs button { flex: 0 0 auto; white-space: nowrap; }
|
|
162
|
-
.tabs button.icon-tab { min-width: 34px; }
|
|
163
|
-
button { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--pi-border); border-radius: 7px; background: var(--pi-surface); color: var(--pi-text); padding: 5px 7px; cursor: pointer; }
|
|
164
|
-
button.selected { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
165
|
-
.tab-icon { flex: 0 0 auto; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
166
|
-
.tab-custom-icon { flex: 0 0 auto; width: 16px; height: 16px; display: inline-grid; place-items: center; color: currentColor; pointer-events: none; }
|
|
167
|
-
.tab-custom-icon svg { width: 16px; height: 16px; pointer-events: none; }
|
|
168
|
-
.tab-label { min-width: 0; }
|
|
169
|
-
.tab-badge { flex: 0 0 auto; display: inline-block; min-width: 14px; border: 1px solid var(--pi-success-border); border-radius: 999px; background: var(--pi-success-surface); color: var(--pi-success); padding: 0 5px; font-size: 11px; line-height: 16px; text-align: center; }
|
|
170
|
-
@container (max-width: 430px) {
|
|
171
|
-
.tabs button.icon-tab { justify-content: center; padding-inline: 7px; }
|
|
172
|
-
.tabs button.icon-tab .tab-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
|
|
173
|
-
}
|
|
174
|
-
.panel-content { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: auto; }
|
|
175
|
-
.empty-state { box-sizing: border-box; width: min(100%, 380px); margin: auto; padding: 24px; display: grid; gap: 8px; color: var(--pi-muted); text-align: center; }
|
|
176
|
-
.empty-state h2 { margin: 0; color: var(--pi-text); font-size: 15px; line-height: 1.3; }
|
|
177
|
-
.empty-state p { margin: 0; line-height: 1.45; }
|
|
178
|
-
small, .muted { color: var(--pi-muted); }
|
|
179
|
-
@media (max-width: 1180px) { header { display: none; } }
|
|
180
|
-
.workspace-label { min-width: 0; display: inline-flex; align-items: baseline; gap: 5px; max-width: 100%; overflow: hidden; white-space: nowrap; }
|
|
181
|
-
.workspace-label-base, .workspace-label-item, .workspace-label-render { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
182
|
-
.workspace-label-item, .workspace-label-render, .workspace-label-separator { color: var(--pi-muted); }
|
|
183
|
-
.workspace-label-link { color: var(--pi-accent); text-decoration: none; }
|
|
184
|
-
.workspace-label-link:hover, .workspace-label-link:focus { text-decoration: underline; }
|
|
185
|
-
.toolbar { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--pi-border-muted); }
|
|
186
|
-
.toolbar button { margin-left: auto; }
|
|
187
|
-
.stale { border: 1px solid var(--pi-warning-border); border-radius: 999px; color: var(--pi-warning); padding: 1px 6px; font-size: 12px; }
|
|
188
|
-
.split { flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: minmax(160px, 34%) minmax(0, 1fr); }
|
|
189
|
-
.list { min-height: 0; overflow: auto; border-bottom: 1px solid var(--pi-border); padding: 6px; }
|
|
190
|
-
.row { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 4px; width: 100%; border: 0; border-radius: 5px; background: transparent; text-align: left; padding: 4px 6px 4px calc(6px + var(--depth, 0) * 14px); }
|
|
191
|
-
.row:hover, .row.selected { background: var(--pi-selection-bg); }
|
|
192
|
-
.row span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
193
|
-
.summary { margin: 4px 6px 8px; color: var(--pi-muted); }
|
|
194
|
-
.viewer { min-height: 0; overflow: auto; display: flex; flex-direction: column; }
|
|
195
|
-
.diffs { flex: 1 1 auto; min-height: 0; overflow: auto; display: grid; grid-template-rows: minmax(120px, 1fr) minmax(120px, 1fr); }
|
|
196
|
-
.diffs.single { grid-template-rows: minmax(0, 1fr); }
|
|
197
|
-
.diff-section { min-height: 0; display: flex; flex-direction: column; border-bottom: 1px solid var(--pi-border); }
|
|
198
|
-
.diff-section:last-child { border-bottom: 0; }
|
|
199
|
-
.viewer-header { position: sticky; top: 0; display: flex; justify-content: space-between; gap: 8px; padding: 8px; border-bottom: 1px solid var(--pi-border-muted); background: var(--pi-bg); }
|
|
200
|
-
.viewer-header strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
201
|
-
code-viewer, unified-diff-viewer { flex: 1 1 auto; min-height: 0; }
|
|
202
|
-
.image-preview { flex: 1 1 auto; min-height: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 16px; }
|
|
203
|
-
.image-preview img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; border: 1px solid var(--pi-border-muted); border-radius: 8px; background-color: var(--pi-surface); background-image: linear-gradient(45deg, color-mix(in srgb, var(--pi-border-muted) 45%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--pi-border-muted) 45%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--pi-border-muted) 45%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--pi-border-muted) 45%, transparent) 75%); background-position: 0 0, 0 8px, 8px -8px, -8px 0; background-size: 16px 16px; box-shadow: 0 8px 24px var(--pi-shadow-soft); }
|
|
204
|
-
pre { margin: 0; padding: 10px; overflow: auto; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
205
|
-
p { margin: 10px; }
|
|
206
|
-
`,yu=h`
|
|
207
|
-
:host { display: flex; flex-direction: column; min-height: 0; overflow: hidden; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
208
|
-
:host([collapsed]) { flex: 0 0 auto; min-height: auto; overflow: hidden; }
|
|
209
|
-
section { box-sizing: border-box; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 10px; }
|
|
210
|
-
h2 { flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--pi-muted); font-size: 12px; text-transform: uppercase; }
|
|
211
|
-
.list-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
|
|
212
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
213
|
-
section > button { display: block; width: 100%; text-align: left; margin: 6px 0; }
|
|
214
|
-
.subheading { margin-top: 14px; }
|
|
215
|
-
.section-toggle { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; width: 100%; border: 0; background: transparent; color: inherit; padding: 0; font: inherit; text-align: left; text-transform: inherit; }
|
|
216
|
-
.section-toggle span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
217
|
-
.section-title { display: grid; gap: 2px; min-width: 0; }
|
|
218
|
-
.section-toggle .section-selected { display: block; color: var(--pi-text); font-size: 12px; font-weight: 600; line-height: 1.25; text-transform: none; }
|
|
219
|
-
.section-toggle .section-count { flex: 0 0 auto; display: inline; color: var(--pi-muted); font-size: inherit; }
|
|
220
|
-
.section-toggle small { display: inline; color: inherit; font-size: inherit; }
|
|
221
|
-
.action-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 6px 0; cursor: pointer; }
|
|
222
|
-
.action-row:focus-visible { outline: 2px solid var(--pi-accent); outline-offset: 2px; border-radius: 8px; }
|
|
223
|
-
.action-row.selected .action-main, .action-row.selected .action-menu-toggle { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
224
|
-
.action-row.archived .action-main { color: var(--pi-muted); }
|
|
225
|
-
.action-main { position: relative; box-sizing: border-box; min-width: 0; width: 100%; border: 1px solid var(--pi-border); border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 22px 7px calc(9px + var(--depth, 0) * 16px); text-align: left; }
|
|
226
|
-
.action-name { display: -webkit-box; max-height: 2.5em; overflow: hidden; overflow-wrap: anywhere; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
|
227
|
-
.action-row:not(.selected):hover .action-main { background: var(--pi-surface-hover); }
|
|
228
|
-
.workspace-row .action-main { border-radius: 8px 0 0 8px; }
|
|
229
|
-
.workspace-primary { min-width: 0; display: flex; align-items: baseline; gap: 6px; }
|
|
230
|
-
.workspace-primary-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
231
|
-
.workspace-status { flex: 0 0 auto; color: var(--pi-warning); font-size: 12px; }
|
|
232
|
-
.workspace-secondary { margin-top: 3px; }
|
|
233
|
-
.workspace-menu-panel { width: max-content; min-width: min(120px, calc(100vw - 16px)); padding: 8px; }
|
|
234
|
-
.workspace-menu-actions { margin: 0 0 8px; padding-bottom: 8px; border-bottom: 1px solid var(--pi-border-muted); }
|
|
235
|
-
.workspace-menu-actions button.danger { color: var(--pi-danger); }
|
|
236
|
-
.workspace-menu-actions button.danger:hover, .workspace-menu-actions button.danger:focus { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }
|
|
237
|
-
.workspace-menu-details { display: grid; gap: 6px; margin: 0; }
|
|
238
|
-
.workspace-detail-row { display: grid; grid-template-columns: minmax(58px, max-content) minmax(0, 1fr); gap: 8px; align-items: baseline; }
|
|
239
|
-
.workspace-detail-row dt { color: var(--pi-muted); font-size: 12px; white-space: normal; }
|
|
240
|
-
.workspace-detail-row dd { min-width: 0; margin: 0; overflow-wrap: anywhere; white-space: normal; }
|
|
241
|
-
.tree-marker { color: var(--pi-dim); margin-right: 5px; }
|
|
242
|
-
.badge { display: inline-block; margin-left: 5px; border: 1px solid var(--pi-border); border-radius: 999px; color: var(--pi-muted); padding: 0 5px; font-size: 11px; font-weight: 400; }
|
|
243
|
-
.action-activity { position: absolute; top: 5px; right: 6px; z-index: 1; display: grid; place-items: center; width: 10px; height: 10px; }
|
|
244
|
-
.action-activity .activity-indicator { margin: 0; vertical-align: 0; }
|
|
245
|
-
.activity-indicator { display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: var(--pi-success); animation: pulse 1s ease-in-out infinite; vertical-align: 1px; }
|
|
246
|
-
.activity-indicator.session { border-radius: 50%; background: var(--pi-success); }
|
|
247
|
-
.activity-indicator.terminal { border-radius: 2px; background: var(--pi-accent); }
|
|
248
|
-
/* Client-side sending (upload in flight); distinct from server activity, which propagates to workspace/machine rows. */
|
|
249
|
-
.activity-indicator.sending { border-radius: 50%; background: var(--pi-warning); }
|
|
250
|
-
.action-menu { position: relative; align-self: stretch; }
|
|
251
|
-
.action-menu-toggle { display: grid; place-items: center; height: 100%; min-width: 32px; padding: 0; color: var(--pi-muted); border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
|
252
|
-
.action-menu-toggle:hover { color: var(--pi-text); background: var(--pi-surface-hover); }
|
|
253
|
-
.action-menu-panel { position: fixed; z-index: 50; box-sizing: border-box; min-width: min(120px, calc(100vw - 16px)); overflow: auto; padding: 4px; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); box-shadow: 0 8px 24px var(--pi-shadow); overflow-wrap: anywhere; }
|
|
254
|
-
.action-menu-panel button { display: block; width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; border: 0; background: transparent; color: var(--pi-text); }
|
|
255
|
-
.action-menu-panel button:hover { background: var(--pi-selection-bg); }
|
|
256
|
-
button.selected { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
257
|
-
button:disabled { opacity: .5; cursor: not-allowed; }
|
|
258
|
-
small { display: block; color: var(--pi-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
259
|
-
.workspace-label { min-width: 0; display: inline-flex; align-items: baseline; gap: 5px; max-width: 100%; overflow: hidden; white-space: nowrap; }
|
|
260
|
-
.workspace-label-base, .workspace-label-item, .workspace-label-render { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
261
|
-
.workspace-label-item, .workspace-label-render, .workspace-label-separator { color: var(--pi-muted); }
|
|
262
|
-
.workspace-label-link { color: var(--pi-accent); text-decoration: none; }
|
|
263
|
-
.workspace-label-link:hover, .workspace-label-link:focus { text-decoration: underline; }
|
|
264
|
-
.workspace-detail-row .workspace-label { overflow: visible; white-space: normal; flex-wrap: wrap; }
|
|
265
|
-
.workspace-detail-row .workspace-label-base, .workspace-detail-row .workspace-label-item, .workspace-detail-row .workspace-label-render { overflow: visible; text-overflow: clip; overflow-wrap: anywhere; white-space: normal; }
|
|
266
|
-
@keyframes pulse { 0%, 100% { transform: scale(.75); opacity: .55; } 50% { transform: scale(1.2); opacity: 1; } }
|
|
267
|
-
`,bu=h`
|
|
268
|
-
:host { position: relative; z-index: 0; display: flex; flex-direction: column; min-height: 0; overflow: hidden; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
269
|
-
.chat-wrap { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
|
|
270
|
-
.chat { height: 100%; min-height: 0; overflow: auto; overflow-anchor: none; padding: 26px 16px 64px; box-sizing: border-box; }
|
|
271
|
-
.scroll-marker { display: block; height: 0; overflow: hidden; pointer-events: none; }
|
|
272
|
-
.activity-dock { position: absolute; left: 16px; right: 16px; bottom: 12px; z-index: 20; display: flex; align-items: center; gap: 8px; min-width: 0; box-sizing: border-box; border: 1px solid var(--pi-border); border-radius: 999px; background: var(--pi-bg-overlay); color: var(--pi-muted); padding: 8px 12px; font-size: 13px; pointer-events: none; box-shadow: 0 8px 28px var(--pi-shadow); backdrop-filter: blur(6px); }
|
|
273
|
-
.activity-dock.active { border-color: var(--pi-success-border); color: var(--pi-success); background: var(--pi-success-bg-overlay); }
|
|
274
|
-
.activity-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
275
|
-
.dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .45; flex: 0 0 auto; }
|
|
276
|
-
.activity-dock.active .dot { animation: pulse 1s ease-in-out infinite; opacity: 1; }
|
|
277
|
-
.msg { max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0 0 14px; padding: 12px; border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); overflow: visible; }
|
|
278
|
-
.msg.assistant { background: var(--pi-surface); }
|
|
279
|
-
.msg.user { border-color: var(--pi-accent-border); background: var(--pi-selection-bg); }
|
|
280
|
-
.msg.tool { border-color: var(--pi-warning-border); background: var(--pi-warning-surface); color: var(--pi-warning); }
|
|
281
|
-
.msg.tool-execution-shell { padding: 0; border: 0; background: transparent; color: var(--pi-text); }
|
|
282
|
-
.msg.system { color: var(--pi-danger); }
|
|
283
|
-
.msg.bash { border-color: var(--pi-success); background: var(--pi-success-bg); }
|
|
284
|
-
.msg.skill { border-color: var(--pi-purple-border); background: var(--pi-purple-surface); }
|
|
285
|
-
.msg.event-group { padding: 0; border-color: var(--pi-border); background: var(--pi-bg); color: var(--pi-muted); }
|
|
286
|
-
.msg.event-group.live { border-color: var(--pi-success-border); background: var(--pi-success-bg); }
|
|
287
|
-
.msg.event-group > summary { position: sticky; top: -26px; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9px 9px 0 0; border-bottom: 1px solid var(--pi-border-muted); background: var(--pi-bg); color: var(--pi-muted); }
|
|
288
|
-
.msg.event-group.live > summary { border-bottom-color: var(--pi-success-border); background: var(--pi-success-bg); color: var(--pi-success); }
|
|
289
|
-
.msg.event-group > summary .label { margin: 0; }
|
|
290
|
-
.group-body { padding: 0 12px 12px; }
|
|
291
|
-
.chat-image { display: block; max-width: 100%; max-height: 320px; margin: 8px 0 0; border: 1px solid var(--pi-border-muted); border-radius: 8px; object-fit: contain; }
|
|
292
|
-
.group-msg { max-width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 0; border-top: 1px solid var(--pi-border-muted); color: var(--pi-text); overflow: visible; }
|
|
293
|
-
.group-msg.tool { color: var(--pi-warning); }
|
|
294
|
-
.group-msg.tool-execution-shell { color: var(--pi-text); }
|
|
295
|
-
.group-msg.system { color: var(--pi-danger); }
|
|
296
|
-
.group-msg.bash { color: var(--pi-success); }
|
|
297
|
-
.history-boundary { position: relative; z-index: 5; display: grid; gap: 3px; justify-items: center; margin: 0 0 14px; color: var(--pi-muted); font-size: 12px; text-align: center; }
|
|
298
|
-
.history-load-button { border: 1px solid var(--pi-border); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text-secondary); padding: 5px 12px; font: 12px system-ui, sans-serif; cursor: pointer; }
|
|
299
|
-
.history-load-button:hover, .history-load-button:focus { border-color: var(--pi-accent); color: var(--pi-text-bright); }
|
|
300
|
-
.history-load-button:disabled { cursor: default; opacity: .55; }
|
|
301
|
-
.queued-messages { max-width: 100%; min-width: 0; box-sizing: border-box; display: grid; gap: 8px; margin: 0 0 14px; padding: 12px; border: 1px solid var(--pi-warning-border); border-radius: 10px; background: var(--pi-warning-surface); color: var(--pi-text); overflow: hidden; }
|
|
302
|
-
.queued-header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
|
|
303
|
-
.queued-header strong { color: var(--pi-warning); }
|
|
304
|
-
.queued-header small { color: var(--pi-muted); }
|
|
305
|
-
.queued-message { display: grid; gap: 4px; padding-top: 8px; border-top: 1px solid var(--pi-border); }
|
|
306
|
-
.queued-message:first-of-type { padding-top: 0; border-top: 0; }
|
|
307
|
-
.queued-kind { color: var(--pi-muted); font-size: 12px; text-transform: uppercase; }
|
|
308
|
-
.session-activity { max-width: 100%; min-width: 0; box-sizing: border-box; display: grid; gap: 4px; margin: 0 0 14px; padding: 12px; border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); color: var(--pi-text); overflow: hidden; }
|
|
309
|
-
.session-activity.compacting { border-color: var(--pi-purple-border); background: var(--pi-purple-surface); }
|
|
310
|
-
.session-activity.receiving { border-color: var(--pi-success-border); background: var(--pi-success-bg); }
|
|
311
|
-
.session-activity strong { color: var(--pi-purple); }
|
|
312
|
-
.session-activity.receiving strong { color: var(--pi-success); }
|
|
313
|
-
.session-activity span, .session-activity small { color: var(--pi-muted); }
|
|
314
|
-
.history-boundary small { color: var(--pi-dim); }
|
|
315
|
-
.msg-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 22px; margin-bottom: 8px; }
|
|
316
|
-
.msg > .msg-header { position: sticky; top: -26px; z-index: 4; margin: -12px -12px 8px; padding: 7px 10px 6px; border-radius: 9px 9px 0 0; border-bottom: 1px solid color-mix(in srgb, var(--pi-border-muted) 35%, transparent); background: var(--pi-surface); box-shadow: 0 8px 18px var(--pi-shadow-soft); }
|
|
317
|
-
.msg.user > .msg-header { border-bottom-color: color-mix(in srgb, var(--pi-accent-border) 35%, transparent); background: var(--pi-selection-bg); }
|
|
318
|
-
.msg.assistant > .msg-header .label { color: var(--pi-text-secondary); }
|
|
319
|
-
.msg.user > .msg-header .label { color: var(--pi-accent); }
|
|
320
|
-
.msg.tool > .msg-header { border-bottom-color: color-mix(in srgb, var(--pi-warning-border) 35%, transparent); background: var(--pi-warning-surface); }
|
|
321
|
-
.msg.bash > .msg-header { border-bottom-color: color-mix(in srgb, var(--pi-success) 35%, transparent); background: var(--pi-success-bg); }
|
|
322
|
-
.msg.skill > .msg-header { border-bottom-color: color-mix(in srgb, var(--pi-purple-border) 35%, transparent); background: var(--pi-purple-surface); }
|
|
323
|
-
.group-msg > .msg-header { position: sticky; top: -26px; z-index: 4; margin: -10px 0 8px; padding: 7px 0 6px; border-bottom: 1px solid color-mix(in srgb, var(--pi-border-muted) 35%, transparent); background: var(--pi-bg); }
|
|
324
|
-
.msg-header-trailing { min-width: 0; flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; }
|
|
325
|
-
.msg-actions { flex: 0 0 auto; display: inline-flex; gap: 6px; opacity: 0; transition: opacity .12s ease; }
|
|
326
|
-
.msg-action { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--pi-border); border-radius: 6px; background: var(--pi-surface); color: var(--pi-muted); padding: 0; font: 14px system-ui, sans-serif; line-height: 1; cursor: pointer; }
|
|
327
|
-
.msg-action:hover, .msg-action:focus { color: var(--pi-text); border-color: var(--pi-accent); }
|
|
328
|
-
.msg:hover > .msg-header .msg-actions, .msg:focus-within > .msg-header .msg-actions, .group-msg:hover > .msg-header .msg-actions, .group-msg:focus-within > .msg-header .msg-actions { opacity: 1; }
|
|
329
|
-
.label { display: block; color: var(--pi-muted); font-size: 12px; text-transform: uppercase; }
|
|
330
|
-
.msg-header .label { margin: 0; }
|
|
331
|
-
.msg-meta { min-width: 0; opacity: .28; border: 0; background: transparent; color: var(--pi-dim); padding: 0; font: 11px system-ui, sans-serif; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity .12s ease; cursor: pointer; user-select: text; -webkit-user-select: text; }
|
|
332
|
-
.msg:hover > .msg-header .msg-meta, .msg:focus-within > .msg-header .msg-meta, .group-msg:hover > .msg-header .msg-meta, .group-msg:focus-within > .msg-header .msg-meta, .msg-meta:focus, .msg-meta.expanded { opacity: 1; }
|
|
333
|
-
.msg-meta.expanded { flex: 1 1 auto; max-width: 100%; white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; }
|
|
334
|
-
.msg-meta:focus { outline: 1px solid var(--pi-border); outline-offset: 3px; border-radius: 4px; }
|
|
335
|
-
@media (hover: none) {
|
|
336
|
-
.msg-actions { opacity: 1; }
|
|
337
|
-
.msg-meta { opacity: .75; max-width: 26px; }
|
|
338
|
-
.msg-meta:not(.expanded) { display: inline-grid; width: 26px; height: 22px; place-items: center; font-size: 0; text-overflow: clip; }
|
|
339
|
-
.msg-meta::before { content: "ⓘ"; font-size: 13px; }
|
|
340
|
-
.msg-meta.expanded { opacity: 1; max-width: 100%; }
|
|
341
|
-
.msg-meta.expanded::before { content: ""; }
|
|
342
|
-
}
|
|
343
|
-
formatted-text.part { display: block; }
|
|
344
|
-
formatted-text.part, .queued-message formatted-text { text-align: start; unicode-bidi: plaintext; }
|
|
345
|
-
.part { max-width: 100%; min-width: 0; box-sizing: border-box; overflow: visible; }
|
|
346
|
-
.part + .part { margin-top: 10px; }
|
|
347
|
-
.tool-line { color: var(--pi-warning); }
|
|
348
|
-
.summary { color: var(--pi-muted); margin-left: 6px; }
|
|
349
|
-
.part:is(details) { border-top: 1px solid var(--pi-border); padding-top: 8px; }
|
|
350
|
-
.part > formatted-text { display: block; max-width: 100%; min-width: 0; overflow: visible; }
|
|
351
|
-
.skill-invocation, .skill-read { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); padding: 8px 10px; }
|
|
352
|
-
.skill-invocation > summary, .skill-read > strong { color: var(--pi-purple); }
|
|
353
|
-
.skill-invocation > small, .skill-read > small { display: block; margin: 6px 0 0; color: var(--pi-muted); }
|
|
354
|
-
summary { cursor: pointer; color: var(--pi-muted); }
|
|
355
|
-
pre { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
356
|
-
.shell-output { color: var(--pi-text); font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.45; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
357
|
-
@keyframes pulse { 0%, 100% { transform: scale(.75); opacity: .55; } 50% { transform: scale(1.2); opacity: 1; } }
|
|
358
|
-
`,xu=h`
|
|
359
|
-
:host { display: block; }
|
|
360
|
-
.formatted { white-space: normal; overflow-wrap: anywhere; line-height: 1.45; text-align: start; unicode-bidi: plaintext; }
|
|
361
|
-
p, ul, ol, pre, blockquote, table, .code-block-wrapper { margin: 0 0 10px; }
|
|
362
|
-
:is(p, ul, ol, pre, blockquote, table, .code-block-wrapper):last-child { margin-bottom: 0; }
|
|
363
|
-
ul, ol { padding-left: 22px; }
|
|
364
|
-
li + li { margin-top: 3px; }
|
|
365
|
-
code { border: 1px solid var(--pi-border); border-radius: 4px; background: var(--pi-bg); padding: 1px 4px; font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
366
|
-
.code-block-wrapper { position: relative; }
|
|
367
|
-
.code-block-wrapper pre { margin: 0; padding-right: 40px; }
|
|
368
|
-
pre { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); padding: 10px; overflow-x: auto; overflow-y: hidden; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
369
|
-
pre code { border: 0; padding: 0; background: transparent; }
|
|
370
|
-
.code-copy-button { position: absolute; top: 6px; right: 6px; z-index: 1; display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--pi-border); border-radius: 6px; background: var(--pi-surface); color: var(--pi-muted); padding: 0; font: 14px system-ui, sans-serif; line-height: 1; cursor: pointer; }
|
|
371
|
-
.code-copy-button:hover, .code-copy-button:focus { color: var(--pi-text); border-color: var(--pi-accent); }
|
|
372
|
-
blockquote { border-left: 3px solid var(--pi-border); padding-left: 10px; color: var(--pi-muted); }
|
|
373
|
-
a { color: var(--pi-accent); }
|
|
374
|
-
h1, h2, h3, h4 { margin: 14px 0 8px; line-height: 1.2; }
|
|
375
|
-
h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }
|
|
376
|
-
h1 { font-size: 20px; }
|
|
377
|
-
h2 { font-size: 17px; }
|
|
378
|
-
h3 { font-size: 15px; }
|
|
379
|
-
h4 { font-size: 14px; }
|
|
380
|
-
table { border-collapse: collapse; display: block; overflow-x: auto; overflow-y: hidden; }
|
|
381
|
-
th, td { border: 1px solid var(--pi-border); padding: 4px 8px; }
|
|
382
|
-
th { background: var(--pi-surface); }
|
|
383
|
-
`,Su=h`
|
|
384
|
-
:host { display: block; color: var(--pi-muted); font: 12px system-ui, sans-serif; }
|
|
385
|
-
.bar { display: flex; justify-content: flex-end; gap: 12px; align-items: center; min-width: 0; padding: 7px 12px; border-top: 1px solid var(--pi-border); background: var(--pi-bg); white-space: nowrap; overflow: hidden; }
|
|
386
|
-
span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
387
|
-
.activity { display: inline-flex; align-items: center; gap: 6px; color: var(--pi-muted); }
|
|
388
|
-
.activity.active { color: var(--pi-success); }
|
|
389
|
-
.dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .45; flex: 0 0 auto; }
|
|
390
|
-
.activity.active .dot { animation: pulse 1s ease-in-out infinite; opacity: 1; }
|
|
391
|
-
.muted { color: var(--pi-dim); }
|
|
392
|
-
@keyframes pulse { 0%, 100% { transform: scale(.75); opacity: .55; } 50% { transform: scale(1.2); opacity: 1; } }
|
|
393
|
-
`,Cu=h`
|
|
394
|
-
:host { display: block; }
|
|
395
|
-
.menu { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 10; max-height: 260px; overflow: auto; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); box-shadow: 0 10px 30px var(--pi-shadow); }
|
|
396
|
-
button { display: grid; grid-template-columns: minmax(120px, 1fr) auto; gap: 4px 10px; width: 100%; border: 0; border-bottom: 1px solid var(--pi-border); border-radius: 0; background: transparent; color: var(--pi-text); padding: 8px 10px; text-align: left; cursor: pointer; }
|
|
397
|
-
button:last-child { border-bottom: 0; }
|
|
398
|
-
button.selected, button:hover { background: var(--pi-selection-bg); }
|
|
399
|
-
span { color: var(--pi-muted); font-size: 12px; }
|
|
400
|
-
small { grid-column: 1 / -1; color: var(--pi-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
401
|
-
`,wu=h`
|
|
402
|
-
:host { position: fixed; inset: 0; z-index: 10; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
403
|
-
.backdrop { display: grid; place-items: center; width: 100%; height: 100%; background: var(--pi-overlay); }
|
|
404
|
-
section { width: min(720px, calc(100vw - 40px)); max-height: min(640px, calc(100vh - 40px)); display: flex; flex-direction: column; border: 1px solid var(--pi-border); border-radius: 12px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
405
|
-
header { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid var(--pi-border); }
|
|
406
|
-
.options { min-height: 0; overflow: auto; outline: none; }
|
|
407
|
-
button { border: 0; background: transparent; color: var(--pi-text); cursor: pointer; }
|
|
408
|
-
header button { font-size: 20px; color: var(--pi-muted); }
|
|
409
|
-
input { margin: 10px 12px; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); padding: 8px 10px; outline: none; }
|
|
410
|
-
input:focus { border-color: var(--pi-accent); }
|
|
411
|
-
.options button { display: block; width: 100%; padding: 10px 12px; border-bottom: 1px solid var(--pi-border-muted); text-align: left; }
|
|
412
|
-
.options button.selected, .options button:hover { background: var(--pi-selection-bg); }
|
|
413
|
-
small { display: block; margin-top: 4px; color: var(--pi-muted); }
|
|
414
|
-
.empty { padding: 24px; color: var(--pi-muted); text-align: center; }
|
|
415
|
-
`,Tu=h`
|
|
416
|
-
:host { position: fixed; inset: 0; z-index: 20; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
417
|
-
.backdrop { --palette-top: min(12dvh, 90px); --palette-bottom: max(20px, env(safe-area-inset-bottom)); display: grid; align-items: start; justify-items: center; width: 100%; height: 100dvh; background: var(--pi-overlay); padding: var(--palette-top) 20px var(--palette-bottom); box-sizing: border-box; overflow: hidden; }
|
|
418
|
-
section { width: min(720px, 100%); max-height: min(640px, calc(100dvh - var(--palette-top) - var(--palette-bottom))); display: flex; flex-direction: column; border: 1px solid var(--pi-border); border-radius: 12px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
419
|
-
header { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px; border-bottom: 1px solid var(--pi-border); }
|
|
420
|
-
input { min-width: 0; border: 0; outline: none; background: transparent; color: var(--pi-text); font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); padding: 8px; }
|
|
421
|
-
input::placeholder { color: var(--pi-dim); }
|
|
422
|
-
button { border: 0; background: transparent; color: var(--pi-text); cursor: pointer; }
|
|
423
|
-
header button { color: var(--pi-muted); font-size: 22px; padding: 2px 8px; }
|
|
424
|
-
.options { flex: 1 1 auto; min-height: 0; overflow: auto; }
|
|
425
|
-
.options button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; width: 100%; padding: 10px 12px; border-bottom: 1px solid var(--pi-border-muted); text-align: left; }
|
|
426
|
-
.options button.selected, .options button:hover:not(:disabled) { background: var(--pi-selection-bg); }
|
|
427
|
-
.options button:disabled { cursor: not-allowed; opacity: .68; }
|
|
428
|
-
.options button.disabled.selected { background: color-mix(in srgb, var(--pi-selection-bg) 55%, transparent); }
|
|
429
|
-
.main { min-width: 0; }
|
|
430
|
-
strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
431
|
-
small { display: block; color: var(--pi-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
432
|
-
.disabled-reason { color: var(--pi-warning); }
|
|
433
|
-
.group { grid-column: 1 / -1; font-size: 12px; }
|
|
434
|
-
kbd { align-self: center; border: 1px solid var(--pi-border); border-radius: 6px; background: var(--pi-surface); color: var(--pi-muted); padding: 2px 6px; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
|
|
435
|
-
.empty { padding: 24px; color: var(--pi-muted); text-align: center; }
|
|
436
|
-
`,Eu=h`
|
|
437
|
-
:host { position: relative; z-index: 5; display: block; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
438
|
-
footer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px; border-top: 1px solid var(--pi-border); }
|
|
439
|
-
footer.shell-mode { border-top-color: var(--pi-success); background: var(--pi-success-bg); }
|
|
440
|
-
.editor-wrap { position: relative; min-width: 0; }
|
|
441
|
-
.actions { display: flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: nowrap; white-space: nowrap; }
|
|
442
|
-
.compact-status { display: flex; min-width: 0; align-items: center; gap: 6px; color: var(--pi-muted); font-size: 12px; flex: 1 1 0; }
|
|
443
|
-
.compact-status > button { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
444
|
-
.select-model { max-width: min(42vw, 320px); }
|
|
445
|
-
.icon-button { flex: 0 0 auto; display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; }
|
|
446
|
-
.icon-button .prompt-action-icon, .icon-button .prompt-thinking-gauge { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
447
|
-
.icon-button .prompt-action-icon-filled { fill: currentColor; stroke: none; }
|
|
448
|
-
.send-button:not(:disabled) { color: var(--pi-accent, var(--pi-text)); }
|
|
449
|
-
.stop-button:not(:disabled) { color: var(--pi-danger); }
|
|
450
|
-
.select-thinking .prompt-thinking-gauge .gauge-bar { fill: currentColor; stroke: none; opacity: .28; }
|
|
451
|
-
.select-thinking .prompt-thinking-gauge .gauge-bar-active { opacity: 1; }
|
|
452
|
-
.editor-attach { position: absolute; right: 8px; bottom: 8px; z-index: 2; width: 30px; height: 30px; }
|
|
453
|
-
.editor-attach .prompt-action-icon { width: 16px; height: 16px; }
|
|
454
|
-
textarea, .markdown-editor .cm-editor { box-sizing: border-box; width: 100%; min-height: 54px; max-height: 220px; resize: none; overflow: hidden; border-radius: 8px; border: 1px solid var(--pi-border); background: var(--pi-bg); color: var(--pi-text); font: var(--pi-control-font-size, 16px)/1.4 var(--pi-control-font-family, system-ui, sans-serif); }
|
|
455
|
-
textarea { overflow-y: auto; padding: 8px; }
|
|
456
|
-
.markdown-editor .cm-scroller { max-height: 220px; overflow-y: auto; font-family: var(--pi-control-font-family, system-ui, sans-serif); line-height: 1.4; }
|
|
457
|
-
.markdown-editor .cm-content { min-height: 38px; padding: 8px 44px 8px 8px; caret-color: var(--pi-text); text-align: start; unicode-bidi: plaintext; }
|
|
458
|
-
.markdown-editor .cm-line { padding: 0; unicode-bidi: plaintext; }
|
|
459
|
-
.markdown-editor .cm-placeholder { color: var(--pi-dim); }
|
|
460
|
-
.markdown-editor .cm-focused { outline: none; }
|
|
461
|
-
.shell-mode textarea, .shell-mode .markdown-editor .cm-editor { border-color: var(--pi-success); box-shadow: 0 0 0 1px var(--pi-success-ring); }
|
|
462
|
-
.mode-hint { position: absolute; right: 46px; bottom: 8px; max-width: calc(100% - 54px); border: 1px solid var(--pi-success-border); border-radius: 999px; background: var(--pi-success-surface); color: var(--pi-success); padding: 2px 8px; font-size: 12px; pointer-events: none; }
|
|
463
|
-
.attachments { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
|
|
464
|
-
.attachment-chip { position: relative; width: 56px; height: 56px; border: 1px solid var(--pi-border); border-radius: 8px; overflow: hidden; background: var(--pi-bg); }
|
|
465
|
-
.attachment-chip img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
|
466
|
-
.attachment-chip-file { display: grid; place-items: center; }
|
|
467
|
-
.attachment-file-preview { display: grid; place-items: center; width: 34px; height: 26px; border: 1px solid var(--pi-border-muted); border-radius: 4px; background: var(--pi-surface); color: var(--pi-muted); font: 700 10px/1 system-ui, sans-serif; letter-spacing: .03em; }
|
|
468
|
-
.attachment-file-name { position: absolute; right: 4px; bottom: 3px; left: 4px; overflow: hidden; color: var(--pi-muted); font-size: 10px; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
|
|
469
|
-
.attachment-remove { position: absolute; top: 1px; right: 1px; width: 18px; height: 18px; padding: 0; line-height: 16px; border-radius: 50%; border: 1px solid var(--pi-border); background: var(--pi-surface); color: var(--pi-text); font-size: 13px; cursor: pointer; }
|
|
470
|
-
.attachment-delivery select { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 5px 7px; font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); }
|
|
471
|
-
.attachment-error { flex-basis: 100%; color: var(--pi-danger); font-size: 12px; }
|
|
472
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
473
|
-
button:disabled, textarea:disabled, .markdown-editor-disabled .cm-editor { opacity: .5; cursor: not-allowed; }
|
|
474
|
-
@media (max-width: 640px) {
|
|
475
|
-
footer { gap: 8px; padding: 8px; }
|
|
476
|
-
.actions { gap: 6px; }
|
|
477
|
-
.compact-status { flex: 1 1 220px; gap: 4px; }
|
|
478
|
-
.select-model { max-width: min(58vw, 260px); }
|
|
479
|
-
button { padding: 6px 8px; }
|
|
480
|
-
}
|
|
481
|
-
@media (max-width: 430px) {
|
|
482
|
-
.compact-status { flex-basis: 170px; font-size: 11px; }
|
|
483
|
-
.select-model { max-width: 48vw; }
|
|
484
|
-
button { padding: 5px 7px; }
|
|
485
|
-
.icon-button { width: 34px; height: 34px; }
|
|
486
|
-
}
|
|
487
|
-
`;function R(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var Du=`modulepreload`,Ou=function(e){return`/`+e},ku={},Au=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=Ou(t,n),t=s(t),t in ku)return;ku[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`:Du,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)})},ju=class extends v{constructor(...e){super(...e),this.destinationFolder=``,this.overwrite=!1,this.createDirs=!0,this.formError=``,this.dragActive=!1,this.dragDepth=0,this.openFilePicker=()=>{this.uploadInput?.click()},this.handleFileInputChange=e=>{let t=e.currentTarget instanceof HTMLInputElement?e.currentTarget:void 0,n=Lu(t?.files);t!==void 0&&(t.value=``),n.length>0&&this.openUploadReview(n)},this.handleDragEnter=e=>{Ru(e)&&(e.preventDefault(),this.dragDepth+=1,this.dragActive=!0)},this.handleDragOver=e=>{Ru(e)&&(e.preventDefault(),e.dataTransfer!==null&&(e.dataTransfer.dropEffect=`copy`),this.dragActive=!0)},this.handleDragLeave=e=>{Ru(e)&&(e.preventDefault(),this.dragDepth=Math.max(0,this.dragDepth-1),this.dragDepth===0&&(this.dragActive=!1))},this.handleDrop=e=>{if(!Ru(e))return;e.preventDefault(),this.dragDepth=0,this.dragActive=!1;let t=Lu(e.dataTransfer?.files),n=this.context;t.length>0&&n!==void 0&&Fu(n,t)},this.handleDestinationInput=e=>{let t=e.currentTarget instanceof HTMLInputElement?e.currentTarget:void 0;this.destinationFolder=t?.value??``,this.formError=``},this.handleCreateDirsChange=e=>{let t=e.currentTarget instanceof HTMLInputElement?e.currentTarget:void 0;this.createDirs=t?.checked??!0},this.handleOverwriteChange=e=>{let t=e.currentTarget instanceof HTMLInputElement?e.currentTarget:void 0;this.overwrite=t?.checked??!1},this.handleDialogKeyDown=e=>{e.key===`Escape`&&(e.preventDefault(),this.closeUploadDialog())}}willUpdate(e){if(!e.has(`context`))return;let t=e.get(`context`);t!==void 0&&this.context!==void 0&&Iu(t)!==Iu(this.context)&&this.resetPendingUpload()}render(){let e=this.context;return e===void 0?g`<p class="muted">Files unavailable.</p>`:g`
|
|
488
|
-
<section
|
|
489
|
-
class=${this.dragActive?`files-panel dragging`:`files-panel`}
|
|
490
|
-
@dragenter=${this.handleDragEnter}
|
|
491
|
-
@dragover=${this.handleDragOver}
|
|
492
|
-
@dragleave=${this.handleDragLeave}
|
|
493
|
-
@drop=${this.handleDrop}
|
|
494
|
-
>
|
|
495
|
-
<section class="toolbar">
|
|
496
|
-
<strong>Files</strong>
|
|
497
|
-
${e.fileTreeStale?g`<span class="stale">stale</span>`:null}
|
|
498
|
-
<div class="toolbar-actions">
|
|
499
|
-
<button @click=${this.openFilePicker}>Upload</button>
|
|
500
|
-
<button @click=${e.onRefreshFiles}>Refresh</button>
|
|
501
|
-
</div>
|
|
502
|
-
<input id="workspace-upload-input" class="visually-hidden" type="file" multiple @change=${this.handleFileInputChange} />
|
|
503
|
-
</section>
|
|
504
|
-
${this.renderUploadProgress(e)}
|
|
505
|
-
<section class="split">
|
|
506
|
-
<div class="list tree">
|
|
507
|
-
${e.fileTree.length===0?g`<p class="muted">No files loaded.</p>`:e.fileTree.map(t=>this.renderTreeEntry(e,t,0))}
|
|
508
|
-
</div>
|
|
509
|
-
<div class="viewer">
|
|
510
|
-
${this.renderFileViewer(e)}
|
|
511
|
-
</div>
|
|
512
|
-
</section>
|
|
513
|
-
<div class="drop-overlay" aria-hidden=${this.dragActive?`false`:`true`}>
|
|
514
|
-
<div>
|
|
515
|
-
<strong>Drop files to upload</strong>
|
|
516
|
-
<span>Uploads immediately to the default folder.</span>
|
|
517
|
-
</div>
|
|
518
|
-
</div>
|
|
519
|
-
${this.pendingUpload===void 0?null:this.renderUploadDialog(e,this.pendingUpload)}
|
|
520
|
-
</section>
|
|
521
|
-
`}renderTreeEntry(e,t,n){let r=e.expandedDirs[t.path],i=r!==void 0;return g`
|
|
522
|
-
<button class=${t.type!==`directory`&&e.selectedFilePath===t.path?`row selected`:`row`} style=${`--depth:${String(n)}`} @click=${()=>{this.selectTreeEntry(e,t)}}>
|
|
523
|
-
<span>${t.type===`directory`?i?`▾`:`▸`:`·`}</span>
|
|
524
|
-
<span>${t.name}</span>
|
|
525
|
-
</button>
|
|
526
|
-
${i?r.map(t=>this.renderTreeEntry(e,t,n+1)):null}
|
|
527
|
-
`}selectTreeEntry(e,t){t.type===`directory`?e.onExpandDir(t.path):e.onSelectFile(t.path)}renderFileViewer(e){let t=e.selectedFileContent;return e.selectedFilePath===void 0||e.selectedFilePath===``?g`<p class="muted">Select a file.</p>`:t===void 0?g`<p class="muted">Loading ${e.selectedFilePath}…</p>`:t.mediaType===`image`?this.renderImageViewer(e,t):t.binary?g`<p class="muted">Binary file: ${t.path} · ${qu(t.size)}</p>`:(Ku(),g`
|
|
528
|
-
<div class="viewer-header"><strong>${t.path}</strong><small>${t.language??`text`}${t.truncated?` · truncated`:``}</small></div>
|
|
529
|
-
<code-viewer .content=${t.content} .language=${t.language}></code-viewer>
|
|
530
|
-
`)}renderImageViewer(e,t){let n=`${t.mimeType??`image`} · ${qu(t.size)}`;if(t.size>10485760)return g`
|
|
531
|
-
<div class="viewer-header"><strong>${t.path}</strong><small>${n}</small></div>
|
|
532
|
-
<p class="muted">Image too large to preview: ${qu(t.size)} · limit ${gu}</p>
|
|
533
|
-
`;let r=Mr(e.workspace.projectId,e.workspace.id,t.path,{modifiedAt:t.modifiedAt,machineId:e.machine.id});return g`
|
|
534
|
-
<div class="viewer-header"><strong>${t.path}</strong><small>${n}</small></div>
|
|
535
|
-
<div class="image-preview">
|
|
536
|
-
<img src=${r} alt=${t.path} decoding="async" />
|
|
537
|
-
</div>
|
|
538
|
-
`}renderUploadProgress(e){let t=Mu(e.state.workspaceUploadBatches,{projectId:e.workspace.projectId,workspaceId:e.workspace.id,machineId:e.machine.id});return t.length===0?null:g`
|
|
539
|
-
<section class="upload-progress" aria-label="Workspace uploads">
|
|
540
|
-
<div class="upload-progress-header">
|
|
541
|
-
<strong>Uploads</strong>
|
|
542
|
-
<small>${zu(t)}</small>
|
|
543
|
-
</div>
|
|
544
|
-
${t.map(t=>this.renderUploadBatch(e,t))}
|
|
545
|
-
</section>
|
|
546
|
-
`}renderUploadBatch(e,t){return g`
|
|
547
|
-
<article class=${`upload-batch ${t.status}`}>
|
|
548
|
-
<div class="upload-batch-heading">
|
|
549
|
-
<div>
|
|
550
|
-
<strong>${Bu(t)}</strong>
|
|
551
|
-
<small>${t.destinationFolder===``?`workspace root`:t.destinationFolder}</small>
|
|
552
|
-
</div>
|
|
553
|
-
<span>${Vu(t)}</span>
|
|
554
|
-
</div>
|
|
555
|
-
<progress max="1" .value=${Hu(t)}></progress>
|
|
556
|
-
<div class="upload-file-list">
|
|
557
|
-
${t.files.map(e=>this.renderUploadFile(e))}
|
|
558
|
-
</div>
|
|
559
|
-
<div class="upload-actions">
|
|
560
|
-
${t.status===`uploading`?g`<button @click=${()=>{e.onCancelWorkspaceUpload(t.id)}}>Cancel</button>`:g`<button @click=${()=>{e.onClearWorkspaceUpload(t.id)}}>Dismiss</button>`}
|
|
561
|
-
</div>
|
|
562
|
-
</article>
|
|
563
|
-
`}renderUploadFile(e){let t=Wu(e);return g`
|
|
564
|
-
<div class=${`upload-file ${e.status}`}>
|
|
565
|
-
<div class="upload-file-main">
|
|
566
|
-
<span>${e.name}</span>
|
|
567
|
-
<small>${t}</small>
|
|
568
|
-
</div>
|
|
569
|
-
<span class="upload-file-status">${Uu(e)}</span>
|
|
570
|
-
</div>
|
|
571
|
-
`}renderUploadDialog(e,t){let n=t.files.length;return g`
|
|
572
|
-
<div class="dialog-backdrop" @mousedown=${()=>{this.closeUploadDialog()}}>
|
|
573
|
-
<section class="upload-dialog" role="dialog" aria-modal="true" aria-label="Review file upload" @mousedown=${e=>{e.stopPropagation()}} @keydown=${this.handleDialogKeyDown}>
|
|
574
|
-
<header>
|
|
575
|
-
<div>
|
|
576
|
-
<span class="eyebrow">Upload</span>
|
|
577
|
-
<h2>Review ${n===1?`file`:`${String(n)} files`}</h2>
|
|
578
|
-
</div>
|
|
579
|
-
<button class="close-button" title="Cancel upload" aria-label="Cancel upload" @click=${()=>{this.closeUploadDialog()}}>×</button>
|
|
580
|
-
</header>
|
|
581
|
-
<form @submit=${n=>{this.submitUploadReview(n,e,t)}}>
|
|
582
|
-
<label>
|
|
583
|
-
<span>Destination folder</span>
|
|
584
|
-
<input .value=${this.destinationFolder} placeholder=${e.workspaceUploadDefaultFolder} @input=${this.handleDestinationInput} />
|
|
585
|
-
<small>Workspace-relative. Leave empty to upload at the workspace root.</small>
|
|
586
|
-
</label>
|
|
587
|
-
<div class="dialog-options">
|
|
588
|
-
<label>
|
|
589
|
-
<input type="checkbox" .checked=${this.createDirs} @change=${this.handleCreateDirsChange} />
|
|
590
|
-
<span>Create parent folders</span>
|
|
591
|
-
</label>
|
|
592
|
-
<label>
|
|
593
|
-
<input type="checkbox" .checked=${this.overwrite} @change=${this.handleOverwriteChange} />
|
|
594
|
-
<span>Overwrite existing files</span>
|
|
595
|
-
</label>
|
|
596
|
-
</div>
|
|
597
|
-
<section class="review-files" aria-label="Files to upload">
|
|
598
|
-
<strong>${n===1?`File`:`Files`}</strong>
|
|
599
|
-
${t.files.map(e=>g`
|
|
600
|
-
<div class="review-file">
|
|
601
|
-
<span>${e.name}</span>
|
|
602
|
-
<small>${qu(e.size)}</small>
|
|
603
|
-
</div>
|
|
604
|
-
`)}
|
|
605
|
-
</section>
|
|
606
|
-
${this.formError===``?null:g`<div class="dialog-error" role="alert">${this.formError}</div>`}
|
|
607
|
-
<footer>
|
|
608
|
-
<button type="button" @click=${()=>{this.closeUploadDialog()}}>Cancel</button>
|
|
609
|
-
<button type="submit">Upload</button>
|
|
610
|
-
</footer>
|
|
611
|
-
</form>
|
|
612
|
-
</section>
|
|
613
|
-
</div>
|
|
614
|
-
`}openUploadReview(e){let t=this.context,n=Pu(t?.workspaceUploadDefaultFolder??``);this.pendingUpload={files:e},this.destinationFolder=n.destinationFolder,this.overwrite=n.overwrite,this.createDirs=n.createDirs,this.formError=``}submitUploadReview(e,t,n){e.preventDefault();let r=Nu(n.files,this.destinationFolder);if(r!==void 0){this.formError=r;return}t.onStartWorkspaceUpload(n.files,{destinationFolder:this.destinationFolder,createDirs:this.createDirs,overwrite:this.overwrite,selectUploadedFile:!0})!==void 0&&this.closeUploadDialog()}closeUploadDialog(){this.pendingUpload=void 0,this.formError=``}resetPendingUpload(){this.closeUploadDialog(),this.dragDepth=0,this.dragActive=!1}static{this.styles=[vu,h`
|
|
615
|
-
:host { flex: 1 1 auto; }
|
|
616
|
-
.files-panel { position: relative; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
|
|
617
|
-
.toolbar-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
|
|
618
|
-
.toolbar .toolbar-actions button { margin-left: 0; }
|
|
619
|
-
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
|
|
620
|
-
.drop-overlay { position: absolute; inset: 52px 10px 10px; z-index: 15; display: grid; place-items: center; border: 2px dashed var(--pi-accent); border-radius: 12px; background: color-mix(in srgb, var(--pi-bg-overlay) 90%, var(--pi-accent) 10%); color: var(--pi-text); opacity: 0; pointer-events: none; transition: opacity .12s ease; }
|
|
621
|
-
.files-panel.dragging .drop-overlay { opacity: 1; }
|
|
622
|
-
.drop-overlay div { display: grid; gap: 4px; justify-items: center; padding: 18px; border-radius: 10px; background: var(--pi-bg-overlay); box-shadow: 0 8px 24px var(--pi-shadow); }
|
|
623
|
-
.drop-overlay span { color: var(--pi-muted); }
|
|
624
|
-
.upload-progress { flex: 0 0 auto; display: grid; gap: 8px; padding: 8px; border-bottom: 1px solid var(--pi-border-muted); background: color-mix(in srgb, var(--pi-surface) 55%, transparent); }
|
|
625
|
-
.upload-progress-header, .upload-batch-heading, .upload-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
|
|
626
|
-
.upload-batch { display: grid; gap: 6px; border: 1px solid var(--pi-border-muted); border-radius: 8px; background: var(--pi-bg); padding: 8px; }
|
|
627
|
-
.upload-batch.error { border-color: var(--pi-danger); }
|
|
628
|
-
.upload-batch.cancelled { border-color: var(--pi-warning-border); }
|
|
629
|
-
.upload-batch.completed { border-color: var(--pi-success-border); }
|
|
630
|
-
.upload-batch-heading > div { min-width: 0; display: grid; gap: 2px; }
|
|
631
|
-
.upload-batch-heading strong, .upload-batch-heading small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
632
|
-
progress { width: 100%; accent-color: var(--pi-accent); }
|
|
633
|
-
.upload-file-list { display: grid; gap: 4px; max-height: 180px; overflow: auto; padding-right: 2px; }
|
|
634
|
-
.upload-file { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--pi-muted); }
|
|
635
|
-
.upload-file.completed .upload-file-status { color: var(--pi-success); }
|
|
636
|
-
.upload-file.error { color: var(--pi-danger); }
|
|
637
|
-
.upload-file.cancelled .upload-file-status { color: var(--pi-warning); }
|
|
638
|
-
.upload-file-main { min-width: 0; display: grid; gap: 1px; }
|
|
639
|
-
.upload-file-main span, .upload-file-main small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
640
|
-
.upload-file-status { font-size: 12px; white-space: nowrap; }
|
|
641
|
-
.upload-actions { justify-content: end; }
|
|
642
|
-
.dialog-backdrop { position: fixed; inset: 0; z-index: 100; box-sizing: border-box; display: grid; place-items: center; padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); background: var(--pi-overlay); }
|
|
643
|
-
.upload-dialog { box-sizing: border-box; width: min(560px, 100%); max-height: min(720px, 100%); display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--pi-border); border-radius: 14px; background: var(--pi-bg); box-shadow: 0 18px 70px var(--pi-shadow-strong); }
|
|
644
|
-
.upload-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--pi-border-muted); }
|
|
645
|
-
.upload-dialog h2 { margin: 2px 0 0; font-size: 18px; line-height: 1.2; }
|
|
646
|
-
.eyebrow { color: var(--pi-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
|
|
647
|
-
.close-button { font-size: 20px; line-height: 1; padding: 4px 9px; }
|
|
648
|
-
form { min-height: 0; display: flex; flex-direction: column; gap: 12px; overflow: auto; padding: 16px; }
|
|
649
|
-
form > label { display: grid; gap: 6px; }
|
|
650
|
-
form > label > span, .review-files > strong { font-weight: 600; }
|
|
651
|
-
input[type="text"], form > label > input:not([type]) { box-sizing: border-box; width: 100%; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 8px 9px; font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); }
|
|
652
|
-
input:focus-visible { outline: 2px solid var(--pi-accent); outline-offset: 1px; }
|
|
653
|
-
.dialog-options { display: grid; gap: 8px; }
|
|
654
|
-
.dialog-options label { display: flex; align-items: center; gap: 8px; color: var(--pi-text); }
|
|
655
|
-
.review-files { display: grid; gap: 6px; min-height: 0; max-height: 180px; overflow: auto; border: 1px solid var(--pi-border-muted); border-radius: 8px; padding: 8px; }
|
|
656
|
-
.review-file { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: baseline; }
|
|
657
|
-
.review-file span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
658
|
-
.dialog-error { border: 1px solid var(--pi-danger); border-radius: 8px; background: color-mix(in srgb, var(--pi-danger) 10%, transparent); color: var(--pi-danger); padding: 9px; line-height: 1.35; overflow-wrap: anywhere; }
|
|
659
|
-
footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
|
|
660
|
-
`]}};R([b({attribute:!1})],ju.prototype,`context`,void 0),R([S(`#workspace-upload-input`)],ju.prototype,`uploadInput`,void 0),R([x()],ju.prototype,`pendingUpload`,void 0),R([x()],ju.prototype,`destinationFolder`,void 0),R([x()],ju.prototype,`overwrite`,void 0),R([x()],ju.prototype,`createDirs`,void 0),R([x()],ju.prototype,`formError`,void 0),R([x()],ju.prototype,`dragActive`,void 0),ju=R([y(`workspace-files-panel`)],ju);function Mu(e,t){return Object.values(e).filter(e=>e.projectId===t.projectId&&e.workspaceId===t.workspaceId&&e.machineId===t.machineId).sort((e,t)=>t.startedAt.localeCompare(e.startedAt))}function Nu(e,t){if(e.length===0)return`Choose at least one file to upload.`;for(let n of e)try{gi(t,n.name)}catch(e){return e instanceof Error?e.message:String(e)}}function Pu(e){return{destinationFolder:e,createDirs:!0,overwrite:!1}}function Fu(e,t){if(t.length!==0)return e.onStartWorkspaceUpload(t,{destinationFolder:e.workspaceUploadDefaultFolder,createDirs:!0,overwrite:!1,selectUploadedFile:!0})}function Iu(e){return`${e.machine.id}:${e.workspace.projectId}:${e.workspace.id}`}function Lu(e){return e==null?[]:Array.from(e)}function Ru(e){return Array.from(e.dataTransfer?.types??[]).includes(`Files`)}function zu(e){let t=e.filter(e=>e.status===`uploading`).length;return t===0?`${String(e.length)} recent`:`${String(t)} uploading`}function Bu(e){let t=e.files.length,n=t===1?`file`:`files`;switch(e.status){case`completed`:return`Uploaded ${String(t)} ${n}`;case`error`:return`Upload failed for ${String(t)} ${n}`;case`cancelled`:return`Upload cancelled for ${String(t)} ${n}`;case`uploading`:return`Uploading ${String(t)} ${n}`}}function Vu(e){switch(e.status){case`completed`:return`Done`;case`error`:return`Failed`;case`cancelled`:return`Cancelled`;case`uploading`:return Gu(e.percent)}}function Hu(e){return e.status===`uploading`?e.percent:1}function Uu(e){switch(e.status){case`pending`:return`Pending`;case`uploading`:return Gu(e.percent);case`completed`:return`Done`;case`error`:return`Error`;case`cancelled`:return`Cancelled`}}function Wu(e){return e.error===void 0?e.response===void 0?`${e.path} · ${qu(e.loaded)} / ${qu(e.total)}`:`Wrote ${e.response.path}`:e.error}function Gu(e){return`${String(Math.round(Math.max(0,Math.min(1,e))*100))}%`}function Ku(){Au(()=>import(`./CodeViewer-tXF3UTsY.js`),__vite__mapDeps([0,1,2,3]))}function qu(e){if(!Number.isFinite(e)||e<0)return`0 B`;if(e<1024)return`${String(e)} B`;let t=e/1024;if(t<1024)return`${Ju(t)} KB`;let n=t/1024;return n<1024?`${Ju(n)} MB`:`${Ju(n/1024)} GB`}function Ju(e){return e>=10?String(Math.round(e)):e.toFixed(1)}function Yu(){return[{id:`workspace.files`,title:`Files`,icon:hu(`files`),order:10,render:Xu},{id:`workspace.git`,title:`Git`,icon:hu(`git`),order:20,visible:({workspace:e})=>e.isGitRepo,render:Qu},{id:`workspace.terminal`,title:`Terminal`,icon:hu(`terminal`),order:30,badge:e=>e.activeTerminalCount>0?e.activeTerminalCount:void 0,render:Zu}]}function Xu(e){return g`<workspace-files-panel .context=${e}></workspace-files-panel>`}function Zu(e){return nd(),g`<terminal-panel .workspace=${e.workspace} .machineId=${e.machine.id} .selectedTerminalId=${e.selectedTerminalId} .autoStart=${e.terminalAutoStart} .onSelectTerminal=${e.onSelectTerminal}></terminal-panel>`}function Qu(e){let t=e.gitStatus;return g`
|
|
661
|
-
<section class="toolbar">
|
|
662
|
-
<strong>Git</strong>
|
|
663
|
-
${e.gitStale?g`<span class="stale">stale</span>`:null}
|
|
664
|
-
<button @click=${e.onRefreshGit}>Refresh</button>
|
|
665
|
-
</section>
|
|
666
|
-
<section class="split">
|
|
667
|
-
<div class="list">
|
|
668
|
-
${t===void 0?g`<p class="muted">No status loaded.</p>`:t.isGitRepo?g`
|
|
669
|
-
<p class="summary">${rd(t)}</p>
|
|
670
|
-
${t.files.length===0?g`<p class="muted">No changes.</p>`:t.files.map(t=>g`
|
|
671
|
-
<button class="row ${e.selectedDiffPath===t.path?`selected`:``}" @click=${()=>{e.onSelectDiff(t.path)}}>
|
|
672
|
-
<span>${id(t.index,t.workingTree)}</span>
|
|
673
|
-
<span>${t.path}</span>
|
|
674
|
-
</button>
|
|
675
|
-
`)}
|
|
676
|
-
`:g`<p class="muted">Not a git repository.</p>`}
|
|
677
|
-
</div>
|
|
678
|
-
<div class="viewer">
|
|
679
|
-
${$u(e)}
|
|
680
|
-
</div>
|
|
681
|
-
</section>
|
|
682
|
-
`}function $u(e){if(e.selectedDiffPath===void 0||e.selectedDiffPath===``)return g`<p class="muted">Select a changed file.</p>`;let t=e.selectedDiff,n=e.selectedStagedDiff;if(t===void 0||n===void 0)return g`<p class="muted">Loading diff…</p>`;let r=[n,t].filter(e=>e.diff!==``);return r.length===0?g`<p class="muted">No staged or unstaged diff.</p>`:g`
|
|
683
|
-
<div class=${r.length===1?`diffs single`:`diffs`}>
|
|
684
|
-
${r.map(e=>ed(e))}
|
|
685
|
-
</div>
|
|
686
|
-
`}function ed(e){return td(),g`
|
|
687
|
-
<section class="diff-section">
|
|
688
|
-
<div class="viewer-header"><strong>${e.path??`diff`}</strong><small>${e.staged?`staged`:`unstaged`}${e.truncated?` · truncated`:``}</small></div>
|
|
689
|
-
<unified-diff-viewer .diff=${e.diff}></unified-diff-viewer>
|
|
690
|
-
</section>
|
|
691
|
-
`}function td(){Au(()=>import(`./UnifiedDiffViewer-BziirXBJ.js`),[])}function nd(){Au(()=>import(`./TerminalPanel-D_ihiWAt.js`),__vite__mapDeps([4,5,6]))}function rd(e){let t=e.branch??`detached`,n=e.ahead??0,r=e.behind??0;return n===0&&r===0?t:`${t} · ↑${String(n)} ↓${String(r)}`}function id(e,t){return(t===`unmodified`?e:t).slice(0,1).toUpperCase()}var ad={apiVersion:1,name:`PI WEB Core`,activate:()=>({contributions:{actions:iu(),workspacePanels:Yu()}})},od={"--pi-bg":`#0d1117`,"--pi-surface":`#161b22`,"--pi-surface-hover":`#21262d`,"--pi-terminal-bg":`#05070a`,"--pi-terminal-text":`#e6edf3`,"--pi-border":`#30363d`,"--pi-border-muted":`#21262d`,"--pi-text":`#e6edf3`,"--pi-text-secondary":`#c9d1d9`,"--pi-text-bright":`#f0f6fc`,"--pi-muted":`#8b949e`,"--pi-dim":`#6e7681`,"--pi-accent":`#58a6ff`,"--pi-accent-border":`#2f81f7`,"--pi-selection-bg":`#0d2847`,"--pi-success":`#3fb950`,"--pi-success-border":`#238636`,"--pi-success-bg":`#0f1b12`,"--pi-success-surface":`#0f2a16`,"--pi-success-ring":`#3fb95055`,"--pi-warning":`#d29922`,"--pi-warning-border":`#6e5200`,"--pi-warning-surface":`#1f1a10`,"--pi-danger":`#ff7b72`,"--pi-purple":`#d2a8ff`,"--pi-purple-border":`#a371f7`,"--pi-purple-surface":`#21132f`,"--pi-overlay":`#0008`,"--pi-shadow-soft":`#0006`,"--pi-shadow":`#0008`,"--pi-shadow-strong":`#000b`,"--pi-bg-overlay-soft":`#0d1117dd`,"--pi-bg-overlay":`#0d1117e6`,"--pi-success-bg-overlay":`#0f1b12ee`,"--pi-terminal-selection":`#264f78`},sd={"--pi-bg":`#070912`,"--pi-surface":`#101527`,"--pi-surface-hover":`#151b31`,"--pi-terminal-bg":`#050710`,"--pi-terminal-text":`#f7f4ff`,"--pi-border":`#26304f`,"--pi-border-muted":`#26304f`,"--pi-text":`#f7f4ff`,"--pi-text-secondary":`#aaa4bd`,"--pi-text-bright":`#ffffff`,"--pi-muted":`#aaa4bd`,"--pi-dim":`#817a99`,"--pi-accent":`#7c3cff`,"--pi-accent-border":`#5a47b0`,"--pi-selection-bg":`#1d2547`,"--pi-success":`#00f0d8`,"--pi-success-border":`#00f0d8`,"--pi-success-bg":`#071e22`,"--pi-success-surface":`#092d31`,"--pi-success-ring":`#00f0d855`,"--pi-warning":`#ffb000`,"--pi-warning-border":`#ffb000`,"--pi-warning-surface":`#16140d`,"--pi-danger":`#ff4f7b`,"--pi-purple":`#b7a2ff`,"--pi-purple-border":`#7c3cff`,"--pi-purple-surface":`#181026`,"--pi-overlay":`#0008`,"--pi-shadow-soft":`#0006`,"--pi-shadow":`#0008`,"--pi-shadow-strong":`#000b`,"--pi-bg-overlay-soft":`#070912dd`,"--pi-bg-overlay":`#070912e6`,"--pi-success-bg-overlay":`#071e22ee`,"--pi-terminal-selection":`#3d4a78`},cd={"--pi-bg":`#f7f1e6`,"--pi-surface":`#fff9ee`,"--pi-surface-hover":`#f0e6d6`,"--pi-terminal-bg":`#15131b`,"--pi-terminal-text":`#fff9ee`,"--pi-border":`#c9bca8`,"--pi-border-muted":`#d8cdbc`,"--pi-text":`#15131b`,"--pi-text-secondary":`#15131b`,"--pi-text-bright":`#15131b`,"--pi-muted":`#5f586a`,"--pi-dim":`#766f7e`,"--pi-accent":`#6430d8`,"--pi-accent-border":`#6430d8`,"--pi-selection-bg":`#eadff8`,"--pi-success":`#008c82`,"--pi-success-border":`#008c82`,"--pi-success-bg":`#e1f4ef`,"--pi-success-surface":`#d7f0ec`,"--pi-success-ring":`#008c8255`,"--pi-warning":`#b05f00`,"--pi-warning-border":`#b05f00`,"--pi-warning-surface":`#fff2d2`,"--pi-danger":`#b51d49`,"--pi-purple":`#6430d8`,"--pi-purple-border":`#6430d8`,"--pi-purple-surface":`#eadff8`,"--pi-overlay":`#15131b66`,"--pi-shadow-soft":`#15131b22`,"--pi-shadow":`#15131b33`,"--pi-shadow-strong":`#15131b44`,"--pi-bg-overlay-soft":`#f7f1e6dd`,"--pi-bg-overlay":`#f7f1e6e6`,"--pi-success-bg-overlay":`#e1f4efee`,"--pi-terminal-selection":`#8d7b64`},ld={apiVersion:1,name:`PI WEB Themes`,activate:()=>({contributions:{themes:[{id:`pi-web-dark`,name:`PI WEB Dark`,description:`Dark PI WEB palette.`,order:10,colorScheme:`dark`,tokens:sd},{id:`pi-web-light`,name:`PI WEB Light`,description:`Light PI WEB palette.`,order:20,colorScheme:`light`,tokens:cd},{id:`classic`,name:`PI WEB Classic`,description:`The original PI WEB dark palette.`,order:30,colorScheme:`dark`,tokens:od}],themePairs:[{id:`pi-web`,name:`PI WEB`,description:`Follow the system light/dark preference with PI WEB themes.`,order:10,light:`pi-web-light`,dark:`pi-web-dark`}]}})},ud=/^[a-z][a-z0-9.-]*$/u;function dd(e){return ud.test(e)}var fd=`machine.`;function pd(e,t){if(e===``)throw Error(`Machine id is required`);if(!dd(t))throw Error(`Invalid PI WEB plugin id: ${t}`);return`${fd}${md(e)}.${t}`}function md(e){return[...new TextEncoder().encode(e)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}async function hd(e=`/pi-web-plugins/manifest.json`,t={}){let n=await gd(e);if(n===void 0)return[];let r=[];for(let i of n.plugins)if(t.shouldLoadPlugin?.(i)!==!1)try{let n=new URL(i.module,new URL(e,window.location.href)).toString(),a=yd(await Au(()=>import(n),[]),n);r.push({id:t.machineId===void 0?i.id:pd(t.machineId,i.id),plugin:a,machineSpecific:i.machineSpecific,...t.machineId===void 0?{}:{machineId:t.machineId,sourcePluginId:i.id}})}catch(e){console.warn(`Failed to load PI WEB plugin ${i.module}`,e)}return r}async function gd(e){let t=await fetch(e,{cache:`no-store`});if(t.status!==404){if(!t.ok)throw Error(`Failed to load plugin manifest: ${t.statusText}`);return _d(await t.json())}}function _d(e){if(!xd(e)||!Array.isArray(e.plugins))throw Error(`Invalid plugin manifest`);return{plugins:e.plugins.map(e=>{if(!xd(e)||typeof e.id!=`string`||e.id===``||typeof e.module!=`string`||e.module===``)throw Error(`Invalid plugin manifest entry`);return{id:e.id,module:e.module,machineSpecific:vd(e.machineSpecific)}})}}function vd(e){if(e===void 0)return!1;if(typeof e!=`boolean`)throw Error(`Invalid plugin manifest entry`);return e}function yd(e,t){if(!xd(e))throw Error(`Plugin module ${t} did not export an object`);let n=e.default;if(!bd(n))throw Error(`Plugin module ${t} default export is not a PiWebPlugin`);return n}function bd(e){return xd(e)&&e.apiVersion===1&&typeof e.name==`string`&&typeof e.activate==`function`}function xd(e){return typeof e==`object`&&!!e}var Sd=/^[a-z][a-z0-9.-]*$/u,Cd=/^[a-z][a-z0-9.-]*$/u,wd=new WeakMap,Td=new WeakMap,Ed=class{constructor(){this.actions=[],this.workspacePanels=[],this.workspaceLabels=[],this.themes=[],this.themePairs=[],this.pluginIds=new Set,this.gatewayPluginIds=new Set,this.gatewayMachineSpecificPluginIds=new Set,this.remoteMachineSpecificPluginIds=new Map,this.contributionIds=new Set}register(e){let{id:t,plugin:n}=e;this.validatePluginId(t);let r=this.parseMachineSpecific(t,e.machineSpecific);if(this.pluginIds.has(t))throw Error(`Duplicate plugin id: ${t}`);if(this.isRemoteDuplicateHiddenByGateway(e.sourcePluginId,e.machineId,r))return;this.pluginIds.add(t);let i=n.apiVersion;if(i!==1)throw Error(`Unsupported plugin API version for ${t}: ${String(i)}`);let a=n.activate({apiVersion:1,pluginId:t,html:g,svg:Je}).contributions;for(let n of a.actions??[])this.actions.push(this.qualifyAction(t,n,e.machineId,e.sourcePluginId));for(let n of a.workspacePanels??[])this.workspacePanels.push(this.qualifyWorkspacePanel(t,n,e.machineId,e.sourcePluginId));for(let n of a.workspaceLabels??[])this.workspaceLabels.push(this.qualifyWorkspaceLabelContribution(t,n,e.machineId,e.sourcePluginId));if(e.machineId===void 0){for(let e of a.themes??[])this.themes.push(this.qualifyTheme(t,e));for(let e of a.themePairs??[])this.themePairs.push(this.qualifyThemePair(t,e));this.gatewayPluginIds.add(t),r&&this.gatewayMachineSpecificPluginIds.add(t)}else e.sourcePluginId!==void 0&&r&&jd(this.remoteMachineSpecificPluginIds,e.sourcePluginId,e.machineId)}shouldLoadRemotePlugin(e,t=!1){return!this.gatewayPluginIds.has(e)||this.gatewayMachineSpecificPluginIds.has(e)||t}getActions(e){let t=Nd(e);return this.actions.filter(e=>this.isContributionActive(e.pluginId,e.machineId,t,e.sourcePluginId)).map(t=>{let n=Dd(e,t.pluginId),r=t.enabled?.(n),i=r===!1?t.disabledReason?.(n):void 0,a={id:t.id,pluginId:t.pluginId,localId:t.localId,...t.machineId===void 0?{}:{machineId:t.machineId},title:t.title,run:()=>t.run(n)};return t.description!==void 0&&(a.description=t.description),t.shortcut!==void 0&&(a.shortcut=t.shortcut),t.group!==void 0&&(a.group=t.group),r!==void 0&&(a.enabled=r),i!==void 0&&i!==``&&(a.disabledReason=i),a})}getWorkspacePanels(){return[...this.workspacePanels].sort((e,t)=>(e.order??1e3)-(t.order??1e3)||e.title.localeCompare(t.title))}getThemes(){return[...this.themes].sort((e,t)=>(e.order??1e3)-(t.order??1e3)||e.name.localeCompare(t.name))}getThemePairs(){return[...this.themePairs].sort((e,t)=>(e.order??1e3)-(t.order??1e3)||e.name.localeCompare(t.name))}getWorkspaceLabelItems(e){return[...this.workspaceLabels].sort((e,t)=>(e.order??1e3)-(t.order??1e3)||e.id.localeCompare(t.id)).flatMap(t=>t.visible?.(e)===!1?[]:t.items(e))}qualifyAction(e,t,n,r){let i=this.qualify(e,t.id);return{...t,id:i,pluginId:e,localId:t.id,...n===void 0?{}:{machineId:n},...r===void 0?{}:{sourcePluginId:r}}}qualifyWorkspacePanel(e,t,n,r){let i=this.qualify(e,t.id),a=t.badge,o=t.visible;return{...t,id:i,pluginId:e,localId:t.id,...n===void 0?{}:{machineId:n},visible:t=>this.isContributionActive(e,n,t.machine.id,r)&&(o?.(Od(t,e))??!0),...a===void 0?{}:{badge:t=>this.isContributionActive(e,n,t.machine.id,r)?a(Od(t,e)):void 0},render:n=>t.render(Od(n,e))}}qualifyWorkspaceLabelContribution(e,t,n,r){let i=this.qualify(e,t.id),a=t.visible,o=t.items;return{...t,id:i,pluginId:e,localId:t.id,...n===void 0?{}:{machineId:n},visible:t=>this.isContributionActive(e,n,t.machine.id,r)&&(a?.(t)??!0),items:t=>this.isContributionActive(e,n,t.machine.id,r)?o(t):[]}}qualifyTheme(e,t){let n=this.qualify(e,t.id);return{...t,id:n,pluginId:e,localId:t.id}}qualifyThemePair(e,t){let n=this.qualify(e,t.id);return{...t,id:n,pluginId:e,localId:t.id,light:this.qualifyReference(e,t.light),dark:this.qualifyReference(e,t.dark)}}qualify(e,t){this.validateLocalId(t);let n=`${e}:${t}`;if(this.contributionIds.has(n))throw Error(`Duplicate contribution id: ${n}`);return this.contributionIds.add(n),n}qualifyReference(e,t){return this.validateLocalId(t),`${e}:${t}`}isContributionActive(e,t,n,r){return t===void 0?!this.isGatewayPluginHiddenForMachine(e,n):t===n&&!this.isRemotePluginHiddenByGateway(r,t)}isRemoteDuplicateHiddenByGateway(e,t,n){return e!==void 0&&t!==void 0&&this.gatewayPluginIds.has(e)&&!this.gatewayMachineSpecificPluginIds.has(e)&&!n}isRemotePluginHiddenByGateway(e,t){return e===void 0||this.gatewayMachineSpecificPluginIds.has(e)||this.remoteMachineSpecificPluginIds.get(e)?.has(t)===!0?!1:this.gatewayPluginIds.has(e)}isGatewayPluginHiddenForMachine(e,t){return t!==`local`&&(this.gatewayMachineSpecificPluginIds.has(e)||this.remoteMachineSpecificPluginIds.get(e)?.has(t)===!0)}validatePluginId(e){if(!Sd.test(e))throw Error(`Invalid plugin id: ${e}`)}validateLocalId(e){if(!Cd.test(e))throw Error(`Invalid contribution id: ${e}`)}parseMachineSpecific(e,t){if(t===void 0)return!1;if(typeof t!=`boolean`)throw Error(`Invalid plugin machineSpecific value for ${e}: ${Md(t)}`);return t}};function Dd(e,t){return wd.get(e)?.(t)??e}function Od(e,t){return Td.get(e)?.(t)??e}function kd(e,t){return wd.set(e,t),e}function Ad(e,t){return Td.set(e,t),e}function jd(e,t,n){let r=e.get(t);r===void 0?e.set(t,new Set([n])):r.add(n)}function Md(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||typeof e==`bigint`||typeof e==`symbol`||typeof e==`function`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function Nd(e){return e.state.selectedMachine?.id??`local`}var Pd=[`(display-mode: standalone)`,`(display-mode: fullscreen)`,`(display-mode: minimal-ui)`];function Fd(){return typeof window>`u`||!(`matchMedia`in window)?[]:Pd.map(e=>window.matchMedia(e))}function Id(e,t=Ld()){return e.some(e=>e.matches)||Rd(t)}function Ld(){return typeof navigator>`u`?void 0:navigator}function Rd(e){return e!==void 0&&`standalone`in e&&e.standalone===!0}var zd=class{constructor(e=Bd()){this.scheduler=e}repair(e){if(!e){this.clear();return}this.resetViewportScroll(),this.repairFrame!==void 0&&this.scheduler.cancelAnimationFrame(this.repairFrame),this.repairFrame=this.scheduler.requestAnimationFrame(()=>{this.repairFrame=void 0,this.resetViewportScroll(),this.repairFrame=this.scheduler.requestAnimationFrame(()=>{this.repairFrame=void 0,this.resetViewportScroll()})}),this.repairTimer!==void 0&&this.scheduler.clearTimeout(this.repairTimer),this.repairTimer=this.scheduler.setTimeout(()=>{this.repairTimer=void 0,this.resetViewportScroll()},250)}clear(){this.repairFrame!==void 0&&(this.scheduler.cancelAnimationFrame(this.repairFrame),this.repairFrame=void 0),this.repairTimer!==void 0&&(this.scheduler.clearTimeout(this.repairTimer),this.repairTimer=void 0)}resetViewportScroll(){this.scheduler.scrollTo(0,0);let e=this.scheduler.documentElement;e!==void 0&&(e.scrollTop=0);let t=this.scheduler.body;t!==void 0&&(t.scrollTop=0)}};function Bd(){return{requestAnimationFrame(e){return window.requestAnimationFrame(e)},cancelAnimationFrame(e){window.cancelAnimationFrame(e)},setTimeout(e,t){return window.setTimeout(e,t)},clearTimeout(e){window.clearTimeout(e)},scrollTo(e,t){window.scrollTo(e,t)},get documentElement(){return typeof document>`u`?void 0:document.documentElement},get body(){return typeof document>`u`?void 0:document.body}}}var Vd=`(max-width: 760px)`,Hd=class{constructor(e,t={}){this.host=e,this.onMobileNavigationMediaChange=e=>{this.isMobileNavigationLayout!==e.matches&&(this.isMobileNavigationLayout=e.matches,this.host.requestUpdate())},this.onPwaDisplayModeChange=()=>{let e=Id(this.pwaDisplayModeMedia);this.isPwaDisplayMode!==e&&(this.isPwaDisplayMode=e,this.host.requestUpdate())},e.addController(this),this.mobileNavigationMedia=t.mobileNavigationMedia??Ud(),this.pwaDisplayModeMedia=t.pwaDisplayModeMedia??Fd(),this.viewportPositionRepairer=t.viewportPositionRepairer??new zd,this.isMobileNavigationLayout=this.mobileNavigationMedia?.matches??!1,this.isPwaDisplayMode=Id(this.pwaDisplayModeMedia)}hostConnected(){this.mobileNavigationMedia?.addEventListener(`change`,this.onMobileNavigationMediaChange);for(let e of this.pwaDisplayModeMedia)e.addEventListener(`change`,this.onPwaDisplayModeChange)}hostDisconnected(){this.mobileNavigationMedia?.removeEventListener(`change`,this.onMobileNavigationMediaChange);for(let e of this.pwaDisplayModeMedia)e.removeEventListener(`change`,this.onPwaDisplayModeChange);this.viewportPositionRepairer.clear()}shouldAutoFocusPrompt(){return!this.isMobileNavigationLayout&&!this.isPwaDisplayMode}shouldShowAppRefreshInHeader(){return this.isPwaDisplayMode&&!this.isMobileNavigationLayout}shouldShowAppRefreshInContextBar(){return this.isPwaDisplayMode&&this.isMobileNavigationLayout}defaultRouteView(){return this.isMobileNavigationLayout?`navigation`:`chat`}repairViewportPosition(){this.viewportPositionRepairer.repair(this.shouldRepairViewportPosition())}shouldRepairViewportPosition(){return this.isMobileNavigationLayout||this.isPwaDisplayMode}};function Ud(){if(!(typeof window>`u`||!(`matchMedia`in window)))return window.matchMedia(Vd)}var Wd=class{constructor(e,t={}){this.callbacks=e,this.refreshes=new zi,this.connected=!1,this.onFocus=()=>{this.handleResumeSignal()},this.onVisibilityChange=()=>{this.isDocumentVisible()&&this.handleResumeSignal()},this.windowTarget=t.windowTarget??Gd(),this.documentTarget=t.documentTarget??Kd(),this.isDocumentVisible=t.isDocumentVisible??qd,this.scheduleFrame=t.scheduleFrame??Jd}connect(){this.connected||(this.connected=!0,this.windowTarget?.addEventListener(`focus`,this.onFocus),this.documentTarget?.addEventListener(`visibilitychange`,this.onVisibilityChange))}disconnect(){this.connected&&(this.connected=!1,this.windowTarget?.removeEventListener(`focus`,this.onFocus),this.documentTarget?.removeEventListener(`visibilitychange`,this.onVisibilityChange),this.scheduledRefresh?.cancel(),this.scheduledRefresh=void 0)}handleResumeSignal(){this.callbacks.onResumeSignal(),this.scheduledRefresh===void 0&&(this.scheduledRefresh=this.scheduleFrame(()=>{this.scheduledRefresh=void 0,this.connected&&this.refreshes.request(`browser-resume`,async()=>{this.connected&&await this.callbacks.refreshAfterResume()}).catch(e=>{this.callbacks.onRefreshError(e)})}))}};function Gd(){return typeof window>`u`?void 0:window}function Kd(){return typeof document>`u`?void 0:document}function qd(){return typeof document>`u`||document.visibilityState===`visible`}function Jd(e){if(typeof window<`u`&&typeof window.requestAnimationFrame==`function`){let t=window.requestAnimationFrame(()=>{e()});return{cancel:()=>{window.cancelAnimationFrame(t)}}}let t=globalThis.setTimeout(e,0);return{cancel:()=>{globalThis.clearTimeout(t)}}}var Yd=[`machines`,`projects`,`workspaces`,`sessions`];function Xd(e){return e.selectedProject===void 0?`projects`:e.selectedWorkspace===void 0?`workspaces`:`sessions`}function Zd(e,t){if(e!==`none`)return e??Xd(t)}function Qd(e,t){return t.isMobileLayout?Zd(t.expanded,t.state)!==e:t.collapsedSections?.includes(e)??!1}function $d(e,t,n){return n.isMobileLayout?Zd(e,n.state)===t?`none`:t:e}function ef(e,t,n){return n?t:e}function tf(e,t){let n=new Set(e);return n.has(t)?n.delete(t):n.add(t),af(n)}function nf(e){return Yd[Yd.indexOf(e)+1]}var rf=class{hostConnected(){}constructor(e,t,n){this.host=e,this.getState=t,this.isMobileLayout=n,this.collapsedSections=[],e.addController(this)}expandedSection(){return Zd(this.expanded,this.getState())}isCollapsed(e){return Qd(e,{isMobileLayout:this.isMobileLayout(),expanded:this.expanded,state:this.getState(),collapsedSections:this.collapsedSections})}toggle(e){if(this.isMobileLayout()){this.setExpanded($d(this.expanded,e,{isMobileLayout:!0,state:this.getState()}));return}this.setCollapsedSections(tf(this.collapsedSections,e))}expand(e){if(this.isMobileLayout()){this.setExpanded(ef(this.expanded,e,!0));return}this.setCollapsedSections(this.collapsedSections.filter(t=>t!==e))}advanceAfterSelection(e){if(!this.isMobileLayout())return;let t=nf(e);t!==void 0&&this.expand(t)}open(e,t){this.isMobileLayout()&&(this.expand(e),t())}setExpanded(e){this.expanded!==e&&(this.expanded=e,this.host.requestUpdate())}setCollapsedSections(e){of(this.collapsedSections,e)||(this.collapsedSections=e,this.host.requestUpdate())}};function af(e){let t=new Set(e);return Yd.filter(e=>t.has(e))}function of(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}var sf=class{hostConnected(){}constructor(e){this.host=e,this.navigationPanelCollapsed=!1,this.workspacePanelCollapsed=!1,e.addController(this)}toggleNavigationPanel(){this.navigationPanelCollapsed=!this.navigationPanelCollapsed,this.host.requestUpdate()}toggleWorkspacePanel(){this.workspacePanelCollapsed=!this.workspacePanelCollapsed,this.host.requestUpdate()}expandNavigationPanel(){this.navigationPanelCollapsed&&(this.navigationPanelCollapsed=!1,this.host.requestUpdate())}expandWorkspacePanel(){this.workspacePanelCollapsed&&(this.workspacePanelCollapsed=!1,this.host.requestUpdate())}shellClass(e){return[`shell`,cf(e),...this.navigationPanelCollapsed?[`navigation-panel-collapsed`]:[],...this.workspacePanelCollapsed?[`workspace-panel-collapsed`]:[]].join(` `)}};function cf(e){return e===`navigation`?`navigation-view`:e===`chat`?`chat-view`:`workspace-view`}var lf=`pi-web:panel-sizes:v1`,uf={navigation:{minWidth:180,maxWidth:4096,defaultWidth:340,keyboardStep:24,largeKeyboardStep:72},workspace:{minWidth:240,maxWidth:4096,defaultWidth:480,keyboardStep:24,largeKeyboardStep:72}},df=class{constructor(e,t={}){this.host=e,e.addController(this),this.storage=t.storage??Tf(),this.panelSizes=_f(this.storage)}hostConnected(){}constraints(e){return ff(e)}panelWidth(e,t){return gf(e,t??this.storedPanelWidth(e)??this.constraints(e).defaultWidth)}resizePanel(e,t,n={}){let r=gf(e,t);this.storedPanelWidth(e)!==r&&(this.panelSizes=xf(this.panelSizes,e,r),n.persist!==!1&&this.persistPanelSizes(),this.host.requestUpdate())}resetPanel(e,t={}){this.storedPanelWidth(e)!==void 0&&(this.panelSizes=Sf(this.panelSizes,e),t.persist!==!1&&this.persistPanelSizes(),this.host.requestUpdate())}resetPanels(e={}){this.panelSizes.navigationPanelWidth===void 0&&this.panelSizes.workspacePanelWidth===void 0||(this.panelSizes={},e.persist!==!1&&this.persistPanelSizes(),this.host.requestUpdate())}persistPanelSizes(){vf(this.panelSizes,this.storage)}shellStyle(e={}){let t=[];return this.panelSizes.navigationPanelWidth!==void 0&&t.push(`--navigation-panel-size: ${wf(gf(`navigation`,this.panelSizes.navigationPanelWidth,e.navigation))};`),this.panelSizes.workspacePanelWidth!==void 0&&t.push(`--workspace-panel-size: ${wf(gf(`workspace`,this.panelSizes.workspacePanelWidth,e.workspace))};`),t.join(` `)}storedPanelWidth(e){return e===`navigation`?this.panelSizes.navigationPanelWidth:this.panelSizes.workspacePanelWidth}};function ff(e){return uf[e]}function pf(e,t,n){return e===`navigation`?n-t:t-n}function mf(e,t,n,r,i=ff(e)){return gf(e,t+pf(e,n,r),i)}function hf(e,t,n,r={}){let i=r.constraints??ff(e);if(n===`Home`)return i.minWidth;if(n===`End`)return i.maxWidth;let a=Cf(e,n,r.largeStep===!0?i.largeKeyboardStep:i.keyboardStep);if(a!==void 0)return gf(e,t+a,i)}function gf(e,t,n=ff(e)){return Number.isFinite(t)?Math.round(Math.min(Math.max(t,n.minWidth),n.maxWidth)):n.defaultWidth}function _f(e=Tf()){try{let t=e?.getItem(lf);return t==null||t===``?{}:yf(JSON.parse(t))}catch{return{}}}function vf(e,t=Tf()){if(t!==void 0)try{if(e.navigationPanelWidth===void 0&&e.workspacePanelWidth===void 0){t.removeItem(lf);return}let n={version:1};e.navigationPanelWidth!==void 0&&(n.navigationPanelWidth=gf(`navigation`,e.navigationPanelWidth)),e.workspacePanelWidth!==void 0&&(n.workspacePanelWidth=gf(`workspace`,e.workspacePanelWidth)),t.setItem(lf,JSON.stringify(n))}catch{}}function yf(e){if(!Ef(e)||e.version!==1)return{};let t={},n=bf(e.navigationPanelWidth),r=bf(e.workspacePanelWidth);return n!==void 0&&(t.navigationPanelWidth=gf(`navigation`,n)),r!==void 0&&(t.workspacePanelWidth=gf(`workspace`,r)),t}function bf(e){return typeof e==`number`&&Number.isFinite(e)?e:void 0}function xf(e,t,n){return t===`navigation`?{...e,navigationPanelWidth:n}:{...e,workspacePanelWidth:n}}function Sf(e,t){return t===`navigation`?e.workspacePanelWidth===void 0?{}:{workspacePanelWidth:e.workspacePanelWidth}:e.navigationPanelWidth===void 0?{}:{navigationPanelWidth:e.navigationPanelWidth}}function Cf(e,t,n){if(e===`navigation`)return t===`ArrowRight`?n:t===`ArrowLeft`?-n:void 0;if(t===`ArrowLeft`)return n;if(t===`ArrowRight`)return-n}function wf(e){return`${String(Math.round(e))}px`}function Tf(){try{return typeof window>`u`?void 0:window.localStorage}catch{return}}function Ef(e){return typeof e==`object`&&!!e}function Df(){let e=new URLSearchParams(window.location.search);return{machineId:e.get(`machine`)??void 0,projectId:e.get(`project`)??void 0,workspaceId:e.get(`workspace`)??void 0,sessionId:e.get(`session`)??void 0,tool:kf(e.get(`tool`)),view:Af(e.get(`view`))}}function Of(e,t){let n=new URL(window.location.href);n.searchParams.delete(`machine`),n.searchParams.delete(`project`),n.searchParams.delete(`workspace`),n.searchParams.delete(`session`),n.searchParams.delete(`tool`),n.searchParams.delete(`view`),e.machineId!==void 0&&e.machineId!==``&&e.machineId!==`local`&&n.searchParams.set(`machine`,e.machineId),e.projectId!==void 0&&e.projectId!==``&&n.searchParams.set(`project`,e.projectId),e.workspaceId!==void 0&&e.workspaceId!==``&&n.searchParams.set(`workspace`,e.workspaceId),e.sessionId!==void 0&&e.sessionId!==``&&n.searchParams.set(`session`,e.sessionId),e.tool!==void 0&&n.searchParams.set(`tool`,e.tool),e.view!==void 0&&n.searchParams.set(`view`,e.view),`${n.pathname}${n.search}${n.hash}`!=`${window.location.pathname}${window.location.search}${window.location.hash}`&&(t?.replace===!0?window.history.replaceState({},``,n):window.history.pushState({},``,n))}function kf(e){return e===`files`?`core:workspace.files`:e===`git`?`core:workspace.git`:jf(e)?e:void 0}function Af(e){return e===`chat`?`chat`:e===`files`?`core:workspace.files`:e===`git`?`core:workspace.git`:jf(e)?e:void 0}function jf(e){return e!==null&&/^[a-z][a-z0-9.-]*:[a-z][a-z0-9.-]*$/u.test(e)}function Mf(){return Pf(new URLSearchParams(window.location.search).get(`settings`))}function Nf(e,t){let n=new URL(window.location.href);e===void 0?n.searchParams.delete(`settings`):n.searchParams.set(`settings`,e),`${n.pathname}${n.search}${n.hash}`!=`${window.location.pathname}${window.location.search}${window.location.hash}`&&(t?.replace===!0?window.history.replaceState({},``,n):window.history.pushState({},``,n))}function Pf(e){if(e===`general`)return`general`;if(e===`sessiond`||e===`sessions`)return`sessiond`;if(e===`packages`||e===`pi-packages`)return`packages`;if(e===`plugins`)return`plugins`;if(e===`shortcuts`||e===`keyboard`||e===`keyboard-shortcuts`)return`shortcuts`}function Ff(e,t){return t===void 0?e:e.map(e=>Lf(e,t))}function If(e,t){let n=new Set(Qc(e,t,{enabledOnly:!0}).filter(e=>e.active).map(e=>e.action.id));return Ff(e,t).map(e=>e.shortcut!==void 0&&!n.has(e.id)?Rf(e):e)}function Lf(e,t){if(!Object.hasOwn(t,e.id))return e;let n=t[e.id];return n===void 0?e:n===null?Rf(e):{...e,shortcut:n}}function Rf(e){let t={...e};return delete t.shortcut,t}function zf(e,t){let n=t.api??$r,r=t.pollIntervalMs??1e3,i=t.setTimeout??Hf(),a=t.clearTimeout??Uf();return{async runCommand(o){let s=await n.runTerminalCommand(e,o);return o.open===!0&&t.openTerminal(o.workspace,{terminalId:s.terminalId}),{run:s,completed:Bf(s,n,r,i,a)}},listCommandRuns:e=>n.listCommandRuns(e),getCommandRun:e=>n.getCommandRun(e),open:e=>{t.openTerminal(void 0,e)}}}function Bf(e,t,n,r,i){return Vf(e)?Promise.resolve(e):new Promise((a,o)=>{let s,c=!1,l=e=>{c||(c=!0,s!==void 0&&i(s),a(e))},u=e=>{c||(c=!0,s!==void 0&&i(s),o(e instanceof Error?e:Error(String(e))))},d=()=>{t.getCommandRun(e.id).then(e=>{if(e!==void 0&&Vf(e)){l(e);return}s=r(d,n)}).catch(u)};s=r(d,n)})}function Vf(e){return e.status===`succeeded`||e.status===`failed`}function Hf(){return(e,t)=>globalThis.setTimeout(e,t)}function Uf(){return e=>{globalThis.clearTimeout(e)}}function Wf(e,t){return t[e.path]}function Gf(e){if(e?.hasSessionActivity===!0)return`session`;if(e?.hasTerminalActivity===!0)return`terminal`}function Kf(e,t,n){return Jf(Yf(e,t,n))}function qf(e){return Jf(Object.values(e??{}))}function Jf(e){if(e.some(e=>e.hasSessionActivity))return`session`;if(e.some(e=>e.hasTerminalActivity))return`terminal`}function Yf(e,t,n){let r=new Set(t.filter(t=>t.projectId===e.id).map(e=>e.path)),i=new Map;for(let e of r){let t=n[e];t!==void 0&&i.set(t.cwd,t)}for(let t of Object.values(n))(t.cwd===e.path||t.cwd.startsWith(`${e.path}/`))&&i.set(t.cwd,t);return[...i.values()]}var Xf=0,Zf=120;function Qf(e,t={}){if(typeof HTMLElement>`u`||typeof window>`u`||!(e instanceof HTMLElement))return``;let n=e.getBoundingClientRect(),r=t.constrainTo===`viewport`?ep():$f(e),i=window.innerWidth,a=window.innerHeight,o=Math.max(0,r.left),s=Math.min(i,r.right),c=Math.max(0,r.top),l=Math.min(a,r.bottom),u=Math.min(n.right,s),d=l-n.bottom-Xf,f=n.top-c-Xf;return[...d<Zf&&f>d?[`bottom: ${tp(a-n.top+Xf)};`,`max-height: ${tp(Math.max(0,f))};`]:[`top: ${tp(n.bottom+Xf)};`,`max-height: ${tp(Math.max(0,d))};`],`right: ${tp(Math.max(0,i-u))};`,`max-width: ${tp(Math.max(0,u-o))};`].join(` `)}function $f(e){let t=e.getRootNode();return typeof ShadowRoot<`u`&&t instanceof ShadowRoot&&t.host instanceof HTMLElement?t.host.getBoundingClientRect():ep()}function ep(){return{top:0,right:window.innerWidth,bottom:window.innerHeight,left:0}}function tp(e){return`${String(Math.round(e))}px`}function np(e,t=`Active`){if(e!==void 0)return g`<span class=${`activity-indicator ${e}`} role="img" aria-label=${t} title=${t}></span>`}function rp(e,t=`Active`){let n=np(e,t);if(n!==void 0)return g`<span class="action-activity">${n}</span>`}var ip=[`a[href]`,`button`,`input`,`select`,`textarea`,`summary`,`[role='button']`,`[role='link']`,`[contenteditable='true']`].join(`,`);function ap(e){return e.composedPath().some(e=>op(e,ip))}function op(e,t){if(typeof Element<`u`&&e instanceof Element)return e.matches(t);if(!(`matches`in e))return!1;let{matches:n}=e;return typeof n==`function`&&n.call(e,t)===!0}function sp(e,t){ap(e)||t()}function cp(e,t){return ap(e)?!1:e.key===`Enter`||e.key===` `?(e.preventDefault(),t.activate(),!0):e.key===`ArrowUp`?up(e,()=>{dp(e.currentTarget,-1)}):e.key===`ArrowDown`?up(e,()=>{dp(e.currentTarget,1)}):e.key===`Home`?up(e,()=>{fp(e.currentTarget,0)}):e.key===`End`?up(e,()=>{fp(e.currentTarget,-1)}):e.key===`ArrowLeft`&&t.previousSection!==void 0?up(e,t.previousSection):e.key===`ArrowRight`&&t.nextSection!==void 0?up(e,t.nextSection):e.key===`Escape`&&t.cancel!==void 0&&up(e,t.cancel)}function lp(e,t={}){let n=e.querySelector(`.action-row.selected`)??e.querySelector(`.action-row`)??(t.fallbackSelector===void 0?void 0:e.querySelector(t.fallbackSelector));return n==null?!1:(n.focus(),n.scrollIntoView({block:`nearest`}),!0)}function up(e,t){return e.preventDefault(),e.stopPropagation?.(),t(),!0}function dp(e,t){let n=mp(e),r=gp(e);if(r===void 0||n.length===0)return;let i=n.indexOf(r);i<0||pp(n,i+t)}function fp(e,t){let n=mp(e);n.length!==0&&pp(n,t<0?n.length-1:t)}function pp(e,t){let n=e[Math.min(Math.max(t,0),e.length-1)];n?.focus(),n?.scrollIntoView({block:`nearest`})}function mp(e){let t=gp(e)?.getRootNode();return t===void 0||!hp(t)?[]:Array.from(t.querySelectorAll(`.action-row`))}function hp(e){return typeof Document<`u`&&e instanceof Document||typeof DocumentFragment<`u`&&e instanceof DocumentFragment}function gp(e){if(!(typeof HTMLElement>`u`||!(e instanceof HTMLElement)))return e.closest(`.action-row`)??void 0}var _p=class extends v{constructor(...e){super(...e),this.machines=[],this.statuses={},this.activities={},this.collapsible=!1,this.collapsed=!1,this.menuStyle=``,this.onDocumentClick=e=>{e.composedPath().includes(this)||(this.openMenuMachineId=void 0)}}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this.onDocumentClick),super.disconnectedCallback()}updated(e){e.has(`machines`)&&this.openMenuMachineId!==void 0&&!this.machines.some(e=>e.id===this.openMenuMachineId)&&(this.openMenuMachineId=void 0),e.has(`collapsed`)&&this.collapsed&&(this.openMenuMachineId=void 0)}async focusSelectedOrFirst(){return await this.updateComplete,lp(this.renderRoot,{fallbackSelector:`.section-toggle`})}render(){return g`
|
|
692
|
-
<section>
|
|
693
|
-
<h2>${this.renderHeading()}</h2>
|
|
694
|
-
${this.collapsed?null:g`
|
|
695
|
-
<div class="list-body">
|
|
696
|
-
${this.machines.map(e=>this.renderMachine(e))}
|
|
697
|
-
</div>
|
|
698
|
-
`}
|
|
699
|
-
</section>
|
|
700
|
-
`}renderMachine(e){let t=this.statuses[e.id]?.status??e.status??`unknown`,n=t===`online`?`online`:t===`offline`?`offline`:t===`error`?`error`:`unknown`,r=vp(e)&&this.onRemove!==void 0;return g`
|
|
701
|
-
<div
|
|
702
|
-
class=${`action-row machine-row ${this.selected?.id===e.id?`selected`:``} ${r?``:`no-actions`}`}
|
|
703
|
-
tabindex="0"
|
|
704
|
-
title=${e.baseUrl??e.name}
|
|
705
|
-
@click=${t=>{sp(t,()=>this.onSelect?.(e))}}
|
|
706
|
-
@keydown=${t=>{this.handleMachineKeydown(t,e)}}
|
|
707
|
-
>
|
|
708
|
-
<div class="action-main">
|
|
709
|
-
<span class="action-name machine-primary"><span class="machine-primary-label">${e.name}</span></span><small>${e.kind===`local`?`Local Pi Web`:e.baseUrl??`Remote Pi Web`} · ${n}</small>
|
|
710
|
-
${this.renderActivity(e)}
|
|
711
|
-
</div>
|
|
712
|
-
${r?this.renderMachineMenu(e):null}
|
|
713
|
-
</div>
|
|
714
|
-
`}renderActivity(e){let t=this.statuses[e.id]?.status??e.status;if(t===`offline`||t===`error`)return;let n=qf(this.activities[e.id]);return rp(n,n===`terminal`?`Machine terminal active`:`Machine active`)}renderMachineMenu(e){let t=this.openMenuMachineId===e.id,n=yp(e.id);return g`
|
|
715
|
-
<div class="action-menu">
|
|
716
|
-
<button
|
|
717
|
-
class="action-menu-toggle"
|
|
718
|
-
title="Machine actions"
|
|
719
|
-
aria-label=${`Actions for ${e.name}`}
|
|
720
|
-
aria-expanded=${String(t)}
|
|
721
|
-
aria-controls=${n}
|
|
722
|
-
@click=${t=>{t.stopPropagation(),this.toggleMenu(e.id,t.currentTarget)}}
|
|
723
|
-
>⋯</button>
|
|
724
|
-
${t?g`
|
|
725
|
-
<div class="action-menu-panel machine-menu-panel" id=${n} style=${this.menuStyle} @click=${e=>{e.stopPropagation()}}>
|
|
726
|
-
<button class="danger" title=${`Remove ${e.name}`} @click=${()=>{this.removeMachine(e)}}>Remove</button>
|
|
727
|
-
</div>
|
|
728
|
-
`:null}
|
|
729
|
-
</div>
|
|
730
|
-
`}renderHeading(){if(!this.collapsible)return`Machines`;let e=this.selected?.name??`No machine selected`,t=this.selected?.baseUrl??e;return g`<button class="section-toggle" aria-expanded=${String(!this.collapsed)} @click=${()=>{this.onToggleCollapsed?.()}}><span class="section-title"><span class="section-name">${this.collapsed?`▸`:`▾`} Machines</span>${this.collapsed?g`<small class="section-selected" title=${t}>${e}</small>`:null}</span><small class="section-count">${this.machines.length}</small></button>`}toggleMenu(e,t){if(this.openMenuMachineId===e){this.openMenuMachineId=void 0;return}this.menuStyle=Qf(t,{constrainTo:`viewport`}),this.openMenuMachineId=e}removeMachine(e){this.openMenuMachineId=void 0,this.onRemove?.(e)}handleMachineKeydown(e,t){if(e.key===`Escape`&&this.openMenuMachineId===t.id){e.preventDefault(),e.stopPropagation(),this.openMenuMachineId=void 0;return}cp(e,{activate:()=>this.onSelect?.(t),nextSection:this.onFocusNextSection===void 0?void 0:()=>{this.onFocusNextSection?.()},cancel:this.onCancelKeyboardNavigation===void 0?void 0:()=>{this.onCancelKeyboardNavigation?.()}})}static{this.styles=[yu,h`
|
|
731
|
-
.machine-row.no-actions .action-main { border-radius: 8px; }
|
|
732
|
-
.machine-primary { display: flex; align-items: baseline; gap: 6px; }
|
|
733
|
-
.machine-primary-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
734
|
-
.machine-menu-panel button.danger { color: var(--pi-danger); }
|
|
735
|
-
.machine-menu-panel button.danger:hover, .machine-menu-panel button.danger:focus { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }
|
|
736
|
-
`]}};R([b({attribute:!1})],_p.prototype,`machines`,void 0),R([b({attribute:!1})],_p.prototype,`selected`,void 0),R([b({attribute:!1})],_p.prototype,`statuses`,void 0),R([b({attribute:!1})],_p.prototype,`activities`,void 0),R([b({type:Boolean,reflect:!0})],_p.prototype,`collapsible`,void 0),R([b({type:Boolean,reflect:!0})],_p.prototype,`collapsed`,void 0),R([b({attribute:!1})],_p.prototype,`onSelect`,void 0),R([b({attribute:!1})],_p.prototype,`onRemove`,void 0),R([b({attribute:!1})],_p.prototype,`onToggleCollapsed`,void 0),R([b({attribute:!1})],_p.prototype,`onFocusNextSection`,void 0),R([b({attribute:!1})],_p.prototype,`onCancelKeyboardNavigation`,void 0),R([x()],_p.prototype,`openMenuMachineId`,void 0),R([x()],_p.prototype,`menuStyle`,void 0),_p=R([y(`machine-list`)],_p);function vp(e){return e.kind===`remote`}function yp(e){return`machine-menu-${e.replace(/[^a-zA-Z0-9_-]/g,`-`)}`}var z=class extends v{constructor(...e){super(...e),this.projects=[],this.activities={},this.workspacesByProjectId={},this.collapsible=!1,this.collapsed=!1,this.menuStyle=``,this.onDocumentClick=e=>{e.composedPath().includes(this)||(this.openMenuProjectId=void 0)}}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this.onDocumentClick),super.disconnectedCallback()}updated(e){e.has(`projects`)&&this.openMenuProjectId!==void 0&&!this.projects.some(e=>e.id===this.openMenuProjectId)&&(this.openMenuProjectId=void 0),e.has(`collapsed`)&&this.collapsed&&(this.openMenuProjectId=void 0)}async focusSelectedOrFirst(){return await this.updateComplete,lp(this.renderRoot,{fallbackSelector:`.section-toggle`})}render(){return g`
|
|
737
|
-
<section>
|
|
738
|
-
<h2>${this.renderHeading()}</h2>
|
|
739
|
-
${this.collapsed?null:g`
|
|
740
|
-
<div class="list-body">
|
|
741
|
-
${this.projects.map(e=>g`
|
|
742
|
-
<div
|
|
743
|
-
class=${`action-row ${this.selected?.id===e.id?`selected`:``}`}
|
|
744
|
-
tabindex="0"
|
|
745
|
-
title=${e.path}
|
|
746
|
-
@click=${t=>{sp(t,()=>this.onSelect?.(e))}}
|
|
747
|
-
@keydown=${t=>{this.handleProjectKeydown(t,e)}}
|
|
748
|
-
>
|
|
749
|
-
<div class="action-main">
|
|
750
|
-
<span class="action-name">${e.name}</span><small>${e.path}</small>
|
|
751
|
-
${this.renderActivity(e)}
|
|
752
|
-
</div>
|
|
753
|
-
<div class="action-menu">
|
|
754
|
-
<button class="action-menu-toggle" title="Project actions" aria-label=${`Actions for ${e.name}`} @click=${t=>{t.stopPropagation(),this.toggleMenu(e.id,t.currentTarget)}}>⋯</button>
|
|
755
|
-
${this.openMenuProjectId===e.id?g`
|
|
756
|
-
<div class="action-menu-panel" style=${this.menuStyle}>
|
|
757
|
-
<button title="Close project" @click=${()=>{this.close(e)}}>Close</button>
|
|
758
|
-
</div>
|
|
759
|
-
`:null}
|
|
760
|
-
</div>
|
|
761
|
-
</div>
|
|
762
|
-
`)}
|
|
763
|
-
</div>
|
|
764
|
-
`}
|
|
765
|
-
</section>
|
|
766
|
-
`}handleProjectKeydown(e,t){cp(e,{activate:()=>this.onSelect?.(t),previousSection:this.onFocusPreviousSection===void 0?void 0:()=>{this.onFocusPreviousSection?.()},nextSection:this.onFocusNextSection===void 0?void 0:()=>{this.onFocusNextSection?.()},cancel:this.onCancelKeyboardNavigation===void 0?void 0:()=>{this.onCancelKeyboardNavigation?.()}})}renderHeading(){if(!this.collapsible)return`Projects`;let e=this.selected?.name??`No project selected`,t=this.selected?.path??e;return g`<button class="section-toggle" aria-expanded=${String(!this.collapsed)} @click=${()=>{this.onToggleCollapsed?.()}}><span class="section-title"><span class="section-name">${this.collapsed?`▸`:`▾`} Projects</span>${this.collapsed?g`<small class="section-selected" title=${t}>${e}</small>`:null}</span><small class="section-count">${this.projects.length}</small></button>`}renderActivity(e){let t=Kf(e,this.workspacesByProjectId[e.id]??[],this.activities);return rp(t,t===`terminal`?`Project terminal active`:`Project active`)}toggleMenu(e,t){if(this.openMenuProjectId===e){this.openMenuProjectId=void 0;return}this.menuStyle=Qf(t,{constrainTo:`viewport`}),this.openMenuProjectId=e}close(e){this.openMenuProjectId=void 0,confirm(`Close ${e.name}?\n\nThis only removes it from PI WEB; it will not change the project folder.`)&&this.onClose?.(e)}static{this.styles=yu}};R([b({attribute:!1})],z.prototype,`projects`,void 0),R([b({attribute:!1})],z.prototype,`selected`,void 0),R([b({attribute:!1})],z.prototype,`activities`,void 0),R([b({attribute:!1})],z.prototype,`workspacesByProjectId`,void 0),R([b({type:Boolean,reflect:!0})],z.prototype,`collapsible`,void 0),R([b({type:Boolean,reflect:!0})],z.prototype,`collapsed`,void 0),R([b({attribute:!1})],z.prototype,`onSelect`,void 0),R([b({attribute:!1})],z.prototype,`onClose`,void 0),R([b({attribute:!1})],z.prototype,`onToggleCollapsed`,void 0),R([b({attribute:!1})],z.prototype,`onFocusPreviousSection`,void 0),R([b({attribute:!1})],z.prototype,`onFocusNextSection`,void 0),R([b({attribute:!1})],z.prototype,`onCancelKeyboardNavigation`,void 0),R([x()],z.prototype,`openMenuProjectId`,void 0),R([x()],z.prototype,`menuStyle`,void 0),z=R([y(`project-list`)],z);function bp(e=[]){return e.map((e,t)=>g`${t===0?null:g`<span class="workspace-label-separator">·</span>`}${xp(e)}`)}function xp(e){if(e.type===`render`)return g`<span class="workspace-label-render">${e.render()}</span>`;if(e.type===`link`&&Sp(e.href)){let t=e.target??`_blank`,n=t===`_blank`?`noopener noreferrer`:void 0;return g`<a class="workspace-label-item workspace-label-link" href=${e.href} title=${e.title??e.text} target=${t} rel=${n??void 0}>${e.text}</a>`}return g`<span class="workspace-label-item" title=${e.title??e.text}>${e.text}</span>`}function Sp(e){let t=e.trim().toLowerCase();return t!==``&&!t.startsWith(`javascript:`)&&!t.startsWith(`data:`)}var B=class extends v{constructor(...e){super(...e),this.workspaces=[],this.collapsible=!1,this.collapsed=!1,this.workspaceLabelItems=()=>[],this.activities={},this.deletingWorkspaceIds=[],this.menuStyle=``,this.onDocumentClick=e=>{e.composedPath().includes(this)||(this.openMenuWorkspaceId=void 0)}}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this.onDocumentClick),super.disconnectedCallback()}updated(e){e.has(`workspaces`)&&this.openMenuWorkspaceId!==void 0&&!this.workspaces.some(e=>e.id===this.openMenuWorkspaceId)&&(this.openMenuWorkspaceId=void 0),e.has(`collapsed`)&&this.collapsed&&(this.openMenuWorkspaceId=void 0),(e.has(`selected`)||e.has(`workspaces`)||e.has(`collapsed`))&&!this.collapsed&&this.scrollSelectedIntoView()}async focusSelectedOrFirst(){return await this.updateComplete,lp(this.renderRoot,{fallbackSelector:`.section-toggle`})}render(){return g`
|
|
767
|
-
<section>
|
|
768
|
-
<h2>${this.renderHeading()}</h2>
|
|
769
|
-
${this.collapsed?null:g`
|
|
770
|
-
<div class="list-body">
|
|
771
|
-
${this.workspaces.map(e=>{let t=Cp(e),n=this.workspaceLabelItems(e);return g`
|
|
772
|
-
<div
|
|
773
|
-
class=${`action-row workspace-row ${this.selected?.id===e.id?`selected`:``}`}
|
|
774
|
-
tabindex="0"
|
|
775
|
-
title=${t}
|
|
776
|
-
@click=${t=>{sp(t,()=>this.onSelect?.(e))}}
|
|
777
|
-
@keydown=${t=>{this.handleWorkspaceKeydown(t,e)}}
|
|
778
|
-
>
|
|
779
|
-
<div class="action-main">
|
|
780
|
-
${this.renderWorkspaceMain(t,n,e)}
|
|
781
|
-
</div>
|
|
782
|
-
${this.renderWorkspaceMenu(t,n,e)}
|
|
783
|
-
</div>
|
|
784
|
-
`})}
|
|
785
|
-
</div>
|
|
786
|
-
`}
|
|
787
|
-
</section>
|
|
788
|
-
`}renderHeading(){if(!this.collapsible)return`Workspaces`;let e=this.selected===void 0?`No workspace selected`:`${this.selected.label}${this.selected.isMain?` · main`:``} · ${this.selected.path}`,t=this.selected?.path??e;return g`<button class="section-toggle" aria-expanded=${String(!this.collapsed)} @click=${()=>{this.onToggleCollapsed?.()}}><span class="section-title"><span class="section-name">${this.collapsed?`▸`:`▾`} Workspaces</span>${this.collapsed?g`<small class="section-selected" title=${t}>${e}</small>`:null}</span><small class="section-count">${this.workspaces.length}</small></button>`}renderActivity(e){let t=Gf(Wf(e,this.activities));return rp(t,t===`terminal`?`Workspace terminal active`:`Workspace active`)}renderWorkspaceMain(e,t,n){return g`
|
|
789
|
-
<span class="workspace-primary">
|
|
790
|
-
<span class="workspace-primary-label">${e}</span>
|
|
791
|
-
${this.isDeleting(n)?g`<span class="workspace-status">Deleting…</span>`:null}
|
|
792
|
-
</span>
|
|
793
|
-
${t.length===0?null:g`
|
|
794
|
-
<small class="workspace-secondary">
|
|
795
|
-
<span class="workspace-label">${bp(t)}</span>
|
|
796
|
-
</small>
|
|
797
|
-
`}
|
|
798
|
-
${this.renderActivity(n)}
|
|
799
|
-
`}renderWorkspaceMenu(e,t,n){let r=this.openMenuWorkspaceId===n.id,i=Tp(n.id);return g`
|
|
800
|
-
<div class="action-menu">
|
|
801
|
-
<button
|
|
802
|
-
class="action-menu-toggle"
|
|
803
|
-
title="Workspace actions and details"
|
|
804
|
-
aria-label=${`Actions and details for ${e}`}
|
|
805
|
-
aria-expanded=${String(r)}
|
|
806
|
-
aria-controls=${i}
|
|
807
|
-
@click=${e=>{e.stopPropagation(),this.toggleMenu(n.id,e.currentTarget)}}
|
|
808
|
-
>⋯</button>
|
|
809
|
-
${r?g`
|
|
810
|
-
<div class="action-menu-panel workspace-menu-panel" id=${i} style=${this.menuStyle} @click=${e=>{e.stopPropagation()}}>
|
|
811
|
-
${this.renderWorkspaceActions(n)}
|
|
812
|
-
${this.renderWorkspaceDetails(e,t,n)}
|
|
813
|
-
</div>
|
|
814
|
-
`:null}
|
|
815
|
-
</div>
|
|
816
|
-
`}renderWorkspaceActions(e){if(!wp(e))return;let t=this.isDeleting(e);return g`
|
|
817
|
-
<div class="workspace-menu-actions">
|
|
818
|
-
<button class="danger" title=${t?`Workspace deletion in progress`:`Delete workspace`} ?disabled=${t} @click=${()=>{this.delete(e)}}>${t?`Deleting…`:`Delete workspace`}</button>
|
|
819
|
-
</div>
|
|
820
|
-
`}renderWorkspaceDetails(e,t,n){return g`
|
|
821
|
-
<dl class="workspace-menu-details">
|
|
822
|
-
<div class="workspace-detail-row">
|
|
823
|
-
<dt>${n.branch===void 0?`Workspace`:`Branch`}</dt>
|
|
824
|
-
<dd>${e}</dd>
|
|
825
|
-
</div>
|
|
826
|
-
<div class="workspace-detail-row">
|
|
827
|
-
<dt>Path</dt>
|
|
828
|
-
<dd title=${n.path}>${n.path}</dd>
|
|
829
|
-
</div>
|
|
830
|
-
${t.length===0?null:g`
|
|
831
|
-
<div class="workspace-detail-row">
|
|
832
|
-
<dt>Details</dt>
|
|
833
|
-
<dd><span class="workspace-label">${bp(t)}</span></dd>
|
|
834
|
-
</div>
|
|
835
|
-
`}
|
|
836
|
-
</dl>
|
|
837
|
-
`}delete(e){this.isDeleting(e)||(this.openMenuWorkspaceId=void 0,this.onDelete?.(e))}isDeleting(e){return this.deletingWorkspaceIds.includes(e.id)}toggleMenu(e,t){if(this.openMenuWorkspaceId===e){this.openMenuWorkspaceId=void 0;return}this.menuStyle=Qf(t,{constrainTo:`viewport`}),this.openMenuWorkspaceId=e}handleWorkspaceKeydown(e,t){if(e.key===`Escape`&&this.openMenuWorkspaceId===t.id){e.preventDefault(),e.stopPropagation(),this.openMenuWorkspaceId=void 0;return}cp(e,{activate:()=>this.onSelect?.(t),previousSection:this.onFocusPreviousSection===void 0?void 0:()=>{this.onFocusPreviousSection?.()},nextSection:this.onFocusNextSection===void 0?void 0:()=>{this.onFocusNextSection?.()},cancel:this.onCancelKeyboardNavigation===void 0?void 0:()=>{this.onCancelKeyboardNavigation?.()}})}scrollSelectedIntoView(){this.renderRoot.querySelector(`.action-row.selected`)?.scrollIntoView({block:`nearest`})}static{this.styles=yu}};R([b({attribute:!1})],B.prototype,`workspaces`,void 0),R([b({attribute:!1})],B.prototype,`selected`,void 0),R([b({type:Boolean,reflect:!0})],B.prototype,`collapsible`,void 0),R([b({type:Boolean,reflect:!0})],B.prototype,`collapsed`,void 0),R([b({attribute:!1})],B.prototype,`workspaceLabelItems`,void 0),R([b({attribute:!1})],B.prototype,`activities`,void 0),R([b({attribute:!1})],B.prototype,`deletingWorkspaceIds`,void 0),R([b({attribute:!1})],B.prototype,`onSelect`,void 0),R([b({attribute:!1})],B.prototype,`onDelete`,void 0),R([b({attribute:!1})],B.prototype,`onToggleCollapsed`,void 0),R([b({attribute:!1})],B.prototype,`onFocusPreviousSection`,void 0),R([b({attribute:!1})],B.prototype,`onFocusNextSection`,void 0),R([b({attribute:!1})],B.prototype,`onCancelKeyboardNavigation`,void 0),R([x()],B.prototype,`openMenuWorkspaceId`,void 0),R([x()],B.prototype,`menuStyle`,void 0),B=R([y(`workspace-list`)],B);function Cp(e){return`${e.branch??e.label}${e.isMain?` · main`:``}`}function wp(e){return e.isGitWorktree&&!e.isMain}function Tp(e){return`workspace-menu-${e.replace(/[^a-zA-Z0-9_-]/g,`-`)}`}function Ep(e){return e.slice(-8)}function Dp(e){return e.name!==void 0&&e.name!==``?e.name:e.firstMessage===``?Ep(e.id):e.firstMessage}var V=class extends v{constructor(...e){super(...e),this.sessions=[],this.statuses={},this.activities={},this.sending={},this.startingCount=0,this.canStart=!1,this.canDeleteArchived=!1,this.canReload=!1,this.canCleanup=!1,this.authoritativeSessionPersistence=!1,this.archivedDeleteUnavailableMessage=`Update and restart Pi-Web on this machine to delete archived sessions.`,this.cleanupUnavailableMessage=`Update and restart Pi-Web on this machine to clean up sessions.`,this.collapsible=!1,this.collapsed=!1,this.menuStyle=``,this.archivedExpanded=!1,this.selectionScopes=new Set,this.selectedSessionIds=new Set,this.onDocumentClick=e=>{e.composedPath().includes(this)||(this.openMenuSessionId=void 0)}}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this.onDocumentClick),super.disconnectedCallback()}updated(e){e.has(`sessions`)&&(this.openMenuSessionId!==void 0&&!this.sessions.some(e=>e.id===this.openMenuSessionId)&&(this.openMenuSessionId=void 0),this.sessions.some(e=>e.archived===!0)||(this.archivedExpanded=!1),this.pruneSelectedSessionIds()),e.has(`collapsed`)&&this.collapsed&&(this.openMenuSessionId=void 0);let t=e.get(`selected`);if(e.has(`selected`)&&this.selected?.archived===!0&&(t?.id!==this.selected.id||t.archived!==!0)&&!this.archivedExpanded){this.archivedExpanded=!0,this.updateComplete.then(()=>{this.scrollSelectedIntoView()});return}(e.has(`selected`)||e.has(`sessions`)||e.has(`collapsed`))&&!this.collapsed&&this.scrollSelectedIntoView()}async focusSelectedOrFirst(){return await this.updateComplete,lp(this.renderRoot,{fallbackSelector:`.section-toggle, h2 button:not([disabled])`})}render(){let e=Mp(this.sessions),t=new Set(e.map(e=>e.session.id)),n=e.map(e=>e.session).filter(e=>Op(e)===`current`),r=Np(this.sessions.filter(e=>e.archived===!0&&!t.has(e.id))),i=Ap(this.sessions);return g`
|
|
838
|
-
<section>
|
|
839
|
-
${this.renderHeading(e.length+r.length,n)}
|
|
840
|
-
${this.collapsed?null:g`
|
|
841
|
-
<div class="list-body">
|
|
842
|
-
${this.renderCurrentSelectionToolbar(n)}
|
|
843
|
-
${this.startingCount>0?this.renderStartingSession():null}
|
|
844
|
-
${e.map(e=>this.renderSession(e,i.get(e.session.id)??0,`current`))}
|
|
845
|
-
${r.length>0?g`
|
|
846
|
-
${this.renderArchivedHeading(r.map(e=>e.session))}
|
|
847
|
-
${this.archivedExpanded?g`
|
|
848
|
-
${this.renderArchivedSelectionToolbar(r.map(e=>e.session))}
|
|
849
|
-
${r.map(e=>this.renderSession(e,i.get(e.session.id)??0,`archived`))}
|
|
850
|
-
`:null}
|
|
851
|
-
`:null}
|
|
852
|
-
</div>
|
|
853
|
-
`}
|
|
854
|
-
</section>
|
|
855
|
-
`}renderHeading(e,t){if(!this.collapsible)return g`
|
|
856
|
-
<h2>
|
|
857
|
-
Sessions
|
|
858
|
-
${this.renderCurrentSelectionButton(t)}
|
|
859
|
-
${this.renderCleanupButton()}
|
|
860
|
-
${this.renderStartButton()}
|
|
861
|
-
</h2>
|
|
862
|
-
`;let n=this.selected===void 0?`No session selected`:Dp(this.selected),r=this.selected?.path??n;return g`
|
|
863
|
-
<h2>
|
|
864
|
-
<button class="section-toggle" aria-expanded=${String(!this.collapsed)} @click=${()=>{this.onToggleCollapsed?.()}}><span class="section-title"><span class="section-name">${this.collapsed?`▸`:`▾`} Sessions</span>${this.collapsed?g`<small class="section-selected" dir="auto" title=${r}>${n}</small>`:null}</span></button>
|
|
865
|
-
${this.renderCurrentSelectionButton(t)}
|
|
866
|
-
<small class="section-count">${e}</small>
|
|
867
|
-
${this.renderCleanupButton()}
|
|
868
|
-
${this.renderStartButton()}
|
|
869
|
-
</h2>
|
|
870
|
-
`}renderCurrentSelectionButton(e){if(this.collapsed||e.length===0)return null;let t=this.selectionScopes.has(`current`);return g`<button class="bulk-select-entry ${t?`selected`:``}" title=${t?`Close current session selection`:`Select current sessions`} aria-label=${t?`Close current session selection`:`Select current sessions`} aria-expanded=${String(t)} aria-pressed=${String(t)} @click=${t=>{t.stopPropagation(),this.toggleSelection(`current`,e)}}>☑</button>`}renderCleanupButton(){return g`<button class="cleanup-entry" title=${this.canCleanup?`Preview session cleanup`:this.cleanupUnavailableMessage} @click=${e=>{e.stopPropagation(),this.onCleanup?.()}}>Clean up</button>`}renderStartButton(){let e=this.startingCount>0?`Start another session`:`Start a new session`;return g`<button class="start-session-button" title=${e} aria-label=${e} ?disabled=${!this.canStart} @click=${e=>{e.stopPropagation(),this.onStart?.()}}>+</button>`}renderStartingSession(){let e=this.startingCount!==1;return g`
|
|
871
|
-
<div class="pending-session-row starting-session" role="status" aria-live="polite">
|
|
872
|
-
<div class="action-main">
|
|
873
|
-
<span class="action-name"><span class="activity-indicator sending" aria-hidden="true"></span>${e?`Starting ${String(this.startingCount)} sessions…`:`Starting session…`}</span>
|
|
874
|
-
<small>Waiting for ${e?`new sessions`:`the new session`} to be created</small>
|
|
875
|
-
</div>
|
|
876
|
-
</div>
|
|
877
|
-
`}renderArchivedHeading(e){let t=this.selectionScopes.has(`archived`);return g`
|
|
878
|
-
<h2 class="subheading">
|
|
879
|
-
<button class="section-toggle" aria-expanded=${String(this.archivedExpanded)} @click=${()=>{this.toggleArchived()}}><span>${this.archivedExpanded?`▾`:`▸`} Archived</span></button>
|
|
880
|
-
${this.archivedExpanded?g`<button class="bulk-select-entry ${t?`selected`:``}" title=${t?`Close archived session selection`:`Select archived sessions`} aria-label=${t?`Close archived session selection`:`Select archived sessions`} aria-expanded=${String(t)} aria-pressed=${String(t)} @click=${()=>{this.toggleSelection(`archived`,e)}}>☑</button>`:null}
|
|
881
|
-
<small class="section-count">${e.length}</small>
|
|
882
|
-
</h2>
|
|
883
|
-
`}renderCurrentSelectionToolbar(e){if(e.length===0||!this.selectionScopes.has(`current`))return null;let t=this.selectedSessions(`current`),n=t.filter(e=>Fs(e,this.statuses[e.id],this.sessionPersistenceOptions())),r=e.length>0&&e.every(e=>this.selectedSessionIds.has(e.id)),i=e.filter(e=>this.selectedSessionIds.has(e.id)).length;return g`
|
|
884
|
-
<div class="bulk-row selecting">
|
|
885
|
-
<button ?disabled=${e.length===0} @click=${()=>{this.toggleVisibleSelection(e,!r)}}>${r?`Clear visible`:`Select visible`}</button>
|
|
886
|
-
<small>${t.length} selected${i===t.length?null:g` · ${i} visible`}</small>
|
|
887
|
-
<button ?disabled=${n.length===0} @click=${()=>{this.archiveSelectedCurrent()}}>Archive selected</button>
|
|
888
|
-
<button @click=${()=>{this.clearSelection(`current`)}}>Clear</button>
|
|
889
|
-
<button @click=${()=>{this.closeSelection(`current`)}}>Done</button>
|
|
890
|
-
</div>
|
|
891
|
-
`}renderArchivedSelectionToolbar(e){if(e.length===0||!this.selectionScopes.has(`archived`))return null;let t=this.selectedSessions(`archived`),n=e.length>0&&e.every(e=>this.selectedSessionIds.has(e.id)),r=e.filter(e=>this.selectedSessionIds.has(e.id)).length;return g`
|
|
892
|
-
<div class="bulk-row selecting">
|
|
893
|
-
<button ?disabled=${e.length===0} @click=${()=>{this.toggleVisibleSelection(e,!n)}}>${n?`Clear visible`:`Select visible`}</button>
|
|
894
|
-
<small>${t.length} selected${r===t.length?null:g` · ${r} visible`}</small>
|
|
895
|
-
<button class="danger" title=${this.canDeleteArchived?`Permanently delete selected archived sessions`:this.archivedDeleteUnavailableMessage} ?disabled=${t.length===0||!this.canDeleteArchived} @click=${()=>{this.confirmDeleteSelectedArchived()}}>Delete selected</button>
|
|
896
|
-
<button @click=${()=>{this.clearSelection(`archived`)}}>Clear</button>
|
|
897
|
-
<button @click=${()=>{this.closeSelection(`archived`)}}>Done</button>
|
|
898
|
-
${this.canDeleteArchived?null:g`<small class="capability-hint">${this.archivedDeleteUnavailableMessage}</small>`}
|
|
899
|
-
</div>
|
|
900
|
-
`}renderSession(e,t,n){let{session:r}=e,i=Math.min(e.depth,2),a=Op(r)===n,o=this.selectionScopes.has(n),s=o&&a,c=s&&this.selectedSessionIds.has(r.id),l=this.statuses[r.id],u=this.activities[r.id],d=this.sessionPersistenceOptions(),f=Fs(r,l,d),p=Is(r,l,d),m=f&&this.canReload;return g`
|
|
901
|
-
<div
|
|
902
|
-
class="action-row ${this.selected?.id===r.id?`selected`:``} ${c?`bulk-selected`:``} ${r.archived===!0?`archived`:``} ${o?`selecting`:``}"
|
|
903
|
-
style=${`--depth:${String(i)}`}
|
|
904
|
-
tabindex="0"
|
|
905
|
-
title=${r.path}
|
|
906
|
-
@click=${e=>{sp(e,()=>{this.activateSessionRow(r,n)})}}
|
|
907
|
-
@keydown=${e=>{this.handleSessionKeydown(e,r,n)}}
|
|
908
|
-
>
|
|
909
|
-
<div class="action-main ${o?`selecting`:``}">
|
|
910
|
-
${s?g`<input class="session-checkbox" type="checkbox" aria-label=${`Select ${Dp(r)}`} .checked=${c} @click=${e=>{e.stopPropagation()}} @change=${()=>{this.toggleSelected(r.id)}}>`:null}
|
|
911
|
-
<span class="action-name" dir="auto">${e.depth>0?g`<span class="tree-marker">↳</span>`:null}${Dp(r)}${e.depth>2?g` <span class="badge">depth ${e.depth}</span>`:null}${e.hasMissingParent?g` <span class="badge">parent unavailable</span>`:null}</span><small>${this.renderSessionMetaPrefix(r,l,u)}${String(r.messageCount)} messages</small>
|
|
912
|
-
${this.renderActivity(r)}
|
|
913
|
-
</div>
|
|
914
|
-
<div class="action-menu">
|
|
915
|
-
<button class="action-menu-toggle" title="Session actions" @click=${e=>{e.stopPropagation(),this.toggleMenu(r.id,e.currentTarget)}}>⋯</button>
|
|
916
|
-
${this.openMenuSessionId===r.id?g`
|
|
917
|
-
<div class="action-menu-panel" style=${this.menuStyle}>
|
|
918
|
-
${r.archived===!0?g`
|
|
919
|
-
<button title="Restore session" @click=${()=>{this.openMenuSessionId=void 0,this.onRestore?.(r)}}>Restore</button>
|
|
920
|
-
<button class="danger" title=${this.canDeleteArchived?`Permanently delete archived session`:this.archivedDeleteUnavailableMessage} ?disabled=${!this.canDeleteArchived} @click=${()=>{this.openMenuSessionId=void 0,this.confirmDeleteArchived(r)}}>Delete archived session</button>
|
|
921
|
-
`:p?g`<button title="Delete transient new session" @click=${()=>{this.openMenuSessionId=void 0,this.onDelete?.(r)}}>Delete</button>`:g`
|
|
922
|
-
${f?g`
|
|
923
|
-
<button title="Archive session" @click=${()=>{this.openMenuSessionId=void 0,this.onArchive?.(r)}}>Archive</button>
|
|
924
|
-
${t>0?g`<button title="Archive this session and its descendants" @click=${()=>{this.openMenuSessionId=void 0,this.confirmArchiveWithDescendants(r,t)}}>Archive with descendants (${t})</button>`:null}
|
|
925
|
-
`:null}
|
|
926
|
-
${r.parentSessionPath===void 0?null:g`<button title="Detach from parent" @click=${()=>{this.openMenuSessionId=void 0,this.onDetachParent?.(r)}}>Detach from parent</button>`}
|
|
927
|
-
${m?g`<button title=${Fi(this.statuses[r.id],this.activities[r.id])?`Stop current session activity before reloading from disk`:`Reload session from disk without refreshing Pi runtime resources`} ?disabled=${Fi(this.statuses[r.id],this.activities[r.id])} @click=${()=>{this.openMenuSessionId=void 0,this.onReload?.(r)}}>Reload from disk</button>`:null}
|
|
928
|
-
`}
|
|
929
|
-
</div>
|
|
930
|
-
`:null}
|
|
931
|
-
</div>
|
|
932
|
-
</div>
|
|
933
|
-
`}handleSessionKeydown(e,t,n){cp(e,{activate:()=>{this.activateSessionRow(t,n)},previousSection:this.onFocusPreviousSection===void 0?void 0:()=>{this.onFocusPreviousSection?.()},nextSection:this.onFocusNextSection===void 0?void 0:()=>{this.onFocusNextSection?.()},cancel:this.onCancelKeyboardNavigation===void 0?void 0:()=>{this.onCancelKeyboardNavigation?.()}})}activateSessionRow(e,t){if(this.selectionScopes.has(t)&&Op(e)===t){this.toggleSelected(e.id);return}this.onSelect?.(e)}confirmArchiveWithDescendants(e,t){let n=t===1?`descendant session`:`descendant sessions`;confirm(`Archive “${Dp(e)}” and ${String(t)} ${n}?`)&&this.onArchiveWithDescendants?.(e)}confirmDeleteArchived(e){this.canDeleteArchived&&confirm(`Permanently delete archived session “${Dp(e)}”? This cannot be undone.`)&&this.onDeleteArchived?.(e)}confirmDeleteSelectedArchived(){if(!this.canDeleteArchived)return;let e=this.selectedSessions(`archived`);if(e.length===0)return;let t=e.length===1?`archived session`:`archived sessions`;confirm(`Permanently delete ${String(e.length)} selected ${t}? This cannot be undone.`)&&(this.selectedSessionIds=kp(this.selectedSessionIds,e.map(e=>e.id)),this.onDeleteArchivedMany?.(e))}archiveSelectedCurrent(){let e=this.selectedSessions(`current`).filter(e=>Fs(e,this.statuses[e.id],this.sessionPersistenceOptions()));this.selectedSessionIds=kp(this.selectedSessionIds,e.map(e=>e.id)),this.onArchiveMany?.(e)}toggleSelection(e,t){if(this.selectionScopes.has(e)){this.closeSelection(e);return}this.startSelection(e,t)}startSelection(e,t){this.selectionScopes=new Set([...this.selectionScopes,e]);let n=t.length===1?t[0]:void 0;n!==void 0&&(this.selectedSessionIds=new Set([...this.selectedSessionIds,n.id]))}closeSelection(e){this.selectionScopes=new Set([...this.selectionScopes].filter(t=>t!==e)),this.clearSelection(e)}clearSelection(e){let t=this.sessions.filter(t=>Op(t)===e).map(e=>e.id);this.selectedSessionIds=kp(this.selectedSessionIds,t)}toggleSelected(e){let t=new Set(this.selectedSessionIds);t.has(e)?t.delete(e):t.add(e),this.selectedSessionIds=t}toggleVisibleSelection(e,t){let n=new Set(this.selectedSessionIds);for(let r of e)t?n.add(r.id):n.delete(r.id);this.selectedSessionIds=n}selectedSessions(e){return this.sessions.filter(t=>this.selectedSessionIds.has(t.id)&&Op(t)===e)}pruneSelectedSessionIds(){let e=new Set(this.sessions.map(e=>e.id)),t=new Set([...this.selectedSessionIds].filter(t=>e.has(t)));t.size!==this.selectedSessionIds.size&&(this.selectedSessionIds=t),this.selectionScopes.has(`archived`)&&!this.sessions.some(e=>e.archived===!0)&&this.closeSelection(`archived`),this.selectionScopes.has(`current`)&&!this.sessions.some(e=>e.archived!==!0)&&this.closeSelection(`current`)}toggleMenu(e,t){if(this.openMenuSessionId===e){this.openMenuSessionId=void 0;return}this.menuStyle=Qf(t,{constrainTo:`viewport`}),this.openMenuSessionId=e}toggleArchived(){this.archivedExpanded=!this.archivedExpanded,this.archivedExpanded||(this.openMenuSessionId=void 0,this.selectionScopes.has(`archived`)&&this.closeSelection(`archived`),this.onArchivedCollapsed?.())}scrollSelectedIntoView(){this.renderRoot.querySelector(`.action-row.selected`)?.scrollIntoView({block:`nearest`})}renderSessionMetaPrefix(e,t,n){return Is(e,t,this.sessionPersistenceOptions())?n?.phase===`active`?`creating · `:n?.phase===`error`?`error · `:`new · `:e.archived===!0?`read-only · `:``}sessionPersistenceOptions(){return{authoritative:this.authoritativeSessionPersistence}}renderActivity(e){let t=jp(e,this.statuses[e.id],this.activities[e.id],this.sending[e.id]===!0);return rp(t,t===`sending`?`Sending message`:`Session active`)}static{this.styles=[yu,h`
|
|
934
|
-
h2 { min-height: 30px; }
|
|
935
|
-
h2 > .section-count { flex: 0 0 auto; display: inline; color: var(--pi-muted); font-size: inherit; }
|
|
936
|
-
.bulk-select-entry { box-sizing: border-box; flex: 0 0 auto; display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; font-size: 13px; line-height: 1; text-transform: none; }
|
|
937
|
-
.start-session-button { box-sizing: border-box; flex: 0 0 auto; display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 9px; }
|
|
938
|
-
.cleanup-entry { flex: 0 0 auto; padding: 5px 7px; font-size: 12px; text-transform: none; }
|
|
939
|
-
.bulk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 6px; }
|
|
940
|
-
.bulk-row button { padding: 5px 7px; font-size: 12px; }
|
|
941
|
-
.bulk-row small { display: inline; min-width: 0; color: var(--pi-muted); }
|
|
942
|
-
.action-name, .section-selected { text-align: start; unicode-bidi: plaintext; }
|
|
943
|
-
.bulk-row .capability-hint { flex: 1 0 100%; color: var(--pi-warning); }
|
|
944
|
-
.bulk-row.selecting { padding: 6px; border: 1px solid var(--pi-border-muted); border-radius: 8px; background: color-mix(in srgb, var(--pi-surface) 65%, transparent); }
|
|
945
|
-
button.danger, .action-menu-panel button.danger { color: var(--pi-danger); }
|
|
946
|
-
button.danger:hover, .action-menu-panel button.danger:hover { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }
|
|
947
|
-
.action-row.bulk-selected .action-main { border-color: var(--pi-accent); box-shadow: inset 3px 0 0 var(--pi-accent); }
|
|
948
|
-
.pending-session-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); margin: 6px 0; cursor: default; }
|
|
949
|
-
.pending-session-row.starting-session .action-main { border-radius: 8px; border-style: dashed; color: var(--pi-muted); }
|
|
950
|
-
.pending-session-row.starting-session .action-name { display: flex; align-items: center; gap: 6px; max-height: none; -webkit-line-clamp: 1; }
|
|
951
|
-
.pending-session-row.starting-session .activity-indicator { flex: 0 0 auto; margin: 0; }
|
|
952
|
-
.action-main.selecting { padding-left: calc(32px + var(--depth, 0) * 16px); }
|
|
953
|
-
.session-checkbox { position: absolute; top: 9px; left: calc(8px + var(--depth, 0) * 16px); z-index: 2; margin: 0; }
|
|
954
|
-
`]}};R([b({attribute:!1})],V.prototype,`sessions`,void 0),R([b({attribute:!1})],V.prototype,`statuses`,void 0),R([b({attribute:!1})],V.prototype,`activities`,void 0),R([b({attribute:!1})],V.prototype,`sending`,void 0),R([b({attribute:!1})],V.prototype,`selected`,void 0),R([b({type:Number})],V.prototype,`startingCount`,void 0),R([b({type:Boolean})],V.prototype,`canStart`,void 0),R([b({type:Boolean})],V.prototype,`canDeleteArchived`,void 0),R([b({type:Boolean})],V.prototype,`canReload`,void 0),R([b({type:Boolean})],V.prototype,`canCleanup`,void 0),R([b({type:Boolean})],V.prototype,`authoritativeSessionPersistence`,void 0),R([b({type:String})],V.prototype,`archivedDeleteUnavailableMessage`,void 0),R([b({type:String})],V.prototype,`cleanupUnavailableMessage`,void 0),R([b({type:Boolean,reflect:!0})],V.prototype,`collapsible`,void 0),R([b({type:Boolean,reflect:!0})],V.prototype,`collapsed`,void 0),R([b({attribute:!1})],V.prototype,`onSelect`,void 0),R([b({attribute:!1})],V.prototype,`onStart`,void 0),R([b({attribute:!1})],V.prototype,`onToggleCollapsed`,void 0),R([b({attribute:!1})],V.prototype,`onArchivedCollapsed`,void 0),R([b({attribute:!1})],V.prototype,`onFocusPreviousSection`,void 0),R([b({attribute:!1})],V.prototype,`onFocusNextSection`,void 0),R([b({attribute:!1})],V.prototype,`onCancelKeyboardNavigation`,void 0),R([b({attribute:!1})],V.prototype,`onArchive`,void 0),R([b({attribute:!1})],V.prototype,`onArchiveWithDescendants`,void 0),R([b({attribute:!1})],V.prototype,`onArchiveMany`,void 0),R([b({attribute:!1})],V.prototype,`onRestore`,void 0),R([b({attribute:!1})],V.prototype,`onDelete`,void 0),R([b({attribute:!1})],V.prototype,`onDeleteArchived`,void 0),R([b({attribute:!1})],V.prototype,`onDeleteArchivedMany`,void 0),R([b({attribute:!1})],V.prototype,`onDetachParent`,void 0),R([b({attribute:!1})],V.prototype,`onReload`,void 0),R([b({attribute:!1})],V.prototype,`onCleanup`,void 0),R([x()],V.prototype,`openMenuSessionId`,void 0),R([x()],V.prototype,`menuStyle`,void 0),R([x()],V.prototype,`archivedExpanded`,void 0),R([x()],V.prototype,`selectionScopes`,void 0),R([x()],V.prototype,`selectedSessionIds`,void 0),V=R([y(`session-list`)],V);function Op(e){return e.archived===!0?`archived`:`current`}function kp(e,t){let n=new Set(t);return new Set([...e].filter(e=>!n.has(e)))}function Ap(e){let t=new Map;for(let n of e){if(n.parentSessionPath===void 0)continue;let e=t.get(n.parentSessionPath)??[];e.push(n),t.set(n.parentSessionPath,e)}let n=(e,r)=>{if(r.has(e.path))return 0;let i=new Set(r);i.add(e.path);let a=0;for(let r of t.get(e.path)??[])i.has(r.path)||(r.archived!==!0&&(a+=1),a+=n(r,i));return a};return new Map(e.map(e=>[e.id,n(e,new Set)]))}function jp(e,t,n,r){if(!(Ca(e)||e.archived===!0))return r?`sending`:Fi(t,n)?`session`:void 0}function Mp(e){let t=new Map(e.map(e=>[e.path,e])),n=new Set;for(let r of e){if(r.archived===!0)continue;n.add(r.id);let e=r.parentSessionPath,i=new Set([r.path]);for(;e!==void 0&&!i.has(e);){i.add(e);let r=t.get(e);if(r===void 0)break;n.add(r.id),e=r.parentSessionPath}}return Np(e.filter(e=>n.has(e.id)))}function Np(e){let t=new Map(e.map(e=>[e.path,e])),n=new Map,r=[];for(let i of e){let e=i.parentSessionPath,a=e===void 0?void 0:t.get(e);if(a===void 0){r.push(i);continue}let o=n.get(a.path)??[];o.push(i),n.set(a.path,o)}let i=[],a=(e,r,o)=>{if(o.has(e.path))return;let s=e.parentSessionPath;i.push({session:e,depth:r,hasMissingParent:s!==void 0&&!t.has(s)});let c=new Set(o);c.add(e.path);for(let t of n.get(e.path)??[])a(t,r+1,c)};for(let e of r)a(e,0,new Set);return i}var H=class extends v{constructor(...e){super(...e),this.canCleanup=!0,this.unavailableMessage=`Update and restart Pi-Web on this machine to clean up sessions.`,this.loading=!1,this.running=!1,this.error=``,this.draft={...Cl},this.formError=``}willUpdate(e){e.has(`preview`)&&(this.selectedProjectCwds=this.preview?.projects.map(e=>e.cwd))}render(){let e=wl(this.draft),t=this.selectedPreview(),n=El({canCleanup:this.canCleanup,draft:this.draft,preview:t,previewRequest:this.previewRequest,loading:this.loading,running:this.running}),r=n?`Run cleanup`:t!==void 0&&!Dl(t)?`Select at least one project to run cleanup`:`Preview cleanup before running it`;return g`
|
|
955
|
-
<div class="backdrop" @mousedown=${()=>{this.onClose?.()}}>
|
|
956
|
-
<section role="dialog" aria-modal="true" aria-label="Clean up sessions" @mousedown=${e=>{e.stopPropagation()}} @keydown=${e=>{this.handleKeyDown(e)}}>
|
|
957
|
-
<header>
|
|
958
|
-
<div>
|
|
959
|
-
<span class="eyebrow">Sessions</span>
|
|
960
|
-
<h1>Clean up sessions</h1>
|
|
961
|
-
</div>
|
|
962
|
-
<button class="close-button" title="Close cleanup" aria-label="Close cleanup" @click=${()=>{this.onClose?.()}}>×</button>
|
|
963
|
-
</header>
|
|
964
|
-
<div class="body">
|
|
965
|
-
<p class="intro">Preview manual cleanup for this machine before archiving idle sessions or permanently deleting old archived sessions.</p>
|
|
966
|
-
${this.canCleanup?this.renderForm(e.ok?``:e.error):this.renderUnavailable()}
|
|
967
|
-
${this.renderMessage()}
|
|
968
|
-
${this.preview===void 0?null:this.renderPreview(this.preview)}
|
|
969
|
-
${this.result===void 0?null:this.renderResult(this.result)}
|
|
970
|
-
</div>
|
|
971
|
-
<footer>
|
|
972
|
-
<button @click=${()=>{this.onClose?.()}}>${this.result===void 0?`Cancel`:`Close`}</button>
|
|
973
|
-
<button ?disabled=${!this.canCleanup||this.loading||this.running} @click=${()=>{this.previewCleanup()}}>${this.loading?`Previewing…`:`Preview`}</button>
|
|
974
|
-
<button class="danger" ?disabled=${!n} title=${r} @click=${()=>{this.runCleanup()}}>${this.running?`Running…`:`Run cleanup`}</button>
|
|
975
|
-
</footer>
|
|
976
|
-
</section>
|
|
977
|
-
</div>
|
|
978
|
-
`}renderForm(e){let t=this.loading||this.running,n=wl(this.draft),r=this.preview!==void 0&&n.ok&&Tl(n.request)!==Tl(this.previewRequest)&&Dl(this.preview);return g`
|
|
979
|
-
<fieldset ?disabled=${t}>
|
|
980
|
-
<label class="toggle-row">
|
|
981
|
-
<input type="checkbox" .checked=${this.draft.archiveIdleEnabled} @change=${e=>{this.updateDraft({archiveIdleEnabled:Pp(e)})}}>
|
|
982
|
-
<span>Archive non-archived sessions idle for more than</span>
|
|
983
|
-
<input class="days" type="number" min="0" step="1" inputmode="numeric" .value=${this.draft.archiveIdleDays} ?disabled=${t||!this.draft.archiveIdleEnabled} @input=${e=>{this.updateDraft({archiveIdleDays:Fp(e)})}}>
|
|
984
|
-
<span>days</span>
|
|
985
|
-
</label>
|
|
986
|
-
<label class="toggle-row delete-row">
|
|
987
|
-
<input type="checkbox" .checked=${this.draft.deleteArchivedEnabled} @change=${e=>{this.updateDraft({deleteArchivedEnabled:Pp(e)})}}>
|
|
988
|
-
<span>Delete archived sessions archived for more than</span>
|
|
989
|
-
<input class="days" type="number" min="0" step="1" inputmode="numeric" .value=${this.draft.deleteArchivedDays} ?disabled=${t||!this.draft.deleteArchivedEnabled} @input=${e=>{this.updateDraft({deleteArchivedDays:Fp(e)})}}>
|
|
990
|
-
<span>days</span>
|
|
991
|
-
</label>
|
|
992
|
-
</fieldset>
|
|
993
|
-
<p class="warning"><strong>Deletion is permanent.</strong> Cleanup only deletes sessions that are already archived.</p>
|
|
994
|
-
${e===``?null:g`<div class="dialog-error" role="alert">${e}</div>`}
|
|
995
|
-
${r?g`<div class="hint" role="status">Thresholds changed. Preview again before running cleanup.</div>`:null}
|
|
996
|
-
`}renderUnavailable(){return g`<div class="unavailable" role="status">${this.unavailableMessage}</div>`}renderMessage(){let e=this.formError||this.error;return e===``?null:g`<div class="dialog-error" role="alert">${e}</div>`}renderPreview(e){let t=this.selectedProjectCwdsForPreview(),n=new Set(t),r=kl(e,t);return g`
|
|
997
|
-
<section class="preview" aria-label="Cleanup preview">
|
|
998
|
-
<h2>Preview</h2>
|
|
999
|
-
${e.projects.length===0?g`<p class="empty">No sessions match these thresholds.</p>`:g`
|
|
1000
|
-
${this.renderSelectionControls(e,t)}
|
|
1001
|
-
<div class="table-scroll" tabindex="0" aria-label="Cleanup projects table">
|
|
1002
|
-
<table>
|
|
1003
|
-
<thead>
|
|
1004
|
-
<tr><th>Clean up</th><th>Project/workspace path</th><th>Archive</th><th>Delete archived</th></tr>
|
|
1005
|
-
</thead>
|
|
1006
|
-
<tbody>
|
|
1007
|
-
${e.projects.map(e=>this.renderProjectRow(e,n.has(e.cwd)))}
|
|
1008
|
-
</tbody>
|
|
1009
|
-
<tfoot>
|
|
1010
|
-
<tr><th colspan="2">Selected totals</th><td>${r.totals.archiveCount}</td><td>${r.totals.deleteCount}</td></tr>
|
|
1011
|
-
</tfoot>
|
|
1012
|
-
</table>
|
|
1013
|
-
</div>
|
|
1014
|
-
`}
|
|
1015
|
-
${e.skippedBusySessionIds===void 0||e.skippedBusySessionIds.length===0?null:g`<p class="hint">${e.skippedBusySessionIds.length} busy ${e.skippedBusySessionIds.length===1?`session was`:`sessions were`} skipped.</p>`}
|
|
1016
|
-
</section>
|
|
1017
|
-
`}renderSelectionControls(e,t){let n=this.loading||this.running;return g`
|
|
1018
|
-
<div class="selection-controls" role="group" aria-label="Project selection">
|
|
1019
|
-
<span>${t.length} of ${e.projects.length} projects selected</span>
|
|
1020
|
-
<button ?disabled=${n||t.length===e.projects.length} @click=${()=>{this.selectAllProjects()}}>Select all</button>
|
|
1021
|
-
<button ?disabled=${n||t.length===0} @click=${()=>{this.deselectAllProjects()}}>Deselect all</button>
|
|
1022
|
-
</div>
|
|
1023
|
-
${t.length===0?g`<p class="hint" role="status">Select at least one project to run cleanup.</p>`:null}
|
|
1024
|
-
`}renderProjectRow(e,t){return g`
|
|
1025
|
-
<tr class=${t?``:`unselected`}>
|
|
1026
|
-
<td class="select-cell"><input type="checkbox" aria-label=${`Clean up ${e.cwd}`} .checked=${t} ?disabled=${this.running} @change=${t=>{this.setProjectSelected(e.cwd,Pp(t))}}></td>
|
|
1027
|
-
<th title=${e.cwd} dir="auto">${e.cwd}</th>
|
|
1028
|
-
<td>${e.archiveCount}</td>
|
|
1029
|
-
<td>${e.deleteCount}</td>
|
|
1030
|
-
</tr>
|
|
1031
|
-
`}renderResult(e){return g`
|
|
1032
|
-
<section class="result" aria-label="Cleanup result">
|
|
1033
|
-
<h2>Cleanup complete</h2>
|
|
1034
|
-
<p>Archived ${e.archivedSessionIds.length} ${e.archivedSessionIds.length===1?`session`:`sessions`}; permanently deleted ${e.deletedSessionIds.length} archived ${e.deletedSessionIds.length===1?`session`:`sessions`}.</p>
|
|
1035
|
-
</section>
|
|
1036
|
-
`}updateDraft(e){this.draft={...this.draft,...e},this.formError=``}selectedPreview(){return this.preview===void 0?void 0:kl(this.preview,this.selectedProjectCwdsForPreview())}selectedProjectCwdsForPreview(){return this.preview===void 0?[]:Ol(this.preview,this.selectedProjectCwds)}selectAllProjects(){this.selectedProjectCwds=this.preview?.projects.map(e=>e.cwd)??[],this.formError=``}deselectAllProjects(){this.selectedProjectCwds=[],this.formError=``}setProjectSelected(e,t){let n=this.preview;if(n===void 0)return;let r=new Set(this.selectedProjectCwdsForPreview());t?r.add(e):r.delete(e),this.selectedProjectCwds=n.projects.map(e=>e.cwd).filter(e=>r.has(e)),this.formError=``}previewCleanup(){let e=wl(this.draft);if(!e.ok){this.formError=e.error;return}this.formError=``,this.onPreview?.(e.request)}runCleanup(){let e=wl(this.draft);if(!e.ok){this.formError=e.error;return}let t=this.selectedPreview(),n=this.selectedProjectCwdsForPreview();if(!El({canCleanup:this.canCleanup,draft:this.draft,preview:t,previewRequest:this.previewRequest})){this.formError=t!==void 0&&!Dl(t)?`Select at least one project to run cleanup.`:`Preview cleanup before running it.`;return}t===void 0||!Al(t,e=>confirm(e))||(this.formError=``,this.onRun?.({...e.request,projectCwds:n}))}handleKeyDown(e){e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),this.onClose?.())}static{this.styles=h`
|
|
1037
|
-
:host { position: fixed; inset: 0; z-index: 30; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
1038
|
-
.backdrop { box-sizing: border-box; width: 100%; height: 100dvh; display: grid; place-items: center; padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); background: var(--pi-overlay); overflow: hidden; }
|
|
1039
|
-
section[role="dialog"] { width: min(760px, 100%); max-height: min(760px, 100%); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; border: 1px solid var(--pi-border); border-radius: 14px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
1040
|
-
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--pi-border); }
|
|
1041
|
-
footer { border-top: 1px solid var(--pi-border); border-bottom: 0; justify-content: end; }
|
|
1042
|
-
.body { min-height: 0; overflow: auto; display: grid; gap: 14px; padding: 16px; }
|
|
1043
|
-
.eyebrow { display: block; color: var(--pi-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
|
|
1044
|
-
h1, h2, p { margin: 0; }
|
|
1045
|
-
h1 { font-size: 20px; line-height: 1.2; }
|
|
1046
|
-
h2 { font-size: 15px; }
|
|
1047
|
-
.intro, .hint, .empty { color: var(--pi-muted); }
|
|
1048
|
-
fieldset { margin: 0; padding: 0; border: 0; display: grid; gap: 10px; }
|
|
1049
|
-
.toggle-row { display: grid; grid-template-columns: auto minmax(0, max-content) 88px auto; align-items: center; gap: 8px; color: var(--pi-text); }
|
|
1050
|
-
input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--pi-accent); }
|
|
1051
|
-
input.days { box-sizing: border-box; width: 88px; min-width: 0; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 8px 9px; font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); }
|
|
1052
|
-
input.days:disabled { opacity: .55; }
|
|
1053
|
-
.warning, .unavailable, .dialog-error, .result { border: 1px solid var(--pi-border); border-radius: 10px; padding: 10px 12px; }
|
|
1054
|
-
.warning { border-color: var(--pi-warning-border); background: var(--pi-warning-surface); color: var(--pi-text); }
|
|
1055
|
-
.unavailable { border-color: var(--pi-warning-border); background: var(--pi-warning-surface); color: var(--pi-warning); }
|
|
1056
|
-
.dialog-error { border-color: var(--pi-danger); background: color-mix(in srgb, var(--pi-danger) 10%, var(--pi-bg)); color: var(--pi-danger); }
|
|
1057
|
-
.result { border-color: var(--pi-success-border); background: var(--pi-success-bg); }
|
|
1058
|
-
.preview { display: grid; gap: 10px; min-width: 0; }
|
|
1059
|
-
.selection-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
|
1060
|
-
.selection-controls span { color: var(--pi-muted); }
|
|
1061
|
-
.selection-controls button { padding: 5px 7px; font-size: 12px; }
|
|
1062
|
-
.table-scroll { max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; border: 1px solid var(--pi-border); border-radius: 10px; }
|
|
1063
|
-
table { width: 100%; min-width: 620px; border-collapse: collapse; }
|
|
1064
|
-
th, td { border-bottom: 1px solid var(--pi-border-muted); padding: 8px 10px; text-align: right; }
|
|
1065
|
-
thead th:first-child, td.select-cell { width: 72px; text-align: center; }
|
|
1066
|
-
th:nth-child(2), td:nth-child(2) { text-align: left; }
|
|
1067
|
-
tbody tr.unselected { opacity: .58; }
|
|
1068
|
-
tbody th { max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 500; }
|
|
1069
|
-
tfoot th, tfoot td { border-bottom: 0; font-weight: 700; }
|
|
1070
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; font: inherit; cursor: pointer; }
|
|
1071
|
-
button:disabled { opacity: .5; cursor: not-allowed; }
|
|
1072
|
-
button.danger { color: var(--pi-danger); }
|
|
1073
|
-
button.danger:not(:disabled):hover { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }
|
|
1074
|
-
.close-button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; background: transparent; color: var(--pi-muted); padding: 0; font-size: 24px; }
|
|
1075
|
-
.close-button:hover, .close-button:focus { color: var(--pi-text); background: var(--pi-surface-hover); }
|
|
1076
|
-
|
|
1077
|
-
@media (max-width: 680px) {
|
|
1078
|
-
.backdrop { padding: 0; place-items: stretch; }
|
|
1079
|
-
section[role="dialog"] { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
|
|
1080
|
-
.toggle-row { grid-template-columns: auto minmax(0, 1fr); }
|
|
1081
|
-
.toggle-row input.days { grid-column: 2; }
|
|
1082
|
-
.toggle-row span:last-child { grid-column: 2; }
|
|
1083
|
-
table { min-width: 560px; }
|
|
1084
|
-
thead th:first-child, td.select-cell { width: 58px; }
|
|
1085
|
-
}
|
|
1086
|
-
`}};R([b({type:Boolean})],H.prototype,`canCleanup`,void 0),R([b({type:String})],H.prototype,`unavailableMessage`,void 0),R([b({attribute:!1})],H.prototype,`preview`,void 0),R([b({attribute:!1})],H.prototype,`previewRequest`,void 0),R([b({attribute:!1})],H.prototype,`result`,void 0),R([b({type:Boolean})],H.prototype,`loading`,void 0),R([b({type:Boolean})],H.prototype,`running`,void 0),R([b({type:String})],H.prototype,`error`,void 0),R([b({attribute:!1})],H.prototype,`onPreview`,void 0),R([b({attribute:!1})],H.prototype,`onRun`,void 0),R([b({attribute:!1})],H.prototype,`onClose`,void 0),R([x()],H.prototype,`draft`,void 0),R([x()],H.prototype,`formError`,void 0),R([x()],H.prototype,`selectedProjectCwds`,void 0),H=R([y(`session-cleanup-dialog`)],H);function Pp(e){return e.target instanceof HTMLInputElement&&e.target.checked}function Fp(e){return e.target instanceof HTMLInputElement?e.target.value:``}var Ip={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Lp=e=>(...t)=>({_$litDirective$:e,values:t}),Rp=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}},{I:zp}=lt,Bp=e=>e,Vp=()=>document.createComment(``),Hp=(e,t,n)=>{let r=e._$AA.parentNode,i=t===void 0?e._$AB:t._$AA;if(n===void 0)n=new zp(r.insertBefore(Vp(),i),r.insertBefore(Vp(),i),e,e.options);else{let t=n._$AB.nextSibling,a=n._$AM,o=a!==e;if(o){let t;n._$AQ?.(e),n._$AM=e,n._$AP!==void 0&&(t=e._$AU)!==a._$AU&&n._$AP(t)}if(t!==i||o){let e=n._$AA;for(;e!==t;){let t=Bp(e).nextSibling;Bp(r).insertBefore(e,i),e=t}}}return n},Up=(e,t,n=e)=>(e._$AI(t,n),e),Wp={},Gp=(e,t=Wp)=>e._$AH=t,Kp=e=>e._$AH,qp=e=>{e._$AR(),e._$AA.remove()},Jp=(e,t,n)=>{let r=new Map;for(let i=t;i<=n;i++)r.set(e[i],i);return r},Yp=Lp(class extends Rp{constructor(e){if(super(e),e.type!==Ip.CHILD)throw Error(`repeat() can only be used in text expressions`)}dt(e,t,n){let r;n===void 0?n=t:t!==void 0&&(r=t);let i=[],a=[],o=0;for(let t of e)i[o]=r?r(t,o):o,a[o]=n(t,o),o++;return{values:a,keys:i}}render(e,t,n){return this.dt(e,t,n).values}update(e,[t,n,r]){let i=Kp(e),{values:a,keys:o}=this.dt(t,n,r);if(!Array.isArray(i))return this.ut=o,a;let s=this.ut??=[],c=[],l,u,d=0,f=i.length-1,p=0,m=a.length-1;for(;d<=f&&p<=m;)if(i[d]===null)d++;else if(i[f]===null)f--;else if(s[d]===o[p])c[p]=Up(i[d],a[p]),d++,p++;else if(s[f]===o[m])c[m]=Up(i[f],a[m]),f--,m--;else if(s[d]===o[m])c[m]=Up(i[d],a[m]),Hp(e,c[m+1],i[d]),d++,m--;else if(s[f]===o[p])c[p]=Up(i[f],a[p]),Hp(e,i[d],i[f]),f--,p++;else if(l===void 0&&(l=Jp(o,p,m),u=Jp(s,d,f)),l.has(s[d]))if(l.has(s[f])){let t=u.get(o[p]),n=t===void 0?null:i[t];if(n===null){let t=Hp(e,i[d]);Up(t,a[p]),c[p]=t}else c[p]=Up(n,a[p]),Hp(e,i[d],n),i[t]=null;p++}else qp(i[f]),f--;else qp(i[d]),d++;for(;p<=m;){let t=Hp(e,c[m+1]);Up(t,a[p]),c[p++]=t}for(;d<=f;){let e=i[d++];e!==null&&qp(e)}return this.ut=o,Gp(e,c),Ye}}),Xp=`pi-web:chat-groups:`,Zp={read(e){try{if(typeof localStorage>`u`)return;let t=localStorage.getItem($p(e));return t===null||t===``?void 0:em(JSON.parse(t))}catch{return}},write(e,t){try{if(typeof localStorage>`u`)return;localStorage.setItem($p(e),JSON.stringify(t))}catch{}}},Qp=class{constructor(e=Zp){this.storage=e,this.sessionId=``,this.openGroupKeys=new Set,this.closedDefaultOpenGroupKeys=new Set}syncSession(e){if(this.sessionId===e)return;this.sessionId=e;let t=e===``?void 0:this.storage.read(e);this.openGroupKeys=new Set(t?.open??[]),this.closedDefaultOpenGroupKeys=new Set(t?.closedDefaultOpen??[])}isOpen(e,t){return t?!this.closedDefaultOpenGroupKeys.has(e):this.openGroupKeys.has(e)}applyToggle(e,t,n){let r=this.isOpen(e,n),i=new Set(this.openGroupKeys),a=new Set(this.closedDefaultOpenGroupKeys);return n?(i.delete(e),t?a.delete(e):a.add(e)):(a.delete(e),t?i.add(e):i.delete(e)),(n?!a.has(e):i.has(e))===r&&nm(i,this.openGroupKeys)&&nm(a,this.closedDefaultOpenGroupKeys)?!1:(this.openGroupKeys=i,this.closedDefaultOpenGroupKeys=a,this.persist(),!0)}snapshot(){return{open:[...this.openGroupKeys],closedDefaultOpen:[...this.closedDefaultOpenGroupKeys]}}persist(){this.sessionId!==``&&this.storage.write(this.sessionId,this.snapshot())}};function $p(e){return`${Xp}${e}`}function em(e){if(Array.isArray(e))return{open:tm(e),closedDefaultOpen:[]};if(rm(e))return{open:Array.isArray(e.open)?tm(e.open):[],closedDefaultOpen:Array.isArray(e.closedDefaultOpen)?tm(e.closedDefaultOpen):[]}}function tm(e){return e.filter(e=>typeof e==`string`)}function nm(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function rm(e){return typeof e==`object`&&!!e}function im(e,t=0){let n=[],r=[],i=0,a=(e,t)=>{r.length||(i=t),r.push(e)},o=()=>{r.length&&(n.push({kind:`group`,messages:r,startIndex:i,endIndex:i+r.length-1}),r=[])};return e.forEach((e,r)=>{let i=e.parts.filter(t=>om(e,t)),s=e.parts.filter(t=>!om(e,t)),c=t+r,l={...e.source===void 0?{}:{source:e.source},...e.meta===void 0?{}:{meta:e.meta}};if(s.length&&a({role:e.role,parts:s,...l},c),i.length){o();let t=i.every(e=>e.type===`skillRead`)?`skill`:e.role;n.push({kind:`message`,message:{role:t,parts:i,...l},index:c})}}),o(),n}function am(e){if(e.every(e=>e.source===`compaction`))return`${String(e.length)} history compaction ${e.length===1?`summary`:`summaries`}`;if(e.every(e=>e.source===`branch_summary`))return`${String(e.length)} branch ${e.length===1?`summary`:`summaries`}`;let t=e.reduce((e,t)=>(e[t.role]=(e[t.role]??0)+1,e),{}),n=Object.entries(t).map(([e,t])=>`${String(t)} ${e}`).join(` · `);return`${String(e.length)} ${e.length===1?`event`:`events`}${n===``?``:` · ${n}`}`}function om(e,t){return e.source===`compaction`||e.source===`branch_summary`?!1:t.type===`skillInvocation`||t.type===`skillRead`||t.type===`text`&&(e.role===`user`||e.role===`assistant`||e.role===`system`||e.role===`bash`)}async function sm(e,t=cm()){if(!t.isSecureContext)return t.fallbackWriteText(e);if(t.writeText!==void 0)try{return await t.writeText(e),!0}catch{return t.fallbackWriteText(e)}return t.fallbackWriteText(e)}function cm(){let e=e=>dm(e),t=um();return t===void 0?{isSecureContext:lm(),fallbackWriteText:e}:{isSecureContext:lm(),writeText:t,fallbackWriteText:e}}function lm(){return typeof window<`u`&&window.isSecureContext}function um(){if(!(typeof navigator>`u`||!(`clipboard`in navigator)))return navigator.clipboard.writeText.bind(navigator.clipboard)}function dm(e){if(typeof document>`u`)return!1;let t=document.activeElement,n=document.getSelection(),r=n===null?[]:fm(n),i=document.createElement(`textarea`);i.value=e,i.readOnly=!0,i.setAttribute(`aria-hidden`,`true`),i.style.position=`fixed`,i.style.top=`0`,i.style.left=`-9999px`,i.style.width=`1px`,i.style.height=`1px`,i.style.padding=`0`,i.style.border=`0`,i.style.opacity=`0`,i.style.pointerEvents=`none`,document.body.append(i),i.focus(),i.select(),i.setSelectionRange(0,i.value.length);try{return document.execCommand(`copy`)}catch{return!1}finally{i.remove(),pm(n,r),mm(t)}}function fm(e){let t=[];for(let n=0;n<e.rangeCount;n+=1)t.push(e.getRangeAt(n));return t}function pm(e,t){if(e!==null)try{e.removeAllRanges();for(let n of t)e.addRange(n)}catch{}}function mm(e){if(!(typeof HTMLElement>`u`||!(e instanceof HTMLElement)))try{e.focus({preventScroll:!0})}catch{e.focus()}}function hm(e,t){let n=_m(bm(e,t)),r={distanceFromBottom:e.scrollHeight-e.scrollTop};return n===void 0?r:{...r,markerId:n.id,markerOffset:n.offset}}function gm(e,t,n){if(n!==void 0&&t.markerOffset!==void 0){let r=n.getBoundingClientRect().top-e.getBoundingClientRect().top;e.scrollTop+=vm(r,t.markerOffset);return}e.scrollTop=ym(e.scrollHeight,t.distanceFromBottom)}function _m(e){let t,n=-1/0,r,i=1/0;for(let a of e)a.offset<=0&&a.offset>=n?(t=a,n=a.offset):a.offset>0&&a.offset<i&&(r=a,i=a.offset);return t??r}function vm(e,t){return e-t}function ym(e,t){return Math.max(0,e-t)}function bm(e,t){let n=e.getBoundingClientRect().top;return t.flatMap(e=>{let t=e.dataset.markerId;return t===void 0?[]:[{id:t,offset:e.getBoundingClientRect().top-n}]})}var xm=600,Sm=1;function Cm(e){return!e.hasMore||e.loadingMore||!e.canRequest||e.clientHeight<=0?!1:wm(e)||Tm(e)}function wm(e){return e.scrollTop<(e.topThreshold??Math.max(xm,e.clientHeight))}function Tm(e){return e.scrollHeight<=e.clientHeight+Sm}var Em=`pi-web:chat-scroll:`,Dm=180,Om=48,km=2,Am={getItem(e){return typeof localStorage>`u`?null:localStorage.getItem(e)},setItem(e,t){typeof localStorage>`u`||localStorage.setItem(e,t)},removeItem(e){typeof localStorage>`u`||localStorage.removeItem(e)}},jm={setTimeout(e,t){return window.setTimeout(e,t)},clearTimeout(e){window.clearTimeout(e)}},Mm=class{constructor(e=Am,t=jm){this.storage=e,this.scheduler=t}dispose(){this.clearScheduledSave()}clearScheduledSave(){this.saveTimer!==void 0&&(this.scheduler.clearTimeout(this.saveTimer),this.saveTimer=void 0)}scheduleSave(e,t,n=Dm){this.clearScheduledSave(),this.saveTimer=this.scheduler.setTimeout(()=>{this.saveTimer=void 0,t(e)},n)}savePosition(e,t,n,r=km){if(e===``||t===void 0||!Fm(t))return`skipped`;try{if(Lm(t,r))return this.storage.setItem(Nm(e),JSON.stringify({mode:`bottom`})),`saved`;let i=zm(t,n);if(i===void 0)return`skipped`;let a=Rm(t,i);return this.storage.setItem(Nm(e),JSON.stringify(a)),`saved`}catch{return`skipped`}}restorePosition(e,t,n,r){let i=this.readPosition(e);return i===void 0?this.scrollToBottom(t):this.restoreExplicitPosition(i,t,n,r)}restoreExplicitPosition(e,t,n,r){if(e.mode===`bottom`)return this.scrollToBottom(t);if(t===void 0||!Fm(t))return{status:`skipped`};let i=Vm(n,e.anchorId);if(i===void 0)return r?.fallbackToBottom===!1?{status:`missing`,position:e}:this.scrollToBottom(t);let a=t.getBoundingClientRect().top,o=i.getBoundingClientRect().top-a;return t.scrollTop+=o-e.offset,{status:`restored`}}readPosition(e){if(e!==``)try{let t=this.storage.getItem(Nm(e));if(t===null||t===``)return;let n=JSON.parse(t);return Pm(n)?n:void 0}catch{return}}scrollToBottom(e){return e===void 0||!Fm(e)?{status:`skipped`}:(e.scrollTop=e.scrollHeight,{status:`bottom`})}};function Nm(e){return`${Em}${e}`}function Pm(e){return typeof e!=`object`||!e||!(`mode`in e)?!1:e.mode===`bottom`||e.mode===`anchor`&&`anchorId`in e&&typeof e.anchorId==`string`&&e.anchorId!==``&&`offset`in e&&typeof e.offset==`number`}function Fm(e){return e.clientHeight>0&&e.scrollHeight>0}function Im(e){return e.scrollHeight-e.scrollTop-e.clientHeight}function Lm(e,t=Om){return Im(e)<t}function Rm(e,t){let n=e.getBoundingClientRect().top;return{mode:`anchor`,anchorId:Hm(t)??``,offset:t.getBoundingClientRect().top-n}}function zm(e,t){let n=e.getBoundingClientRect(),r,i=-1/0,a,o=1/0;for(let e of t){if(Hm(e)===void 0)continue;let t=e.getBoundingClientRect();if(t.bottom<=t.top||t.bottom<n.top||t.top>n.bottom)continue;let s=t.top-n.top;s<=0&&s>=i?(r=e,i=s):s>0&&s<o&&(a=e,o=s)}return r??a}function Bm(e,t){let n=e.getBoundingClientRect();return t.find(e=>{let t=e.getBoundingClientRect();return t.bottom>=n.top&&t.top<=n.bottom})}function Vm(e,t){return e.find(e=>Hm(e)===t)}function Hm(e){return e.dataset.scrollAnchorId!==void 0&&e.dataset.scrollAnchorId!==``?e.dataset.scrollAnchorId:void 0}var Um=class extends v{constructor(...e){super(...e),this.positionPercent=0,this.loadedPercent=100}render(){let e=Wm(this.positionPercent),t=Wm(this.loadedPercent),n=`Message position: about ${String(Math.round(e))}% through conversation. ${String(Math.round(t))}% of messages loaded.`;return g`
|
|
1087
|
-
<div
|
|
1088
|
-
class="meter"
|
|
1089
|
-
style=${`--position:${e.toFixed(2)}%;`}
|
|
1090
|
-
role="meter"
|
|
1091
|
-
aria-label=${n}
|
|
1092
|
-
aria-valuemin="0"
|
|
1093
|
-
aria-valuemax="100"
|
|
1094
|
-
aria-valuenow=${String(Math.round(e))}
|
|
1095
|
-
title=${n}
|
|
1096
|
-
>
|
|
1097
|
-
<div class="track" aria-hidden="true">
|
|
1098
|
-
<div class="progress"></div>
|
|
1099
|
-
<div class="marker"></div>
|
|
1100
|
-
</div>
|
|
1101
|
-
</div>
|
|
1102
|
-
`}static{this.styles=h`
|
|
1103
|
-
:host { position: absolute; top: -4px; left: 16px; right: 16px; z-index: 6; display: block; height: 12px; opacity: .58; transition: opacity .15s ease; }
|
|
1104
|
-
:host(:hover), :host(:focus-within) { opacity: .92; }
|
|
1105
|
-
.meter { height: 100%; }
|
|
1106
|
-
.track { position: relative; height: 4px; margin-top: 4px; border-radius: 999px; background: color-mix(in srgb, var(--pi-border-muted) 34%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pi-bg) 55%, transparent); }
|
|
1107
|
-
.progress { position: absolute; left: 0; width: var(--position); top: 0; bottom: 0; border-radius: 999px; background: color-mix(in srgb, var(--pi-accent) 42%, var(--pi-border-muted)); }
|
|
1108
|
-
.marker { position: absolute; left: var(--position); top: 50%; width: 10px; height: 10px; border: 2px solid var(--pi-bg); border-radius: 50%; background: var(--pi-accent); box-shadow: 0 2px 8px var(--pi-shadow); transform: translate(-50%, -50%); }
|
|
1109
|
-
`}};R([b({type:Number})],Um.prototype,`positionPercent`,void 0),R([b({type:Number})],Um.prototype,`loadedPercent`,void 0),Um=R([y(`conversation-meter`)],Um);function Wm(e){return Number.isFinite(e)?Math.min(100,Math.max(0,e)):0}var Gm=class extends Rp{constructor(e){if(super(e),this.it=_,e.type!==Ip.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(e){if(e===_||e==null)return this._t=void 0,this.it=e;if(e===Ye)return e;if(typeof e!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};Gm.directiveName=`unsafeHTML`,Gm.resultType=1;var Km=Lp(Gm);function qm(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}var Jm=qm();function Ym(e){Jm=e}var Xm={exec:()=>null};function Zm(e){let t=[];return n=>{let r=Math.max(0,Math.min(3,n-1)),i=t[r];return i||(i=e(r),t[r]=i),i}}function U(e,t=``){let n=typeof e==`string`?e:e.source,r={replace:(e,t)=>{let i=typeof t==`string`?t:t.source;return i=i.replace(W.caret,`$1`),n=n.replace(e,i),r},getRegex:()=>new RegExp(n,t)};return r}var Qm=((e=``)=>{try{return!!RegExp(`(?<=1)(?<!1)`+e)}catch{return!1}})(),W={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] +\S/,listReplaceTask:/^\[[ xX]\] +/,listTaskCheckbox:/\[[ xX]\]/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^<a /i,endATag:/^<\/a>/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^</,endAngleBracket:/>$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:e=>RegExp(`^( {0,3}${e})((?:[ ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:Zm(e=>RegExp(`^ {0,${e}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`)),hrRegex:Zm(e=>RegExp(`^ {0,${e}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`)),fencesBeginRegex:Zm(e=>RegExp(`^ {0,${e}}(?:\`\`\`|~~~)`)),headingBeginRegex:Zm(e=>RegExp(`^ {0,${e}}#`)),htmlBeginRegex:Zm(e=>RegExp(`^ {0,${e}}<(?:[a-z].*>|!--)`,`i`)),blockquoteBeginRegex:Zm(e=>RegExp(`^ {0,${e}}>`))},$m=/^(?:[ \t]*(?:\n|$))+/,eh=/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,th=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,nh=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,rh=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,ih=/ {0,3}(?:[*+-]|\d{1,9}[.)])/,ah=/^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,oh=U(ah).replace(/bull/g,ih).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/\|table/g,``).getRegex(),sh=U(ah).replace(/bull/g,ih).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/table/g,/ {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(),ch=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,lh=/^[^\n]+/,uh=/(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/,dh=U(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace(`label`,uh).replace(`title`,/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),fh=U(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g,ih).getRegex(),ph=`address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul`,mh=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,hh=U(`^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n+|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n+|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n+|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$))`,`i`).replace(`comment`,mh).replace(`tag`,ph).replace(`attribute`,/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),gh=e=>U(ch).replace(`hr`,nh).replace(`heading`,` {0,3}#{1,6}(?:\\s|$)`).replace(`|lheading`,``).replace(`|table`,``).replace(`blockquote`,` {0,3}>`).replace(`fences`," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace(`list`,e).replace(`html`,`</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)`).replace(`tag`,ph).getRegex(),_h=gh(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/),vh=gh(/ {0,3}(?:[*+-]|\d{1,9}[.)])[ \t]+[^ \t\n]/),yh={blockquote:U(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace(`paragraph`,vh).getRegex(),code:eh,def:dh,fences:th,heading:rh,hr:nh,html:hh,lheading:oh,list:fh,newline:$m,paragraph:_h,table:Xm,text:lh},bh=U(`^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)`).replace(`hr`,nh).replace(`heading`,` {0,3}#{1,6}(?:\\s|$)`).replace(`blockquote`,` {0,3}>`).replace(`code`,`(?: {4}| {0,3} )[^\\n]`).replace(`fences`," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace(`list`,` {0,3}(?:[*+-]|1[.)])[ \\t]`).replace(`html`,`</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)`).replace(`tag`,ph).getRegex(),xh={...yh,lheading:sh,table:bh,paragraph:U(ch).replace(`hr`,nh).replace(`heading`,` {0,3}#{1,6}(?:\\s|$)`).replace(`|lheading`,``).replace(`table`,bh).replace(`blockquote`,` {0,3}>`).replace(`fences`," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace(`list`,` {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]`).replace(`html`,`</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)`).replace(`tag`,ph).getRegex()},Sh={...yh,html:U(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace(`comment`,mh).replace(/tag/g,`(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b`).getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:Xm,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:U(ch).replace(`hr`,nh).replace(`heading`,` *#{1,6} *[^
|
|
1110
|
-
]`).replace(`lheading`,oh).replace(`|table`,``).replace(`blockquote`,` {0,3}>`).replace(`|fences`,``).replace(`|list`,``).replace(`|html`,``).replace(`|tag`,``).getRegex()},Ch=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,wh=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,Th=/^( {2,}|\\)\n(?!\s*$)/,Eh=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,Dh=/[\p{P}\p{S}]/u,Oh=/[\s\p{P}\p{S}]/u,kh=/[^\s\p{P}\p{S}]/u,Ah=U(/^((?![*_])punctSpace)/,`u`).replace(/punctSpace/g,Oh).getRegex(),jh=/(?!~)[\p{P}\p{S}]/u,Mh=/(?!~)[\s\p{P}\p{S}]/u,Nh=/(?:[^\s\p{P}\p{S}]|~)/u,Ph=U(/link|precode-code|html/,`g`).replace(`link`,/\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace(`precode-`,Qm?"(?<!`)()":"(^^|[^`])").replace(`code`,/(?<b>`+)[^`]+\k<b>(?!`)/).replace(`html`,/<(?! )[^<>]*?>/).getRegex(),Fh=/^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/,Ih=U(Fh,`u`).replace(/punct/g,Dh).getRegex(),Lh=U(Fh,`u`).replace(/punct/g,jh).getRegex(),Rh=`^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)`,zh=U(Rh,`gu`).replace(/notPunctSpace/g,kh).replace(/punctSpace/g,Oh).replace(/punct/g,Dh).getRegex(),Bh=U(Rh,`gu`).replace(/notPunctSpace/g,Nh).replace(/punctSpace/g,Mh).replace(/punct/g,jh).getRegex(),Vh=U(`^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)`,`gu`).replace(/notPunctSpace/g,kh).replace(/punctSpace/g,Oh).replace(/punct/g,Dh).getRegex(),Hh=U(/^~~?(?:((?!~)punct)|[^\s~])/,`u`).replace(/punct/g,Dh).getRegex(),Uh=U(`^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)`,`gu`).replace(/notPunctSpace/g,kh).replace(/punctSpace/g,Oh).replace(/punct/g,Dh).getRegex(),Wh=U(/\\(punct)/,`gu`).replace(/punct/g,Dh).getRegex(),Gh=U(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace(`scheme`,/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace(`email`,/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Kh=U(mh).replace(`(?:-->|$)`,`-->`).getRegex(),qh=U(`^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>`).replace(`comment`,Kh).replace(`attribute`,/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),Jh=/(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/,Yh=U(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace(`label`,Jh).replace(`href`,/<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace(`title`,/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),Xh=U(/^!?\[(label)\]\[(ref)\]/).replace(`label`,Jh).replace(`ref`,uh).getRegex(),Zh=U(/^!?\[(ref)\](?:\[\])?/).replace(`ref`,uh).getRegex(),Qh=U(`reflink|nolink(?!\\()`,`g`).replace(`reflink`,Xh).replace(`nolink`,Zh).getRegex(),$h=/[hH][tT][tT][pP][sS]?|[fF][tT][pP]/,eg={_backpedal:Xm,anyPunctuation:Wh,autolink:Gh,blockSkip:Ph,br:Th,code:wh,del:Xm,delLDelim:Xm,delRDelim:Xm,emStrongLDelim:Ih,emStrongRDelimAst:zh,emStrongRDelimUnd:Vh,escape:Ch,link:Yh,nolink:Zh,punctuation:Ah,reflink:Xh,reflinkSearch:Qh,tag:qh,text:Eh,url:Xm},tg={...eg,link:U(/^!?\[(label)\]\((.*?)\)/).replace(`label`,Jh).getRegex(),reflink:U(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace(`label`,Jh).getRegex()},ng={...eg,emStrongRDelimAst:Bh,emStrongLDelim:Lh,delLDelim:Hh,delRDelim:Uh,url:U(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace(`protocol`,$h).replace(`email`,/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/,text:U(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace(`protocol`,$h).getRegex()},rg={...ng,br:U(Th).replace(`{2,}`,`*`).getRegex(),text:U(ng.text).replace(`\\b_`,`\\b_| {2,}\\n`).replace(/\{2,\}/g,`*`).getRegex()},ig={normal:yh,gfm:xh,pedantic:Sh},ag={normal:eg,gfm:ng,breaks:rg,pedantic:tg},og={"&":`&`,"<":`<`,">":`>`,'"':`"`,"'":`'`},sg=e=>og[e];function cg(e,t){if(t){if(W.escapeTest.test(e))return e.replace(W.escapeReplace,sg)}else if(W.escapeTestNoEncode.test(e))return e.replace(W.escapeReplaceNoEncode,sg);return e}function lg(e){try{e=encodeURI(e).replace(W.percentDecode,`%`)}catch{return null}return e}function ug(e,t){let n=e.replace(W.findPipe,(e,t,n)=>{let r=!1,i=t;for(;--i>=0&&n[i]===`\\`;)r=!r;return r?`|`:` |`}).split(W.splitPipe),r=0;if(n[0].trim()||n.shift(),n.length>0&&!n.at(-1)?.trim()&&n.pop(),t)if(n.length>t)n.splice(t);else for(;n.length<t;)n.push(``);for(;r<n.length;r++)n[r]=n[r].trim().replace(W.slashPipe,`|`);return n}function dg(e,t,n){let r=e.length;if(r===0)return``;let i=0;for(;i<r;){let a=e.charAt(r-i-1);if(a===t&&!n)i++;else if(a!==t&&n)i++;else break}return e.slice(0,r-i)}function fg(e){let t=e.split(`
|
|
1111
|
-
`),n=t.length-1;for(;n>=0&&W.blankLine.test(t[n]);)n--;return t.length-n<=2?e:t.slice(0,n+1).join(`
|
|
1112
|
-
`)}function pg(e,t){if(e.indexOf(t[1])===-1)return-1;let n=0;for(let r=0;r<e.length;r++)if(e[r]===`\\`)r++;else if(e[r]===t[0])n++;else if(e[r]===t[1]&&(n--,n<0))return r;return n>0?-2:-1}function mg(e,t=0){let n=t,r=``;for(let t of e)if(t===` `){let e=4-n%4;r+=` `.repeat(e),n+=e}else r+=t,n++;return r}function hg(e,t,n,r,i){let a=t.href,o=t.title||null,s=e[1].replace(i.other.outputLinkReplace,`$1`);r.state.inLink=!0;let c={type:e[0].charAt(0)===`!`?`image`:`link`,raw:n,href:a,title:o,text:s,tokens:r.inlineTokens(s)};return r.state.inLink=!1,c}function gg(e,t,n){let r=e.match(n.other.indentCodeCompensation);if(r===null)return t;let i=r[1];return t.split(`
|
|
1113
|
-
`).map(e=>{let t=e.match(n.other.beginningSpace);if(t===null)return e;let[r]=t;return r.length>=i.length?e.slice(i.length):e}).join(`
|
|
1114
|
-
`)}var _g=class{options;rules;lexer;constructor(e){this.options=e||Jm}space(e){let t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:`space`,raw:t[0]}}code(e){let t=this.rules.block.code.exec(e);if(t){let e=this.options.pedantic?t[0]:fg(t[0]);return{type:`code`,raw:e,codeBlockStyle:`indented`,text:e.replace(this.rules.other.codeRemoveIndent,``)}}}fences(e){let t=this.rules.block.fences.exec(e);if(t){let e=t[0],n=gg(e,t[3]||``,this.rules);return{type:`code`,raw:e,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,`$1`):t[2],text:n}}}heading(e){let t=this.rules.block.heading.exec(e);if(t){let e=t[2].trim();if(this.rules.other.endingHash.test(e)){let t=dg(e,`#`);(this.options.pedantic||!t||this.rules.other.endingSpaceChar.test(t))&&(e=t.trim())}return{type:`heading`,raw:dg(t[0],`
|
|
1115
|
-
`),depth:t[1].length,text:e,tokens:this.lexer.inline(e)}}}hr(e){let t=this.rules.block.hr.exec(e);if(t)return{type:`hr`,raw:dg(t[0],`
|
|
1116
|
-
`)}}blockquote(e){let t=this.rules.block.blockquote.exec(e);if(t){let e=dg(t[0],`
|
|
1117
|
-
`).split(`
|
|
1118
|
-
`),n=``,r=``,i=[];for(;e.length>0;){let t=!1,a=[],o;for(o=0;o<e.length;o++)if(this.rules.other.blockquoteStart.test(e[o]))a.push(e[o]),t=!0;else if(!t)a.push(e[o]);else break;e=e.slice(o);let s=a.join(`
|
|
1119
|
-
`),c=s.replace(this.rules.other.blockquoteSetextReplace,`
|
|
1120
|
-
$1`).replace(this.rules.other.blockquoteSetextReplace2,``);n=n?`${n}
|
|
1121
|
-
${s}`:s,r=r?`${r}
|
|
1122
|
-
${c}`:c;let l=this.lexer.state.top;if(this.lexer.state.top=!0,this.lexer.blockTokens(c,i,!0),this.lexer.state.top=l,e.length===0)break;let u=i.at(-1);if(u?.type===`code`)break;if(u?.type===`blockquote`){let t=u,a=t.raw+`
|
|
1123
|
-
`+e.join(`
|
|
1124
|
-
`),o=this.blockquote(a);i[i.length-1]=o,n=n.substring(0,n.length-t.raw.length)+o.raw,r=r.substring(0,r.length-t.text.length)+o.text;break}else if(u?.type===`list`){let t=u,a=t.raw+`
|
|
1125
|
-
`+e.join(`
|
|
1126
|
-
`),o=this.list(a);i[i.length-1]=o,n=n.substring(0,n.length-u.raw.length)+o.raw,r=r.substring(0,r.length-t.raw.length)+o.raw,e=a.substring(i.at(-1).raw.length).split(`
|
|
1127
|
-
`);continue}}return{type:`blockquote`,raw:n,tokens:i,text:r}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim(),r=n.length>1,i={type:`list`,raw:``,ordered:r,start:r?+n.slice(0,-1):``,loose:!1,items:[]};n=r?`\\d{1,9}\\${n.slice(-1)}`:`\\${n}`,this.options.pedantic&&(n=r?n:`[*+-]`);let a=this.rules.other.listItemRegex(n),o=!1;for(;e;){let n=!1,r=``,s=``;if(!(t=a.exec(e))||this.rules.block.hr.test(e))break;r=t[0],e=e.substring(r.length);let c=mg(t[2].split(`
|
|
1128
|
-
`,1)[0],t[1].length),l=e.split(`
|
|
1129
|
-
`,1)[0],u=!c.trim(),d=0;if(this.options.pedantic?(d=2,s=c.trimStart()):u?d=t[1].length+1:(d=c.search(this.rules.other.nonSpaceChar),d=d>4?1:d,s=c.slice(d),d+=t[1].length),u&&this.rules.other.blankLine.test(l)&&(r+=l+`
|
|
1130
|
-
`,e=e.substring(l.length+1),n=!0),!n){let t=this.rules.other.nextBulletRegex(d),n=this.rules.other.hrRegex(d),i=this.rules.other.fencesBeginRegex(d),a=this.rules.other.headingBeginRegex(d),o=this.rules.other.htmlBeginRegex(d),f=this.rules.other.blockquoteBeginRegex(d);for(;e;){let p=e.split(`
|
|
1131
|
-
`,1)[0],m;if(l=p,this.options.pedantic?(l=l.replace(this.rules.other.listReplaceNesting,` `),m=l):m=l.replace(this.rules.other.tabCharGlobal,` `),i.test(l)||a.test(l)||o.test(l)||f.test(l)||t.test(l)||n.test(l))break;if(m.search(this.rules.other.nonSpaceChar)>=d||!l.trim())s+=`
|
|
1132
|
-
`+m.slice(d);else{if(u||c.replace(this.rules.other.tabCharGlobal,` `).search(this.rules.other.nonSpaceChar)>=4||i.test(c)||a.test(c)||n.test(c))break;s+=`
|
|
1133
|
-
`+l}u=!l.trim(),r+=p+`
|
|
1134
|
-
`,e=e.substring(p.length+1),c=m.slice(d)}}i.loose||(o?i.loose=!0:this.rules.other.doubleBlankLine.test(r)&&(o=!0)),i.items.push({type:`list_item`,raw:r,task:!!this.options.gfm&&this.rules.other.listIsTask.test(s),loose:!1,text:s,tokens:[]}),i.raw+=r}let s=i.items.at(-1);if(s)s.raw=s.raw.trimEnd(),s.text=s.text.trimEnd();else return;i.raw=i.raw.trimEnd();for(let e of i.items){this.lexer.state.top=!1,e.tokens=this.lexer.blockTokens(e.text,[]);let t=e.tokens[0];if(e.task&&(t?.type===`text`||t?.type===`paragraph`)){e.text=e.text.replace(this.rules.other.listReplaceTask,``),t.raw=t.raw.replace(this.rules.other.listReplaceTask,``),t.text=t.text.replace(this.rules.other.listReplaceTask,``);for(let e=this.lexer.inlineQueue.length-1;e>=0;e--)if(this.rules.other.listIsTask.test(this.lexer.inlineQueue[e].src)){this.lexer.inlineQueue[e].src=this.lexer.inlineQueue[e].src.replace(this.rules.other.listReplaceTask,``);break}let n=this.rules.other.listTaskCheckbox.exec(e.raw);if(n){let t={type:`checkbox`,raw:n[0]+` `,checked:n[0]!==`[ ]`};e.checked=t.checked,i.loose?e.tokens[0]&&[`paragraph`,`text`].includes(e.tokens[0].type)&&`tokens`in e.tokens[0]&&e.tokens[0].tokens?(e.tokens[0].raw=t.raw+e.tokens[0].raw,e.tokens[0].text=t.raw+e.tokens[0].text,e.tokens[0].tokens.unshift(t)):e.tokens.unshift({type:`paragraph`,raw:t.raw,text:t.raw,tokens:[t]}):e.tokens.unshift(t)}}else e.task&&=!1;if(!i.loose){let t=e.tokens.filter(e=>e.type===`space`);i.loose=t.length>0&&t.some(e=>this.rules.other.anyLine.test(e.raw))}}if(i.loose)for(let e of i.items){e.loose=!0;for(let t of e.tokens)t.type===`text`&&(t.type=`paragraph`)}return i}}html(e){let t=this.rules.block.html.exec(e);if(t){let e=fg(t[0]);return{type:`html`,block:!0,raw:e,pre:t[1]===`pre`||t[1]===`script`||t[1]===`style`,text:e}}}def(e){let t=this.rules.block.def.exec(e);if(t){let e=t[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal,` `),n=t[2]?t[2].replace(this.rules.other.hrefBrackets,`$1`).replace(this.rules.inline.anyPunctuation,`$1`):``,r=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,`$1`):t[3];return{type:`def`,tag:e,raw:dg(t[0],`
|
|
1135
|
-
`),href:n,title:r}}}table(e){let t=this.rules.block.table.exec(e);if(!t||!this.rules.other.tableDelimiter.test(t[2]))return;let n=ug(t[1]),r=t[2].replace(this.rules.other.tableAlignChars,``).split(`|`),i=t[3]?.trim()?t[3].replace(this.rules.other.tableRowBlankLine,``).split(`
|
|
1136
|
-
`):[],a={type:`table`,raw:dg(t[0],`
|
|
1137
|
-
`),header:[],align:[],rows:[]};if(n.length===r.length){for(let e of r)this.rules.other.tableAlignRight.test(e)?a.align.push(`right`):this.rules.other.tableAlignCenter.test(e)?a.align.push(`center`):this.rules.other.tableAlignLeft.test(e)?a.align.push(`left`):a.align.push(null);for(let e=0;e<n.length;e++)a.header.push({text:n[e],tokens:this.lexer.inline(n[e]),header:!0,align:a.align[e]});for(let e of i)a.rows.push(ug(e,a.header.length).map((e,t)=>({text:e,tokens:this.lexer.inline(e),header:!1,align:a.align[t]})));return a}}lheading(e){let t=this.rules.block.lheading.exec(e);if(t){let e=t[1].trim();return{type:`heading`,raw:dg(t[0],`
|
|
1138
|
-
`),depth:t[2].charAt(0)===`=`?1:2,text:e,tokens:this.lexer.inline(e)}}}paragraph(e){let t=this.rules.block.paragraph.exec(e);if(t){let e=t[1].charAt(t[1].length-1)===`
|
|
1139
|
-
`?t[1].slice(0,-1):t[1];return{type:`paragraph`,raw:t[0],text:e,tokens:this.lexer.inline(e)}}}text(e){let t=this.rules.block.text.exec(e);if(t)return{type:`text`,raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){let t=this.rules.inline.escape.exec(e);if(t)return{type:`escape`,raw:t[0],text:t[1]}}tag(e){let t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&this.rules.other.startATag.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&this.rules.other.endATag.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&this.rules.other.startPreScriptTag.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&this.rules.other.endPreScriptTag.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:`html`,raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){let t=this.rules.inline.link.exec(e);if(t){let e=t[2].trim();if(!this.options.pedantic&&this.rules.other.startAngleBracket.test(e)){if(!this.rules.other.endAngleBracket.test(e))return;let t=dg(e.slice(0,-1),`\\`);if((e.length-t.length)%2==0)return}else{let e=pg(t[2],`()`);if(e===-2)return;if(e>-1){let n=(t[0].indexOf(`!`)===0?5:4)+t[1].length+e;t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,n).trim(),t[3]=``}}let n=t[2],r=``;if(this.options.pedantic){let e=this.rules.other.pedanticHrefTitle.exec(n);e&&(n=e[1],r=e[3])}else r=t[3]?t[3].slice(1,-1):``;return n=n.trim(),this.rules.other.startAngleBracket.test(n)&&(n=this.options.pedantic&&!this.rules.other.endAngleBracket.test(e)?n.slice(1):n.slice(1,-1)),hg(t,{href:n&&n.replace(this.rules.inline.anyPunctuation,`$1`),title:r&&r.replace(this.rules.inline.anyPunctuation,`$1`)},t[0],this.lexer,this.rules)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let e=t[(n[2]||n[1]).replace(this.rules.other.multipleSpaceGlobal,` `).toLowerCase()];if(!e){let e=n[0].charAt(0);return{type:`text`,raw:e,text:e}}return hg(n,e,n[0],this.lexer,this.rules)}}emStrong(e,t,n=``){let r=this.rules.inline.emStrongLDelim.exec(e);if(!(!r||!r[1]&&!r[2]&&!r[3]&&!r[4]||r[4]&&n.match(this.rules.other.unicodeAlphaNumeric))&&(!(r[1]||r[3])||!n||this.rules.inline.punctuation.exec(n))){let n=[...r[0]].length-1,i,a,o=n,s=0,c=r[0][0]===`*`?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(c.lastIndex=0,t=t.slice(-1*e.length+n);(r=c.exec(t))!==null;){if(i=r[1]||r[2]||r[3]||r[4]||r[5]||r[6],!i)continue;if(a=[...i].length,r[3]||r[4]){o+=a;continue}else if((r[5]||r[6])&&n%3&&!((n+a)%3)){s+=a;continue}if(o-=a,o>0)continue;a=Math.min(a,a+o+s);let t=[...r[0]][0].length,c=e.slice(0,n+r.index+t+a);if(Math.min(n,a)%2){let e=c.slice(1,-1);return{type:`em`,raw:c,text:e,tokens:this.lexer.inlineTokens(e)}}let l=c.slice(2,-2);return{type:`strong`,raw:c,text:l,tokens:this.lexer.inlineTokens(l)}}}}codespan(e){let t=this.rules.inline.code.exec(e);if(t){let e=t[2].replace(this.rules.other.newLineCharGlobal,` `),n=this.rules.other.nonSpaceChar.test(e),r=this.rules.other.startingSpaceChar.test(e)&&this.rules.other.endingSpaceChar.test(e);return n&&r&&(e=e.substring(1,e.length-1)),{type:`codespan`,raw:t[0],text:e}}}br(e){let t=this.rules.inline.br.exec(e);if(t)return{type:`br`,raw:t[0]}}del(e,t,n=``){let r=this.rules.inline.delLDelim.exec(e);if(r&&(!r[1]||!n||this.rules.inline.punctuation.exec(n))){let n=[...r[0]].length-1,i,a,o=n,s=this.rules.inline.delRDelim;for(s.lastIndex=0,t=t.slice(-1*e.length+n);(r=s.exec(t))!==null;){if(i=r[1]||r[2]||r[3]||r[4]||r[5]||r[6],!i||(a=[...i].length,a!==n))continue;if(r[3]||r[4]){o+=a;continue}if(o-=a,o>0)continue;a=Math.min(a,a+o);let t=[...r[0]][0].length,s=e.slice(0,n+r.index+t+a),c=s.slice(n,-n);return{type:`del`,raw:s,text:c,tokens:this.lexer.inlineTokens(c)}}}}autolink(e){let t=this.rules.inline.autolink.exec(e);if(t){let e,n;return t[2]===`@`?(e=t[1],n=`mailto:`+e):(e=t[1],n=e),{type:`link`,raw:t[0],text:e,href:n,tokens:[{type:`text`,raw:e,text:e}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let e,n;if(t[2]===`@`)e=t[0],n=`mailto:`+e;else{let r;do r=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??``;while(r!==t[0]);e=t[0],n=t[1]===`www.`?`http://`+t[0]:t[0]}return{type:`link`,raw:t[0],text:e,href:n,tokens:[{type:`text`,raw:e,text:e}]}}}inlineText(e){let t=this.rules.inline.text.exec(e);if(t){let e=this.lexer.state.inRawBlock;return{type:`text`,raw:t[0],text:t[0],escaped:e}}}},vg=class e{tokens;options;state;inlineQueue;tokenizer;constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||Jm,this.options.tokenizer=this.options.tokenizer||new _g,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};let t={other:W,block:ig.normal,inline:ag.normal};this.options.pedantic?(t.block=ig.pedantic,t.inline=ag.pedantic):this.options.gfm&&(t.block=ig.gfm,this.options.breaks?t.inline=ag.breaks:t.inline=ag.gfm),this.tokenizer.rules=t}static get rules(){return{block:ig,inline:ag}}static lex(t,n){return new e(n).lex(t)}static lexInline(t,n){return new e(n).inlineTokens(t)}lex(e){e=e.replace(W.carriageReturn,`
|
|
1140
|
-
`),this.blockTokens(e,this.tokens);for(let e=0;e<this.inlineQueue.length;e++){let t=this.inlineQueue[e];this.inlineTokens(t.src,t.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[],n=!1){this.tokenizer.lexer=this,this.options.pedantic&&(e=e.replace(W.tabCharGlobal,` `).replace(W.spaceLine,``));let r=1/0;for(;e;){if(e.length<r)r=e.length;else{this.infiniteLoopError(e.charCodeAt(0));break}let i;if(this.options.extensions?.block?.some(n=>(i=n.call({lexer:this},e,t))?(e=e.substring(i.raw.length),t.push(i),!0):!1))continue;if(i=this.tokenizer.space(e)){e=e.substring(i.raw.length);let n=t.at(-1);i.raw.length===1&&n!==void 0?n.raw+=`
|
|
1141
|
-
`:t.push(i);continue}if(i=this.tokenizer.code(e)){e=e.substring(i.raw.length);let n=t.at(-1);n?.type===`paragraph`||n?.type===`text`?(n.raw+=(n.raw.endsWith(`
|
|
1142
|
-
`)?``:`
|
|
1143
|
-
`)+i.raw,n.text+=`
|
|
1144
|
-
`+i.text,this.inlineQueue.at(-1).src=n.text):t.push(i);continue}if(i=this.tokenizer.fences(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.heading(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.hr(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.blockquote(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.list(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.html(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.def(e)){e=e.substring(i.raw.length);let n=t.at(-1);n?.type===`paragraph`||n?.type===`text`?(n.raw+=(n.raw.endsWith(`
|
|
1145
|
-
`)?``:`
|
|
1146
|
-
`)+i.raw,n.text+=`
|
|
1147
|
-
`+i.raw,this.inlineQueue.at(-1).src=n.text):this.tokens.links[i.tag]||(this.tokens.links[i.tag]={href:i.href,title:i.title},t.push(i));continue}if(i=this.tokenizer.table(e)){e=e.substring(i.raw.length),t.push(i);continue}if(i=this.tokenizer.lheading(e)){e=e.substring(i.raw.length),t.push(i);continue}let a=e;if(this.options.extensions?.startBlock){let t=1/0,n=e.slice(1),r;this.options.extensions.startBlock.forEach(e=>{r=e.call({lexer:this},n),typeof r==`number`&&r>=0&&(t=Math.min(t,r))}),t<1/0&&t>=0&&(a=e.substring(0,t+1))}if(this.state.top&&(i=this.tokenizer.paragraph(a))){let r=t.at(-1);n&&r?.type===`paragraph`?(r.raw+=(r.raw.endsWith(`
|
|
1148
|
-
`)?``:`
|
|
1149
|
-
`)+i.raw,r.text+=`
|
|
1150
|
-
`+i.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=r.text):t.push(i),n=a.length!==e.length,e=e.substring(i.raw.length);continue}if(i=this.tokenizer.text(e)){e=e.substring(i.raw.length);let n=t.at(-1);n?.type===`text`?(n.raw+=(n.raw.endsWith(`
|
|
1151
|
-
`)?``:`
|
|
1152
|
-
`)+i.raw,n.text+=`
|
|
1153
|
-
`+i.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=n.text):t.push(i);continue}if(e){this.infiniteLoopError(e.charCodeAt(0));break}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){this.tokenizer.lexer=this;let n=e,r=null;if(this.tokens.links){let e=Object.keys(this.tokens.links);if(e.length>0)for(;(r=this.tokenizer.rules.inline.reflinkSearch.exec(n))!==null;)e.includes(r[0].slice(r[0].lastIndexOf(`[`)+1,-1))&&(n=n.slice(0,r.index)+`[`+`a`.repeat(r[0].length-2)+`]`+n.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(r=this.tokenizer.rules.inline.anyPunctuation.exec(n))!==null;)n=n.slice(0,r.index)+`++`+n.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);let i;for(;(r=this.tokenizer.rules.inline.blockSkip.exec(n))!==null;)i=r[2]?r[2].length:0,n=n.slice(0,r.index+i)+`[`+`a`.repeat(r[0].length-i-2)+`]`+n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);n=this.options.hooks?.emStrongMask?.call({lexer:this},n)??n;let a=!1,o=``,s=1/0;for(;e;){if(e.length<s)s=e.length;else{this.infiniteLoopError(e.charCodeAt(0));break}a||(o=``),a=!1;let r;if(this.options.extensions?.inline?.some(n=>(r=n.call({lexer:this},e,t))?(e=e.substring(r.raw.length),t.push(r),!0):!1))continue;if(r=this.tokenizer.escape(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.tag(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.link(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(r.raw.length);let n=t.at(-1);r.type===`text`&&n?.type===`text`?(n.raw+=r.raw,n.text+=r.text):t.push(r);continue}if(r=this.tokenizer.emStrong(e,n,o)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.codespan(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.br(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.del(e,n,o)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.autolink(e)){e=e.substring(r.raw.length),t.push(r);continue}if(!this.state.inLink&&(r=this.tokenizer.url(e))){e=e.substring(r.raw.length),t.push(r);continue}let i=e;if(this.options.extensions?.startInline){let t=1/0,n=e.slice(1),r;this.options.extensions.startInline.forEach(e=>{r=e.call({lexer:this},n),typeof r==`number`&&r>=0&&(t=Math.min(t,r))}),t<1/0&&t>=0&&(i=e.substring(0,t+1))}if(r=this.tokenizer.inlineText(i)){e=e.substring(r.raw.length),r.raw.slice(-1)!==`_`&&(o=r.raw.slice(-1)),a=!0;let n=t.at(-1);n?.type===`text`?(n.raw+=r.raw,n.text+=r.text):t.push(r);continue}if(e){this.infiniteLoopError(e.charCodeAt(0));break}}return t}infiniteLoopError(e){let t=`Infinite loop on byte: `+e;if(this.options.silent)console.error(t);else throw Error(t)}},yg=class{options;parser;constructor(e){this.options=e||Jm}space(e){return``}code({text:e,lang:t,escaped:n}){let r=(t||``).match(W.notSpaceStart)?.[0],i=e.replace(W.endingNewline,``)+`
|
|
1154
|
-
`;return r?`<pre><code class="language-`+cg(r)+`">`+(n?i:cg(i,!0))+`</code></pre>
|
|
1155
|
-
`:`<pre><code>`+(n?i:cg(i,!0))+`</code></pre>
|
|
1156
|
-
`}blockquote({tokens:e}){return`<blockquote>
|
|
1157
|
-
${this.parser.parse(e)}</blockquote>
|
|
1158
|
-
`}html({text:e}){return e}def(e){return``}heading({tokens:e,depth:t}){return`<h${t}>${this.parser.parseInline(e)}</h${t}>
|
|
1159
|
-
`}hr(e){return`<hr>
|
|
1160
|
-
`}list(e){let t=e.ordered,n=e.start,r=``;for(let t=0;t<e.items.length;t++){let n=e.items[t];r+=this.listitem(n)}let i=t?`ol`:`ul`,a=t&&n!==1?` start="`+n+`"`:``;return`<`+i+a+`>
|
|
1161
|
-
`+r+`</`+i+`>
|
|
1162
|
-
`}listitem(e){return`<li>${this.parser.parse(e.tokens)}</li>
|
|
1163
|
-
`}checkbox({checked:e}){return`<input `+(e?`checked="" `:``)+`disabled="" type="checkbox"> `}paragraph({tokens:e}){return`<p>${this.parser.parseInline(e)}</p>
|
|
1164
|
-
`}table(e){let t=``,n=``;for(let t=0;t<e.header.length;t++)n+=this.tablecell(e.header[t]);t+=this.tablerow({text:n});let r=``;for(let t=0;t<e.rows.length;t++){let i=e.rows[t];n=``;for(let e=0;e<i.length;e++)n+=this.tablecell(i[e]);r+=this.tablerow({text:n})}return r&&=`<tbody>${r}</tbody>`,`<table>
|
|
1165
|
-
<thead>
|
|
1166
|
-
`+t+`</thead>
|
|
1167
|
-
`+r+`</table>
|
|
1168
|
-
`}tablerow({text:e}){return`<tr>
|
|
1169
|
-
${e}</tr>
|
|
1170
|
-
`}tablecell(e){let t=this.parser.parseInline(e.tokens),n=e.header?`th`:`td`;return(e.align?`<${n} align="${e.align}">`:`<${n}>`)+t+`</${n}>
|
|
1171
|
-
`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${cg(e,!0)}</code>`}br(e){return`<br>`}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let r=this.parser.parseInline(n),i=lg(e);if(i===null)return r;e=i;let a=`<a href="`+e+`"`;return t&&(a+=` title="`+cg(t)+`"`),a+=`>`+r+`</a>`,a}image({href:e,title:t,text:n,tokens:r}){r&&(n=this.parser.parseInline(r,this.parser.textRenderer));let i=lg(e);if(i===null)return cg(n);e=i;let a=`<img src="${e}" alt="${cg(n)}"`;return t&&(a+=` title="${cg(t)}"`),a+=`>`,a}text(e){return`tokens`in e&&e.tokens?this.parser.parseInline(e.tokens):`escaped`in e&&e.escaped?e.text:cg(e.text)}},bg=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return``+e}image({text:e}){return``+e}br(){return``}checkbox({raw:e}){return e}},xg=class e{options;renderer;textRenderer;constructor(e){this.options=e||Jm,this.options.renderer=this.options.renderer||new yg,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new bg}static parse(t,n){return new e(n).parse(t)}static parseInline(t,n){return new e(n).parseInline(t)}parse(e){this.renderer.parser=this;let t=``;for(let n=0;n<e.length;n++){let r=e[n];if(this.options.extensions?.renderers?.[r.type]){let e=r,n=this.options.extensions.renderers[e.type].call({parser:this},e);if(n!==!1||![`space`,`hr`,`heading`,`code`,`table`,`blockquote`,`list`,`html`,`def`,`paragraph`,`text`].includes(e.type)){t+=n||``;continue}}let i=r;switch(i.type){case`space`:t+=this.renderer.space(i);break;case`hr`:t+=this.renderer.hr(i);break;case`heading`:t+=this.renderer.heading(i);break;case`code`:t+=this.renderer.code(i);break;case`table`:t+=this.renderer.table(i);break;case`blockquote`:t+=this.renderer.blockquote(i);break;case`list`:t+=this.renderer.list(i);break;case`checkbox`:t+=this.renderer.checkbox(i);break;case`html`:t+=this.renderer.html(i);break;case`def`:t+=this.renderer.def(i);break;case`paragraph`:t+=this.renderer.paragraph(i);break;case`text`:t+=this.renderer.text(i);break;default:{let e=`Token with "`+i.type+`" type was not found.`;if(this.options.silent)return console.error(e),``;throw Error(e)}}}return t}parseInline(e,t=this.renderer){this.renderer.parser=this;let n=``;for(let r=0;r<e.length;r++){let i=e[r];if(this.options.extensions?.renderers?.[i.type]){let e=this.options.extensions.renderers[i.type].call({parser:this},i);if(e!==!1||![`escape`,`html`,`link`,`image`,`strong`,`em`,`codespan`,`br`,`del`,`text`].includes(i.type)){n+=e||``;continue}}let a=i;switch(a.type){case`escape`:n+=t.text(a);break;case`html`:n+=t.html(a);break;case`link`:n+=t.link(a);break;case`image`:n+=t.image(a);break;case`checkbox`:n+=t.checkbox(a);break;case`strong`:n+=t.strong(a);break;case`em`:n+=t.em(a);break;case`codespan`:n+=t.codespan(a);break;case`br`:n+=t.br(a);break;case`del`:n+=t.del(a);break;case`text`:n+=t.text(a);break;default:{let e=`Token with "`+a.type+`" type was not found.`;if(this.options.silent)return console.error(e),``;throw Error(e)}}}return n}},Sg=class{options;block;constructor(e){this.options=e||Jm}static passThroughHooks=new Set([`preprocess`,`postprocess`,`processAllTokens`,`emStrongMask`]);static passThroughHooksRespectAsync=new Set([`preprocess`,`postprocess`,`processAllTokens`]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}emStrongMask(e){return e}provideLexer(e=this.block){return e?vg.lex:vg.lexInline}provideParser(e=this.block){return e?xg.parse:xg.parseInline}},Cg=new class{defaults=qm();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=xg;Renderer=yg;TextRenderer=bg;Lexer=vg;Tokenizer=_g;Hooks=Sg;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(let r of e)switch(n=n.concat(t.call(this,r)),r.type){case`table`:{let e=r;for(let r of e.header)n=n.concat(this.walkTokens(r.tokens,t));for(let r of e.rows)for(let e of r)n=n.concat(this.walkTokens(e.tokens,t));break}case`list`:{let e=r;n=n.concat(this.walkTokens(e.items,t));break}default:{let e=r;this.defaults.extensions?.childTokens?.[e.type]?this.defaults.extensions.childTokens[e.type].forEach(r=>{let i=e[r].flat(1/0);n=n.concat(this.walkTokens(i,t))}):e.tokens&&(n=n.concat(this.walkTokens(e.tokens,t)))}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(e=>{let n={...e};if(n.async=this.defaults.async||n.async||!1,e.extensions&&(e.extensions.forEach(e=>{if(!e.name)throw Error(`extension name required`);if(`renderer`in e){let n=t.renderers[e.name];n?t.renderers[e.name]=function(...t){let r=e.renderer.apply(this,t);return r===!1&&(r=n.apply(this,t)),r}:t.renderers[e.name]=e.renderer}if(`tokenizer`in e){if(!e.level||e.level!==`block`&&e.level!==`inline`)throw Error(`extension level must be 'block' or 'inline'`);let n=t[e.level];n?n.unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&(e.level===`block`?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:e.level===`inline`&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}`childTokens`in e&&e.childTokens&&(t.childTokens[e.name]=e.childTokens)}),n.extensions=t),e.renderer){let t=this.defaults.renderer||new yg(this.defaults);for(let n in e.renderer){if(!(n in t))throw Error(`renderer '${n}' does not exist`);if([`options`,`parser`].includes(n))continue;let r=n,i=e.renderer[r],a=t[r];t[r]=(...e)=>{let n=i.apply(t,e);return n===!1&&(n=a.apply(t,e)),n||``}}n.renderer=t}if(e.tokenizer){let t=this.defaults.tokenizer||new _g(this.defaults);for(let n in e.tokenizer){if(!(n in t))throw Error(`tokenizer '${n}' does not exist`);if([`options`,`rules`,`lexer`].includes(n))continue;let r=n,i=e.tokenizer[r],a=t[r];t[r]=(...e)=>{let n=i.apply(t,e);return n===!1&&(n=a.apply(t,e)),n}}n.tokenizer=t}if(e.hooks){let t=this.defaults.hooks||new Sg;for(let n in e.hooks){if(!(n in t))throw Error(`hook '${n}' does not exist`);if([`options`,`block`].includes(n))continue;let r=n,i=e.hooks[r],a=t[r];Sg.passThroughHooks.has(n)?t[r]=e=>{if(this.defaults.async&&Sg.passThroughHooksRespectAsync.has(n))return(async()=>{let n=await i.call(t,e);return a.call(t,n)})();let r=i.call(t,e);return a.call(t,r)}:t[r]=(...e)=>{if(this.defaults.async)return(async()=>{let n=await i.apply(t,e);return n===!1&&(n=await a.apply(t,e)),n})();let n=i.apply(t,e);return n===!1&&(n=a.apply(t,e)),n}}n.hooks=t}if(e.walkTokens){let t=this.defaults.walkTokens,r=e.walkTokens;n.walkTokens=function(e){let n=[];return n.push(r.call(this,e)),t&&(n=n.concat(t.call(this,e))),n}}this.defaults={...this.defaults,...n}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return vg.lex(e,t??this.defaults)}parser(e,t){return xg.parse(e,t??this.defaults)}parseMarkdown(e){return(t,n)=>{let r={...n},i={...this.defaults,...r},a=this.onError(!!i.silent,!!i.async);if(this.defaults.async===!0&&r.async===!1)return a(Error(`marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise.`));if(typeof t>`u`||t===null)return a(Error(`marked(): input parameter is undefined or null`));if(typeof t!=`string`)return a(Error(`marked(): input parameter is of type `+Object.prototype.toString.call(t)+`, string expected`));if(i.hooks&&(i.hooks.options=i,i.hooks.block=e),i.async)return(async()=>{let n=i.hooks?await i.hooks.preprocess(t):t,r=await(i.hooks?await i.hooks.provideLexer(e):e?vg.lex:vg.lexInline)(n,i),a=i.hooks?await i.hooks.processAllTokens(r):r;i.walkTokens&&await Promise.all(this.walkTokens(a,i.walkTokens));let o=await(i.hooks?await i.hooks.provideParser(e):e?xg.parse:xg.parseInline)(a,i);return i.hooks?await i.hooks.postprocess(o):o})().catch(a);try{i.hooks&&(t=i.hooks.preprocess(t));let n=(i.hooks?i.hooks.provideLexer(e):e?vg.lex:vg.lexInline)(t,i);i.hooks&&(n=i.hooks.processAllTokens(n)),i.walkTokens&&this.walkTokens(n,i.walkTokens);let r=(i.hooks?i.hooks.provideParser(e):e?xg.parse:xg.parseInline)(n,i);return i.hooks&&(r=i.hooks.postprocess(r)),r}catch(e){return a(e)}}}onError(e,t){return n=>{if(n.message+=`
|
|
1172
|
-
Please report this to https://github.com/markedjs/marked.`,e){let e=`<p>An error occurred:</p><pre>`+cg(n.message+``,!0)+`</pre>`;return t?Promise.resolve(e):e}if(t)return Promise.reject(n);throw n}}};function G(e,t){return Cg.parse(e,t)}G.options=G.setOptions=function(e){return Cg.setOptions(e),G.defaults=Cg.defaults,Ym(G.defaults),G},G.getDefaults=qm,G.defaults=Jm,G.use=function(...e){return Cg.use(...e),G.defaults=Cg.defaults,Ym(G.defaults),G},G.walkTokens=function(e,t){return Cg.walkTokens(e,t)},G.parseInline=Cg.parseInline,G.Parser=xg,G.parser=xg.parse,G.Renderer=yg,G.TextRenderer=bg,G.Lexer=vg,G.lexer=vg.lex,G.Tokenizer=_g,G.Hooks=Sg,G.parse=G,G.options,G.setOptions,G.use,G.walkTokens,G.parseInline,xg.parse,vg.lex;var wg=new G.Renderer;wg.html=({text:e})=>Og(e);var Tg=300,Eg=new Map;function Dg(e){let t=Eg.get(e);if(t!==void 0)return t;let n=kg(G.parse(e,{async:!1,breaks:!0,gfm:!0,renderer:wg}));if(Eg.set(e,n),Eg.size>Tg){let e=Eg.keys().next().value;e!==void 0&&Eg.delete(e)}return n}function Og(e){return e.replaceAll(`&`,`&`).replaceAll(`<`,`<`).replaceAll(`>`,`>`)}function kg(e){let t=document.createElement(`template`);return t.innerHTML=e,t.content.querySelectorAll(`script, style, iframe, object, embed`).forEach(e=>{e.remove()}),t.content.querySelectorAll(`*`).forEach(e=>{for(let t of[...e.attributes]){let n=t.name.toLowerCase();n.startsWith(`on`)&&e.removeAttribute(t.name),(n===`href`||n===`src`)&&!Ag(t.value)&&e.removeAttribute(t.name)}e.tagName===`A`&&(e.setAttribute(`target`,`_blank`),e.setAttribute(`rel`,`noreferrer noopener`))}),t.innerHTML}function Ag(e){if(e.startsWith(`#`)||e.startsWith(`/`))return!0;try{return[`http:`,`https:`,`mailto:`].includes(new URL(e).protocol)}catch{return!1}}var jg=class extends v{constructor(...e){super(...e),this.text=``,this.onFormattedClick=e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`.code-copy-button`);if(!(t instanceof HTMLButtonElement))return;let n=t.closest(`.code-block-wrapper`);if(!(n instanceof HTMLElement))return;let r=n.querySelector(`pre code`);r instanceof HTMLElement&&this.copyCode(r.textContent,t)}}render(){return g`<div class="formatted" dir="auto" @click=${this.onFormattedClick}>${Km(Dg(this.text))}</div>`}updated(){this.enhanceCodeBlocks()}enhanceCodeBlocks(){this.renderRoot.querySelectorAll(`pre`).forEach(e=>{if(!(e instanceof HTMLPreElement)||e.parentElement?.classList.contains(`code-block-wrapper`)===!0||!(e.querySelector(`code`)instanceof HTMLElement))return;let t=document.createElement(`div`);t.className=`code-block-wrapper`;let n=document.createElement(`button`);n.type=`button`,n.className=`code-copy-button`,n.title=`Copy code block`,n.setAttribute(`aria-label`,`Copy code block`);let r=document.createElement(`span`);r.setAttribute(`aria-hidden`,`true`),r.textContent=`⧉`,n.append(r),e.before(t),t.append(e,n)})}async copyCode(e,t){let n=await sm(e);this.setCopyButtonState(t,n?`copied`:`failed`),window.setTimeout(()=>{this.setCopyButtonState(t,`idle`)},1200)}setCopyButtonState(e,t){let n=e.querySelector(`span`);n!==null&&(n.textContent=t===`copied`?`✓`:`⧉`);let r=t===`copied`?`Copied code block`:t===`failed`?`Failed to copy code block`:`Copy code block`;e.title=r,e.setAttribute(`aria-label`,r)}static{this.styles=xu}};R([b()],jg.prototype,`text`,void 0),jg=R([y(`formatted-text`)],jg);var Mg=180,Ng=class extends v{constructor(...e){super(...e),this.showFullDiff=!1,this.copied=!1,this.diffOpen=!0}render(){let e=this.execution;if(e===void 0)return null;let t=Fg(e.args),n=Lg(e.details),r=e.preview,i=n??r?.diff,a=i===void 0?void 0:Rg(i),o=n!==void 0&&r?.diff!==void 0&&n!==r.diff,s=e.status===`error`?e.resultText:r?.error,c=i===void 0?e.resultText:void 0,l=Pg(e,t);return g`
|
|
1173
|
-
<section class=${`tool-card ${e.status}`}>
|
|
1174
|
-
<div class="tool-header">
|
|
1175
|
-
<div class="tool-title">
|
|
1176
|
-
<span class="status-icon" aria-hidden="true">${Hg(e.status)}</span>
|
|
1177
|
-
<strong>${e.toolName}</strong>
|
|
1178
|
-
${this.renderHeaderTarget(l)}
|
|
1179
|
-
</div>
|
|
1180
|
-
<div class="tool-meta">
|
|
1181
|
-
${Ig(e)===void 0?null:g`<span>${Ig(e)}</span>`}
|
|
1182
|
-
${a===void 0?null:g`<span class="diff-stats"><b class="added">+${a.added}</b><span>/</span><b class="removed">-${a.removed}</b></span>`}
|
|
1183
|
-
<span class="status-label">${Ug(e.status)}</span>
|
|
1184
|
-
</div>
|
|
1185
|
-
</div>
|
|
1186
|
-
|
|
1187
|
-
${o?g`<p class="notice">Applied diff differs from the preview.</p>`:null}
|
|
1188
|
-
${s===void 0||s===``?null:g`<pre class="error-text">${s}</pre>`}
|
|
1189
|
-
${i===void 0?this.renderTextBody(c,e.status===`error`,l):this.renderDiffBody(i,n===void 0?`Preview diff`:`Applied diff`,l)}
|
|
1190
|
-
</section>
|
|
1191
|
-
`}renderHeaderTarget(e){return e===void 0?null:g`<span class=${e.label===`File`?`path`:`summary`} title=${e.text} aria-label=${`${e.label}: ${e.text}`}>${e.text}</span>`}renderExpandedTarget(e){return e===void 0?null:g`
|
|
1192
|
-
<div class="detail-target">
|
|
1193
|
-
<span class="detail-label">${e.label}</span>
|
|
1194
|
-
<pre class="detail-target-value">${e.text}</pre>
|
|
1195
|
-
</div>
|
|
1196
|
-
`}renderTextBody(e,t,n){return(e===void 0||e===``)&&n===void 0?null:g`
|
|
1197
|
-
<details class="text-body" ?open=${t}>
|
|
1198
|
-
<summary>Details</summary>
|
|
1199
|
-
${this.renderExpandedTarget(n)}
|
|
1200
|
-
${e===void 0||e===``?null:g`
|
|
1201
|
-
<div class="detail-result">
|
|
1202
|
-
<span class="detail-label">Result</span>
|
|
1203
|
-
<pre>${e}</pre>
|
|
1204
|
-
</div>
|
|
1205
|
-
`}
|
|
1206
|
-
</details>
|
|
1207
|
-
`}renderDiffBody(e,t,n){let r=e.split(`
|
|
1208
|
-
`),i=!this.showFullDiff&&r.length>Mg,a=i?r.slice(0,Mg):r;return g`
|
|
1209
|
-
<details class="diff-details" ?open=${this.diffOpen} @toggle=${e=>{this.onDiffToggle(e)}}>
|
|
1210
|
-
<summary>
|
|
1211
|
-
<span>${t}</span>
|
|
1212
|
-
<small>${String(r.length)} ${r.length===1?`line`:`lines`}</small>
|
|
1213
|
-
</summary>
|
|
1214
|
-
${this.renderExpandedTarget(n)}
|
|
1215
|
-
<div class="diff-toolbar">
|
|
1216
|
-
<span>${i?`Showing ${String(a.length)} of ${String(r.length)} lines`:`Full diff`}</span>
|
|
1217
|
-
<button type="button" @click=${()=>{this.copyDiff(e)}}>${this.copied?`Copied`:`Copy diff`}</button>
|
|
1218
|
-
</div>
|
|
1219
|
-
<pre class="diff" aria-label=${t}><code class="diff-content">${a.map(e=>g`<span class=${zg(e)}>${e}</span>`)}</code></pre>
|
|
1220
|
-
${i?g`
|
|
1221
|
-
<button class="show-more" type="button" @click=${()=>{this.showFullDiff=!0}}>
|
|
1222
|
-
Show all ${String(r.length)} diff lines
|
|
1223
|
-
</button>
|
|
1224
|
-
`:null}
|
|
1225
|
-
</details>
|
|
1226
|
-
`}onDiffToggle(e){let t=e.currentTarget;t instanceof HTMLDetailsElement&&(this.diffOpen=t.open)}async copyDiff(e){if(!await sm(e)){this.copied=!1;return}this.copied=!0,window.setTimeout(()=>{this.copied=!1},1200)}static{this.styles=h`
|
|
1227
|
-
:host { display: block; width: 100%; max-width: 100%; min-width: 0; color: var(--pi-text); }
|
|
1228
|
-
.tool-card { display: grid; gap: 8px; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); padding: 9px; color: var(--pi-text); }
|
|
1229
|
-
.tool-card.running, .tool-card.pending { border-color: var(--pi-warning-border); background: var(--pi-warning-surface); }
|
|
1230
|
-
.tool-card.success { border-color: var(--pi-success-border); background: var(--pi-success-bg); }
|
|
1231
|
-
.tool-card.error { border-color: var(--pi-danger); background: color-mix(in srgb, var(--pi-danger) 10%, var(--pi-bg)); }
|
|
1232
|
-
.tool-header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; }
|
|
1233
|
-
.tool-title { flex: 1 1 auto; display: inline-flex; align-items: baseline; gap: 7px; min-width: 0; }
|
|
1234
|
-
.status-icon { flex: 0 0 auto; color: var(--pi-muted); }
|
|
1235
|
-
strong { flex: 0 0 auto; color: var(--pi-text); }
|
|
1236
|
-
.path, .summary { display: block; flex: 1 1 auto; min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; white-space: pre; color: var(--pi-accent); font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
1237
|
-
.summary { color: var(--pi-muted); font-family: inherit; }
|
|
1238
|
-
.tool-meta { flex: 0 0 auto; display: inline-flex; align-items: baseline; gap: 8px; color: var(--pi-muted); font-size: 12px; }
|
|
1239
|
-
.diff-stats { display: inline-flex; gap: 3px; }
|
|
1240
|
-
.added, .diff .added { color: var(--pi-success); }
|
|
1241
|
-
.removed, .diff .removed { color: var(--pi-danger); }
|
|
1242
|
-
.status-label { text-transform: uppercase; letter-spacing: .04em; color: var(--pi-muted); }
|
|
1243
|
-
.notice { margin: 0; color: var(--pi-warning); }
|
|
1244
|
-
.muted { margin: 0; color: var(--pi-muted); }
|
|
1245
|
-
.error-text { margin: 0; border: 1px solid var(--pi-danger); border-radius: 7px; background: color-mix(in srgb, var(--pi-danger) 10%, var(--pi-bg)); color: var(--pi-danger); padding: 8px; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
1246
|
-
.text-body { border-top: 1px solid var(--pi-border-muted); padding-top: 6px; }
|
|
1247
|
-
.detail-target, .detail-result { display: grid; gap: 4px; margin-top: 8px; min-width: 0; }
|
|
1248
|
-
.detail-label { color: var(--pi-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
|
|
1249
|
-
.text-body pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--pi-text); }
|
|
1250
|
-
.detail-result pre { box-sizing: border-box; max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; border: 1px solid var(--pi-border-muted); border-radius: 7px; background: var(--pi-bg); padding: 8px; white-space: pre; overflow-wrap: normal; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
1251
|
-
.detail-target-value { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--pi-accent); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; text-align: left; unicode-bidi: isolate; }
|
|
1252
|
-
.diff-details { min-width: 0; max-width: 100%; border-top: 1px solid var(--pi-border-muted); padding-top: 6px; }
|
|
1253
|
-
.diff-details > summary { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; color: var(--pi-muted); cursor: pointer; }
|
|
1254
|
-
.diff-details > summary span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
1255
|
-
.diff-details > summary small { flex: 0 0 auto; color: var(--pi-dim); }
|
|
1256
|
-
.diff-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; margin-top: 8px; color: var(--pi-muted); font-size: 12px; }
|
|
1257
|
-
.diff-toolbar span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
1258
|
-
button { border: 1px solid var(--pi-border); border-radius: 6px; background: var(--pi-surface); color: var(--pi-text); padding: 3px 7px; font: 12px system-ui, sans-serif; cursor: pointer; }
|
|
1259
|
-
button:hover, button:focus { border-color: var(--pi-accent); }
|
|
1260
|
-
.diff { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; margin: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; border: 1px solid var(--pi-border-muted); border-radius: 7px; background: var(--pi-bg); padding: 8px 0; color: var(--pi-muted); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.45; }
|
|
1261
|
-
.diff-content { display: block; width: max-content; min-width: 100%; }
|
|
1262
|
-
.diff span { display: block; min-height: 1.45em; padding: 0 8px; white-space: pre; }
|
|
1263
|
-
.diff .context { color: var(--pi-muted); }
|
|
1264
|
-
.diff .hunk { color: var(--pi-accent); }
|
|
1265
|
-
.diff .file { color: var(--pi-dim); }
|
|
1266
|
-
.diff .meta { color: var(--pi-dim); }
|
|
1267
|
-
.diff .added { background: color-mix(in srgb, var(--pi-success) 12%, transparent); }
|
|
1268
|
-
.diff .removed { background: color-mix(in srgb, var(--pi-danger) 12%, transparent); }
|
|
1269
|
-
.show-more { justify-self: start; }
|
|
1270
|
-
`}};R([b({attribute:!1})],Ng.prototype,`execution`,void 0),R([x()],Ng.prototype,`showFullDiff`,void 0),R([x()],Ng.prototype,`copied`,void 0),R([x()],Ng.prototype,`diffOpen`,void 0),Ng=R([y(`tool-execution-view`)],Ng);function Pg(e,t){if(t!==void 0&&t!==``)return{label:`File`,text:t};let n=Kg(e.args,`command`);if(n!==void 0&&n!==``)return{label:`Command`,text:n};if(e.summary!==``)return{label:`Input`,text:e.summary}}function Fg(e){return Kg(e,`path`)??Kg(e,`file_path`)}function Ig(e){if(e.toolName!==`edit`)return;let t=Gg(e.args,`edits`);if(Array.isArray(t))return`${String(t.length)} edit${t.length===1?``:`s`}`;if(typeof Gg(e.args,`oldText`)==`string`&&typeof Gg(e.args,`newText`)==`string`)return`1 edit`}function Lg(e){return Kg(e,`diff`)}function Rg(e){let t=0,n=0;for(let r of e.split(`
|
|
1271
|
-
`))Bg(r)?t++:Vg(r)&&n++;return{added:t,removed:n}}function zg(e){return Bg(e)?`added`:Vg(e)?`removed`:e.startsWith(`@@`)?`hunk`:e.startsWith(`+++`)||e.startsWith(`---`)?`file`:e.startsWith(`diff `)||e.startsWith(`index `)?`meta`:`context`}function Bg(e){return e.startsWith(`+`)&&!e.startsWith(`+++`)}function Vg(e){return e.startsWith(`-`)&&!e.startsWith(`---`)}function Hg(e){return e===`success`?`✓`:e===`error`?`✖`:e===`running`?`●`:`○`}function Ug(e){return e===`success`?`done`:e===`error`?`failed`:e===`running`?`running`:`pending`}function Wg(e){return typeof e==`object`&&!!e}function Gg(e,t){return Wg(e)?e[t]:void 0}function Kg(e,t){let n=Gg(e,t);return typeof n==`string`?n:void 0}var qg=new Intl.DateTimeFormat(void 0,{dateStyle:`medium`,timeStyle:`medium`}),Jg=[`You opened this chat while the assistant was already replying. The complete answer will appear shortly.`,`We joined mid-sentence. Holding the curtain until the full reply is ready.`,`The assistant started before this tab arrived. We’ll show the full answer when it lands.`,`Catching the reply in one piece — no spoilers, no half-answers.`,`The tokens are still assembling themselves. Full answer incoming.`,`We arrived fashionably late to this response. The complete version will appear soon.`];function Yg(){return Jg[Math.floor(Math.random()*Jg.length)]??Jg[0]}function Xg(e){return Zg(e,0,100)}function Zg(e,t,n){return Number.isFinite(e)?Math.min(n,Math.max(t,e)):t}function Qg(e,t){return[e.length===0?void 0:{heading:`Queued until session starts`,detail:`Will send once the backend session is ready`,messages:e},t.length===0?void 0:{heading:`Queued messages`,detail:`${String(t.length)} pending · Stop clears the queue`,messages:t}].filter(e=>e!==void 0)}function $g(e){let t=e.meta?.timestamp,n=[t===void 0?void 0:e_(t),t_(e)].filter(e=>e!==void 0&&e!==``);return n.length===0?`No Pi message metadata available`:n.join(` · `)}function e_(e){let t=new Date(e);if(Number.isFinite(t.getTime()))return qg.format(t)}function t_(e){let t=e.meta?.model;if(t===void 0)return;let n=t.responseId??t.id;return n===void 0||n===``?t.provider:t.provider!==void 0&&t.provider!==``?`${t.provider}/${n}`:n}var K=class extends v{constructor(...e){super(...e),this.messages=[],this.sessionId=``,this.messageStart=0,this.messageEnd=0,this.messageTotal=0,this.hasMore=!1,this.loadingMore=!1,this.isReceivingPartialStream=!1,this.isSendingPrompt=!1,this.isCompacting=!1,this.pendingMessageCount=0,this.clientQueuedMessages=[],this.pinnedToBottom=!0,this.disclosures=new Qp,this.scrollController=new Mm,this.suppressScrollSave=!1,this.suppressLoadMoreRequests=!1,this.groupedMessagesStart=0,this.groupedMessagesCache=[],this.messageMetaCache=new WeakMap,this.messageCopyTextCache=new WeakMap,this.lastScrollTop=0,this.lastClientHeight=0,this.prependRestoreToken=0,this.loadMoreRequested=!1,this.onViewportResize=()=>{this.pinnedToBottom?this.scrollToBottom():this.lastClientHeight=this.chat?.clientHeight??0},this.onPageHide=()=>{this.saveScrollPosition()}}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onViewportResize),window.addEventListener(`pagehide`,this.onPageHide),window.visualViewport?.addEventListener(`resize`,this.onViewportResize)}firstUpdated(){this.lastClientHeight=this.chat?.clientHeight??0}disconnectedCallback(){this.saveScrollPosition(),this.scrollController.dispose(),this.prependRestoreToken+=1,this.restoreScrollFrame!==void 0&&cancelAnimationFrame(this.restoreScrollFrame),this.loadMoreCheckFrame!==void 0&&cancelAnimationFrame(this.loadMoreCheckFrame),this.scrollToBottomFrame!==void 0&&cancelAnimationFrame(this.scrollToBottomFrame),this.conversationRailFrame!==void 0&&cancelAnimationFrame(this.conversationRailFrame),window.removeEventListener(`resize`,this.onViewportResize),window.removeEventListener(`pagehide`,this.onPageHide),window.visualViewport?.removeEventListener(`resize`,this.onViewportResize),super.disconnectedCallback()}savePreviousSessionScrollPosition(e){typeof e!=`string`||e===``||e===this.sessionId||this.saveScrollPosition(e)}prepareSessionUiState(){this.disclosures.syncSession(this.sessionId),this.scrollController.clearScheduledSave(),this.suppressScrollSave=!1,this.suppressLoadMoreRequests=!1,this.pendingScrollRestoreSessionId=void 0,this.pendingScrollRestorePosition=void 0,this.prependRestoreToken+=1,this.restoreScrollFrame!==void 0&&(cancelAnimationFrame(this.restoreScrollFrame),this.restoreScrollFrame=void 0)}willUpdate(e){e.has(`sessionId`)&&(this.savePreviousSessionScrollPosition(e.get(`sessionId`)),this.prepareSessionUiState()),(e.has(`isReceivingPartialStream`)||e.has(`sessionId`)&&this.isReceivingPartialStream)&&this.syncPartialStreamNoticeBody(),e.has(`messages`)&&(this.pinnedToBottom=this.pinnedToBottom&&(this.didChatHeightChange()||this.isNearBottom()))}update(e){let t=this.isPrependingMessages(e)?this.capturePrependScrollAnchor():void 0;super.update(e),t!==void 0&&this.restorePrependScrollAnchor(t)}updated(e){e.has(`loadingMore`)&&!this.loadingMore&&(this.loadMoreRequested=!1),e.has(`hasMore`)&&!this.hasMore&&(this.loadMoreRequested=!1),e.has(`sessionId`)&&this.restoreScrollPosition(),!e.has(`sessionId`)&&e.has(`messages`)&&this.pinnedToBottom&&this.scrollToBottom(),(e.has(`messages`)||e.has(`messageStart`)||e.has(`messageTotal`)||e.has(`hasMore`)||e.has(`loadingMore`))&&this.scheduleConversationRailUpdate(),(e.has(`messages`)||e.has(`messageStart`)||e.has(`hasMore`)||e.has(`loadingMore`))&&this.continuePendingScrollRestore(),(e.has(`messages`)||e.has(`hasMore`)||e.has(`loadingMore`))&&this.requestLoadMoreIfNeeded()}render(){let e=this.groupedMessages();return g`
|
|
1272
|
-
<div class="chat-wrap">
|
|
1273
|
-
${this.renderConversationRail()}
|
|
1274
|
-
<div class="chat" @scroll=${()=>{this.onScroll()}} @wheel=${e=>{this.onWheel(e)}} @touchstart=${e=>{this.onTouchStart(e)}} @touchmove=${e=>{this.onTouchMove(e)}}>
|
|
1275
|
-
${this.renderHistoryBoundary()}
|
|
1276
|
-
${Yp(e,e=>e.kind===`message`?this.messageAnchorKey(e.index):this.groupRenderKey(e.startIndex),(t,n)=>t.kind===`message`?this.renderMessage(t.message,t.index):this.renderMessageGroup(t.messages,t.startIndex,t.endIndex,this.isLiveTailGroup(e,n)))}
|
|
1277
|
-
${this.renderQueuedMessages()}
|
|
1278
|
-
${this.renderSessionActivity()}
|
|
1279
|
-
</div>
|
|
1280
|
-
${this.renderActivityDock()}
|
|
1281
|
-
</div>
|
|
1282
|
-
`}groupedMessages(){return this.groupedMessagesInput===this.messages&&this.groupedMessagesStart===this.messageStart?this.groupedMessagesCache:(this.groupedMessagesInput=this.messages,this.groupedMessagesStart=this.messageStart,this.groupedMessagesCache=im(this.messages,this.messageStart),this.groupedMessagesCache)}isLiveTailGroup(e,t){return t===e.length-1&&this.isSessionLive()}isSessionLive(){return this.isSendingPrompt||this.status?.isStreaming===!0||this.status?.isCompacting===!0||this.status?.isBashRunning===!0||this.activity?.phase===`active`}renderActivityDock(){if(this.isSendingPrompt)return g`
|
|
1283
|
-
<div class="activity-dock active" aria-live="polite">
|
|
1284
|
-
<span class="dot"></span>
|
|
1285
|
-
<span class="activity-text">Sending your message…</span>
|
|
1286
|
-
</div>
|
|
1287
|
-
`;let e=this.activityState();return e===void 0?null:g`
|
|
1288
|
-
<div class=${e!==`idle`||this.activity?.phase===`active`?`activity-dock active`:`activity-dock`} aria-live="polite">
|
|
1289
|
-
<span class="dot"></span>
|
|
1290
|
-
<span class="activity-text">${this.activityText(e)}</span>
|
|
1291
|
-
</div>
|
|
1292
|
-
`}renderQueuedMessages(){let e=this.status?.queuedMessages??[];return g`${Qg(this.clientQueuedMessages,e).map(e=>this.renderQueuedMessageList(e))}`}renderQueuedMessageList(e){return g`
|
|
1293
|
-
<aside class="queued-messages" aria-live="polite">
|
|
1294
|
-
<div class="queued-header">
|
|
1295
|
-
<strong>${e.heading}</strong>
|
|
1296
|
-
<small>${e.detail}</small>
|
|
1297
|
-
</div>
|
|
1298
|
-
${e.messages.map((e,t)=>g`
|
|
1299
|
-
<div class="queued-message">
|
|
1300
|
-
<span class="queued-kind">${e.kind===`steer`?`Steer`:`Follow-up`} ${String(t+1)}</span>
|
|
1301
|
-
<formatted-text .text=${e.text}></formatted-text>
|
|
1302
|
-
</div>
|
|
1303
|
-
`)}
|
|
1304
|
-
</aside>
|
|
1305
|
-
`}renderSessionActivity(){return this.isReceivingPartialStream?g`
|
|
1306
|
-
<aside class="session-activity receiving" aria-live="polite">
|
|
1307
|
-
<strong>Catching up…</strong>
|
|
1308
|
-
<span>${this.currentPartialStreamNoticeBody()}</span>
|
|
1309
|
-
</aside>
|
|
1310
|
-
`:this.isCompacting?g`
|
|
1311
|
-
<aside class="session-activity compacting" aria-live="polite">
|
|
1312
|
-
<strong>Compacting history…</strong>
|
|
1313
|
-
<span>The agent is summarizing earlier context. New prompts will be queued until compaction finishes.</span>
|
|
1314
|
-
${this.pendingMessageCount>0?g`<small>${this.pendingMessageCount} queued ${this.pendingMessageCount===1?`message`:`messages`}</small>`:null}
|
|
1315
|
-
</aside>
|
|
1316
|
-
`:null}syncPartialStreamNoticeBody(){this.partialStreamNoticeBody=this.isReceivingPartialStream?Yg():void 0}currentPartialStreamNoticeBody(){return this.partialStreamNoticeBody??=Yg(),this.partialStreamNoticeBody}activityState(){let e=this.status;return e===void 0?this.activity?.label:e.isCompacting?`compacting`:e.isBashRunning?`bash`:e.isStreaming?`running`:e.pendingMessageCount>0?`queued`:`idle`}activityText(e){let t=this.activity;return t===void 0||e!==`idle`&&t.phase===`idle`?e:t.detail!==void 0&&t.detail!==``?`${t.label}: ${t.detail}`:t.label}renderConversationRail(){if(!this.messages.length||this.messageTotal<=0)return null;let e=this.conversationDisplayTotal();return g`<conversation-meter .positionPercent=${this.conversationPositionPercent(e)} .loadedPercent=${this.hasMore?Xg(this.messages.length/e*100):100}></conversation-meter>`}conversationDisplayTotal(){return!this.hasMore&&this.messageStart===0?Math.max(1,this.messages.length):Math.max(1,this.messageTotal,this.messageStart+this.messages.length)}conversationPositionPercent(e=this.conversationDisplayTotal()){if(e<=1)return 100;let t=this.pinnedToBottom?this.messageStart+this.messages.length-1:this.messageStart;return Xg(Zg(this.currentConversationIndex??t,0,e-1)/(e-1)*100)}renderHistoryBoundary(){let e=this.historyRangeLabel();return this.loadingMore?g`<div class="history-boundary"><span>Loading earlier messages…</span>${e}</div>`:this.hasMore?g`
|
|
1317
|
-
<div class="history-boundary">
|
|
1318
|
-
<button type="button" class="history-load-button" ?disabled=${this.loadMoreRequested} @click=${()=>{this.requestLoadMore()}}>Load earlier messages</button>
|
|
1319
|
-
<span>Scroll up to load earlier messages</span>
|
|
1320
|
-
${e}
|
|
1321
|
-
</div>
|
|
1322
|
-
`:this.messages.length?g`<div class="history-boundary"><span>Beginning of session</span>${e}</div>`:null}historyRangeLabel(){if(!this.messages.length||this.messageTotal<=0)return null;let e=this.messageStart+1,t=this.loadedRawMessageEnd();return g`<small>Showing messages ${e}–${t} of ${Math.max(this.messageTotal,t)}</small>`}loadedRawMessageEnd(){return Math.max(this.messageEnd,this.messageStart+this.messages.length)}renderMessage(e,t){let n=this.isToolExecutionOnlyMessage(e);return g`
|
|
1323
|
-
${this.renderScrollMarker(this.messageScrollMarkerId(t))}
|
|
1324
|
-
<article class=${n?`msg tool-execution-shell`:`msg ${e.role}`} data-index=${t} data-scroll-anchor-id=${this.messageAnchorKey(t)}>
|
|
1325
|
-
${n?null:this.renderMessageHeader(e,String(t))}
|
|
1326
|
-
${e.parts.map(t=>this.renderPart(t,e))}
|
|
1327
|
-
</article>
|
|
1328
|
-
`}isToolExecutionOnlyMessage(e){return e.role===`tool`&&e.parts.length>0&&e.parts.every(e=>e.type===`toolExecution`)}renderMessageGroup(e,t,n,r){let i=this.groupDisclosureKey(t,n,r),a=this.disclosures.isOpen(i,r);return g`
|
|
1329
|
-
${this.renderScrollMarker(this.groupScrollMarkerId(n))}
|
|
1330
|
-
<details class=${r?`msg event-group live`:`msg event-group`} data-index=${t} data-scroll-anchor-id=${this.groupAnchorKey(t)} ?open=${a} @toggle=${e=>{this.onGroupToggle(i,e,r)}}>
|
|
1331
|
-
<summary>
|
|
1332
|
-
<b class="label">${r?`live events`:`events`}</b>
|
|
1333
|
-
<span>${am(e)}</span>
|
|
1334
|
-
</summary>
|
|
1335
|
-
${a?this.renderMessageGroupBody(e,t):null}
|
|
1336
|
-
</details>
|
|
1337
|
-
`}renderMessageGroupBody(e,t){return g`
|
|
1338
|
-
<div class="group-body">
|
|
1339
|
-
${e.map((e,n)=>{let r=this.isToolExecutionOnlyMessage(e);return g`
|
|
1340
|
-
<section class=${r?`group-msg tool-execution-shell`:`group-msg ${e.role}`} data-index=${t+n} data-scroll-anchor-id=${this.eventAnchorKey(t+n)}>
|
|
1341
|
-
${r?null:this.renderMessageHeader(e,`${String(t)}:${String(n)}`)}
|
|
1342
|
-
${e.parts.map(t=>this.renderPart(t,e))}
|
|
1343
|
-
</section>
|
|
1344
|
-
`})}
|
|
1345
|
-
</div>
|
|
1346
|
-
`}renderScrollMarker(e){return g`<span class="scroll-marker" data-marker-id=${e} aria-hidden="true"></span>`}renderMessageHeader(e,t){let n=this.messageMetaLabel(e),r=this.expandedMetaKey===t;return g`
|
|
1347
|
-
<div class="msg-header">
|
|
1348
|
-
<b class="label">${e.role}</b>
|
|
1349
|
-
<div class="msg-header-trailing">
|
|
1350
|
-
${this.renderMessageActions(e,t)}
|
|
1351
|
-
<span class=${r?`msg-meta expanded`:`msg-meta`} role="button" tabindex="0" title=${n} aria-label=${n} aria-expanded=${String(r)} @click=${()=>{this.expandedMetaKey=r?void 0:t}} @keydown=${e=>{this.onMetaKeydown(e,t,r)}}>${n}</span>
|
|
1352
|
-
</div>
|
|
1353
|
-
</div>
|
|
1354
|
-
`}renderMessageActions(e,t){if(!this.isCopyableMessage(e))return null;let n=this.copiedMessageKey===t;return g`
|
|
1355
|
-
<div class="msg-actions" aria-label="Message actions">
|
|
1356
|
-
<button type="button" class="msg-action" title=${n?`Copied`:`Copy message`} aria-label=${`${n?`Copied`:`Copy`} ${e.role} message`} @click=${n=>{this.copyMessage(e,t,n)}}>
|
|
1357
|
-
<span aria-hidden="true">${n?`✓`:`⧉`}</span>
|
|
1358
|
-
</button>
|
|
1359
|
-
</div>
|
|
1360
|
-
`}onMetaKeydown(e,t,n){e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),this.expandedMetaKey=n?void 0:t)}isCopyableMessage(e){return(e.role===`user`||e.role===`assistant`)&&this.messageCopyText(e)!==``}messageCopyText(e){let t=this.messageCopyTextCache.get(e);if(t!==void 0)return t;let n=e.parts.filter(e=>e.type===`text`).map(e=>e.text.trim()).filter(e=>e!==``).join(`
|
|
1361
|
-
|
|
1362
|
-
`);return this.messageCopyTextCache.set(e,n),n}async copyMessage(e,t,n){n.stopPropagation(),await sm(this.messageCopyText(e))&&(this.copiedMessageKey=t,window.setTimeout(()=>{this.copiedMessageKey===t&&(this.copiedMessageKey=void 0)},1200))}messageMetaLabel(e){let t=this.messageMetaCache.get(e);if(t!==void 0)return t;let n=$g(e);return this.messageMetaCache.set(e,n),n}renderPart(e,t){return e.type===`text`&&t?.role===`bash`?g`<pre class="part shell-output">${e.text}</pre>`:e.type===`text`?g`<formatted-text class="part" .text=${e.text}></formatted-text>`:e.type===`thinking`?g`<details class="part"><summary>thinking</summary><formatted-text .text=${e.text}></formatted-text></details>`:e.type===`skillInvocation`?g`
|
|
1363
|
-
<details class="part skill-invocation">
|
|
1364
|
-
<summary><b>[skill]</b> ${e.name}</summary>
|
|
1365
|
-
<small>${e.location}</small>
|
|
1366
|
-
<formatted-text .text=${e.content}></formatted-text>
|
|
1367
|
-
</details>
|
|
1368
|
-
`:e.type===`skillRead`?g`
|
|
1369
|
-
<div class="part skill-read">
|
|
1370
|
-
<strong>Loaded ${e.name}</strong>
|
|
1371
|
-
<small>read ${e.path}</small>
|
|
1372
|
-
</div>
|
|
1373
|
-
`:e.type===`image`?g`<img class="part chat-image" src=${`data:${e.mimeType};base64,${e.data}`} alt="attached image" loading="lazy" />`:e.type===`toolCall`?g`<div class="part tool-line">▶ ${e.toolName}<span class="summary">${e.summary}</span></div>`:e.type===`toolExecution`?g`<tool-execution-view class="part" .execution=${e}></tool-execution-view>`:e.type===`toolResult`?g`
|
|
1374
|
-
<details class="part" ?open=${e.isError}>
|
|
1375
|
-
<summary>${e.isError?`✖`:`✓`} ${e.toolName} result</summary>
|
|
1376
|
-
<formatted-text .text=${e.text}></formatted-text>
|
|
1377
|
-
</details>
|
|
1378
|
-
`:null}onGroupToggle(e,t,n){let r=t.currentTarget;r instanceof HTMLDetailsElement&&this.disclosures.applyToggle(e,r.open,n)&&this.requestUpdate()}onScroll(){this.requestLoadMoreIfNeeded(),this.updatePinnedToBottomFromScroll(),this.scheduleConversationRailUpdate(),this.suppressScrollSave||this.scheduleScrollPositionSave()}onWheel(e){e.deltaY<0&&this.canScrollUp()&&(this.pinnedToBottom=!1)}onTouchStart(e){this.touchStartY=e.touches[0]?.clientY}onTouchMove(e){let t=e.touches[0]?.clientY;this.touchStartY!==void 0&&t!==void 0&&t>this.touchStartY&&this.canScrollUp()&&(this.pinnedToBottom=!1)}updatePinnedToBottomFromScroll(){let e=this.chat;if(!e)return;let t=this.didChatHeightChange(),n=this.pinnedToBottom,r=e.scrollTop<this.lastScrollTop;if(t&&n){this.lastClientHeight=e.clientHeight,this.scrollToBottom();return}this.isAtBottom()?this.pinnedToBottom=!0:r?this.pinnedToBottom=!1:this.pinnedToBottom=this.isNearBottom(),this.lastScrollTop=e.scrollTop,this.lastClientHeight=e.clientHeight}didChatHeightChange(){let e=this.chat;return e!==void 0&&this.lastClientHeight!==0&&e.clientHeight!==this.lastClientHeight}isPrependingMessages(e){let t=e.get(`messageStart`);return typeof t==`number`&&this.messageStart<t}requestLoadMoreIfNeeded(){this.loadMoreCheckFrame===void 0&&(this.loadMoreCheckFrame=requestAnimationFrame(()=>{if(this.loadMoreCheckFrame=void 0,this.suppressLoadMoreRequests)return;let e=this.chat;e&&Cm({hasMore:this.hasMore,loadingMore:this.loadingMore||this.loadMoreRequested,canRequest:this.onLoadMore!==void 0,scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight})&&this.requestLoadMore()}))}requestLoadMore(){this.loadMoreRequested||!this.hasMore||this.loadingMore||this.onLoadMore===void 0||(this.loadMoreRequested=!0,this.onLoadMore())}isNearBottom(){let e=this.chat;return!e||Lm(e)}isAtBottom(){let e=this.chat;return!e||Im(e)<2}canScrollUp(){let e=this.chat;return e!==void 0&&e.scrollTop>0}scrollToBottom(){this.scrollToBottomFrame===void 0&&(this.scrollToBottomFrame=requestAnimationFrame(()=>{this.scrollToBottomFrame=void 0;let e=this.chat;e&&this.withSuppressedScrollSave(()=>{e.scrollTop=e.scrollHeight,this.lastScrollTop=e.scrollTop,this.lastClientHeight=e.clientHeight})}))}restoreScrollPosition(){let e=this.sessionId;this.restoreScrollFrame!==void 0&&cancelAnimationFrame(this.restoreScrollFrame),this.restoreScrollFrame=requestAnimationFrame(()=>{this.restoreScrollFrame=void 0,this.sessionId===e&&this.withSuppressedScrollSave(()=>{let t=this.scrollController.restorePosition(e,this.chat,this.scrollAnchorElements(),{fallbackToBottom:this.shouldFallbackToBottomForMissingAnchor()});this.handleScrollRestoreResult(e,t)})})}continuePendingScrollRestore(){let e=this.pendingScrollRestoreSessionId,t=this.pendingScrollRestorePosition;e===void 0||t===void 0||e!==this.sessionId||this.restoreScrollFrame!==void 0||(this.restoreScrollFrame=requestAnimationFrame(()=>{this.restoreScrollFrame=void 0,this.sessionId===e&&this.withSuppressedScrollSave(()=>{let n=this.scrollController.restoreExplicitPosition(t,this.chat,this.scrollAnchorElements(),{fallbackToBottom:this.shouldFallbackToBottomForMissingAnchor()});this.handleScrollRestoreResult(e,n)})}))}handleScrollRestoreResult(e,t){if(this.syncScrollMetrics(),t.status!==`missing`){this.updatePinnedToBottomAfterRestore(t.status),(t.status===`restored`||t.status===`bottom`)&&this.cancelPrependRestore(),this.pendingScrollRestoreSessionId=void 0,this.pendingScrollRestorePosition=void 0;return}this.pinnedToBottom=!1,this.pendingScrollRestoreSessionId=e,this.pendingScrollRestorePosition=t.position;let n=this.chat;n===void 0||!this.hasMore||this.loadingMore||(n.scrollTop=0,this.syncScrollMetrics(),this.requestLoadMore())}shouldFallbackToBottomForMissingAnchor(){return!this.hasMore&&!this.isReceivingPartialStream}updatePinnedToBottomAfterRestore(e){e===`bottom`?this.pinnedToBottom=!0:e===`restored`&&(this.pinnedToBottom=this.isNearBottom())}syncScrollMetrics(){let e=this.chat;e!==void 0&&(this.lastScrollTop=e.scrollTop,this.lastClientHeight=e.clientHeight)}cancelPrependRestore(){this.prependRestoreToken+=1,this.suppressLoadMoreRequests=!1}capturePrependScrollAnchor(){let e=this.chat;if(e)return hm(e,this.scrollMarkers())}restorePrependScrollAnchor(e){if(!this.chat||!e)return;this.suppressLoadMoreRequests=!0,this.suppressScrollSave=!0;let t=this.prependRestoreToken+1;this.prependRestoreToken=t;let n=0,r=()=>{let i=this.chat;if(!(!i||t!==this.prependRestoreToken)){if(gm(i,e,e.markerId===void 0?void 0:this.scrollMarkerAt(e.markerId)),this.lastScrollTop=i.scrollTop,n+=1,n<30){requestAnimationFrame(r);return}requestAnimationFrame(()=>{t===this.prependRestoreToken&&(this.suppressScrollSave=!1,this.suppressLoadMoreRequests=!1)})}};r()}saveScrollPosition(e=this.sessionId){e&&this.scrollController.savePosition(e,this.chat,this.scrollAnchorElements())}scheduleScrollPositionSave(){let e=this.sessionId;this.scrollController.scheduleSave(e,e=>{this.sessionId===e&&this.saveScrollPosition(e)})}scheduleConversationRailUpdate(){this.conversationRailFrame===void 0&&(this.conversationRailFrame=requestAnimationFrame(()=>{this.conversationRailFrame=void 0,this.updateConversationRailPosition()}))}updateConversationRailPosition(){if(!this.messages.length||this.messageTotal<=0){this.currentConversationIndex=void 0;return}let e=this.conversationDisplayTotal(),t=this.firstVisibleArticle(),n=Number(t?.dataset.index);if(Number.isFinite(n)){this.currentConversationIndex=Zg(n,0,Math.max(0,e-1));return}this.currentConversationIndex=Zg(this.pinnedToBottom?this.messageStart+this.messages.length-1:this.messageStart,0,Math.max(0,e-1))}scrollMarkers(){return Array.from(this.renderRoot.querySelectorAll(`.scroll-marker`))}scrollMarkerAt(e){return this.scrollMarkers().find(t=>t.dataset.markerId===e)}firstVisibleArticle(){let e=this.chat;if(e!==void 0)return Bm(e,Array.from(this.renderRoot.querySelectorAll(`article.msg`)))??Bm(e,this.articles())}articles(){return Array.from(this.renderRoot.querySelectorAll(`article.msg, details.msg`))}scrollAnchorElements(){return Array.from(this.renderRoot.querySelectorAll(`[data-scroll-anchor-id]`))}withSuppressedScrollSave(e){this.suppressScrollSave=!0,e(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.suppressScrollSave=!1})})}groupDisclosureKey(e,t,n){return n?`${this.sessionId}:live:${String(e)}`:`${this.sessionId}:${String(t)}`}messageAnchorKey(e){return`m:${String(e)}`}groupRenderKey(e){return`g:${String(e)}`}groupAnchorKey(e){return`g:${String(e)}`}eventAnchorKey(e){return`e:${String(e)}`}messageScrollMarkerId(e){return`m:${String(e)}`}groupScrollMarkerId(e){return`g:${String(e)}`}static{this.styles=bu}};R([b({attribute:!1})],K.prototype,`messages`,void 0),R([b()],K.prototype,`sessionId`,void 0),R([b({type:Number})],K.prototype,`messageStart`,void 0),R([b({type:Number})],K.prototype,`messageEnd`,void 0),R([b({type:Number})],K.prototype,`messageTotal`,void 0),R([b({type:Boolean})],K.prototype,`hasMore`,void 0),R([b({type:Boolean})],K.prototype,`loadingMore`,void 0),R([b({type:Boolean})],K.prototype,`isReceivingPartialStream`,void 0),R([b({type:Boolean})],K.prototype,`isSendingPrompt`,void 0),R([b({type:Boolean})],K.prototype,`isCompacting`,void 0),R([b({type:Number})],K.prototype,`pendingMessageCount`,void 0),R([b({attribute:!1})],K.prototype,`clientQueuedMessages`,void 0),R([b({attribute:!1})],K.prototype,`status`,void 0),R([b({attribute:!1})],K.prototype,`activity`,void 0),R([b({attribute:!1})],K.prototype,`onLoadMore`,void 0),R([S(`.chat`)],K.prototype,`chat`,void 0),R([x()],K.prototype,`pinnedToBottom`,void 0),R([x()],K.prototype,`expandedMetaKey`,void 0),R([x()],K.prototype,`copiedMessageKey`,void 0),R([x()],K.prototype,`currentConversationIndex`,void 0),R([x()],K.prototype,`loadMoreRequested`,void 0),K=R([y(`chat-view`)],K);var n_=new Set([`image/jpeg`,`image/png`,`image/gif`,`image/webp`]);function r_(e){return typeof e==`string`&&n_.has(e)}function i_(e){switch(e){case`image/jpeg`:return`jpg`;case`image/png`:return`png`;case`image/gif`:return`gif`;case`image/webp`:return`webp`;default:return`bin`}}var a_=`application/octet-stream`,o_=`Failed to read an attachment.`;async function s_(e,t){let n=[],r;for(let i of e)try{let e=await t(i);n.push(d_(i,e))}catch{r=o_}return{attachments:n,...r===void 0?{}:{error:r}}}function c_(e){return e.kind===`image`&&r_(e.mimeType)}function l_(e){return e.every(e=>c_(e))}function u_(e,t){return l_(t)?e:`folder`}function d_(e,t){return r_(e.type)?{kind:`image`,name:p_(e),mimeType:e.type,data:t,size:e.size}:{kind:`file`,name:p_(e),mimeType:f_(e),data:t,size:e.size}}function f_(e){let t=e.type.trim();return t===``?a_:t}function p_(e){return e.name===``?r_(e.type)?`pasted-image.${i_(e.type)}`:`pasted-file.bin`:e.name}var m_=`pi-web:attachment-delivery`;function h_(){try{return typeof localStorage>`u`?void 0:localStorage}catch{return}}function g_(e=h_()){try{return e?.getItem(m_)===`folder`?`folder`:`inline`}catch{return`inline`}}function __(e,t=h_()){try{t?.setItem(m_,e)}catch{}}var v_=`(pointer: coarse), (max-width: 760px)`,y_=`pi-web.promptEnterPreference`;function b_(){return typeof window<`u`&&`matchMedia`in window?window.matchMedia(v_):void 0}function x_(e){return e===`send`||e===`newline`?e:`auto`}function S_(e=D_()){if(e===void 0)return`auto`;try{return x_(e.getItem(y_))}catch{return`auto`}}function C_(e,t=D_()){if(t!==void 0)try{t.setItem(y_,e)}catch{}}function w_(e=b_(),t=S_()){return t===`send`||t!==`newline`&&e?.matches!==!0}function T_(e,t,n=b_()){return e?n?.matches!==!0||t:!1}function E_(e,t=b_(),n=S_()){let r=w_(t,n);return e?!r:r}function D_(){if(!(typeof window>`u`))try{return window.localStorage}catch{return}}function O_(){return Je`
|
|
1379
|
-
<svg class="prompt-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
1380
|
-
<path d="M20 11.5 12.5 19a4 4 0 0 1-5.66-5.66l7.07-7.07a2.5 2.5 0 0 1 3.54 3.54l-7.07 7.07a1 1 0 0 1-1.42-1.42l6.37-6.36"></path>
|
|
1381
|
-
</svg>
|
|
1382
|
-
`}function k_(){return Je`
|
|
1383
|
-
<svg class="prompt-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
1384
|
-
<path d="M21 3 13.5 21l-2-8.5L3 10.5Z"></path>
|
|
1385
|
-
<path d="M21 3 11.5 12.5"></path>
|
|
1386
|
-
</svg>
|
|
1387
|
-
`}function A_(){return Je`
|
|
1388
|
-
<svg class="prompt-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
1389
|
-
<path d="M4 7h11"></path>
|
|
1390
|
-
<path d="M4 12h7"></path>
|
|
1391
|
-
<path d="M4 17h7"></path>
|
|
1392
|
-
<path d="m15 14 5 3-5 3z"></path>
|
|
1393
|
-
</svg>
|
|
1394
|
-
`}function j_(){return k_()}function M_(){return Je`
|
|
1395
|
-
<svg class="prompt-action-icon prompt-action-icon-filled" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
1396
|
-
<rect x="6.5" y="6.5" width="11" height="11" rx="2"></rect>
|
|
1397
|
-
</svg>
|
|
1398
|
-
`}function N_(e){let t=Math.max(e.total,1),n=t>1?1.2:0,r=(18-n*(t-1))/t;return Je`
|
|
1399
|
-
<svg class="prompt-thinking-gauge" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
1400
|
-
${Array.from({length:t},(i,a)=>{let o=3+a*(r+n),s=4+(a+1)/t*12,c=20-s;return Je`<rect class=${a<e.filled?`gauge-bar gauge-bar-active`:`gauge-bar`} x=${o} y=${c} width=${r} height=${s} rx="1"></rect>`})}
|
|
1401
|
-
</svg>
|
|
1402
|
-
`}var P_=[`off`,`minimal`,`low`,`medium`,`high`,`xhigh`,`max`];function F_(e){return e===void 0||e===``?`off`:e}function I_(e,t){let n=t.length>=2?t:P_,r=n.length-1,i=F_(e),a=n.indexOf(i);return{total:r,filled:a<=0?0:Math.min(a,r)}}var L_=Lp(class extends Rp{constructor(e){super(e),this.wasSelected=!1,this.isElementPart=e.type===Ip.ELEMENT}update(e,[t,n]){if(!this.isElementPart)throw Error(`scrollWhenSelected must be used on an element`);if(t&&(!this.wasSelected||n!==this.previousKey)){let t=`element`in e?e.element:void 0;requestAnimationFrame(()=>{t instanceof HTMLElement&&t.scrollIntoView({block:`nearest`})})}this.wasSelected=t,this.previousKey=n}render(e,t){}}),R_=class extends v{constructor(...e){super(...e),this.items=[],this.selectedIndex=0}render(){return this.items.length?g`
|
|
1403
|
-
<div class="menu">
|
|
1404
|
-
${this.items.map((e,t)=>g`
|
|
1405
|
-
<button class=${t===this.selectedIndex?`selected`:``} ${L_(t===this.selectedIndex,e)} @mousedown=${t=>{t.preventDefault(),this.onPick?.(e)}}>
|
|
1406
|
-
<strong>${e.insertText}</strong>
|
|
1407
|
-
<span>${e.detail}</span>
|
|
1408
|
-
${e.description!==void 0&&e.description!==``?g`<small>${e.description}</small>`:null}
|
|
1409
|
-
</button>
|
|
1410
|
-
`)}
|
|
1411
|
-
</div>
|
|
1412
|
-
`:null}static{this.styles=Cu}};R([b({attribute:!1})],R_.prototype,`items`,void 0),R([b({type:Number})],R_.prototype,`selectedIndex`,void 0),R([b({attribute:!1})],R_.prototype,`onPick`,void 0),R_=R([y(`autocomplete-menu`)],R_);var q=class extends v{constructor(...e){super(...e),this.disabled=!1,this.machineId=`local`,this.workspaceScopedFileSuggestions=!1,this.canSteer=!1,this.isCompacting=!1,this.canStop=!1,this.sending=!1,this.availableThinkingLevels=[],this.draft=``,this.currentInputMode={kind:`normal`},this.completions=[],this.selectedIndex=0,this.attachments=[],this.attachmentDelivery=g_(),this.attachmentError=void 0,this.attachmentSeq=0,this.requestVersion=0,this.editableCompartment=new s,this.readOnlyCompartment=new s,this.mobilePromptEnterMedia=b_(),this.explicitShiftKeyActive=!1}willUpdate(e){if(!e.has(`sessionId`)&&!e.has(`machineId`))return;let t=e.has(`sessionId`)?e.get(`sessionId`):this.sessionId,n=B_(e.has(`machineId`)?e.get(`machineId`):this.machineId,t);n!==void 0&&ho(n,this.draft);let r=B_(this.machineId,this.sessionId);this.draft=r===void 0?``:mo(r),this.currentInputMode=bs(this.draft),this.completions=[],this.selectedIndex=0}shouldUpdate(e){return e.has(`status`)&&e.size===1?!z_(e.get(`status`),this.status):!0}firstUpdated(){this.createEditor()}updated(e){e.has(`disabled`)&&this.updateEditorDisabledState(),(e.has(`sessionId`)||e.has(`machineId`))&&this.syncEditorDoc()}disconnectedCallback(){this.editor?.destroy(),this.editor=void 0,super.disconnectedCallback()}render(){let e=this.currentInputMode.kind===`shell`?this.currentInputMode:void 0,t=e!==void 0,n=this.canSteer||this.isCompacting,r=this.disabled||this.sending;return g`
|
|
1413
|
-
<footer class=${t?`shell-mode`:``} @paste=${e=>{this.handlePaste(e)}} @dragover=${e=>{this.handleDragOver(e)}} @drop=${e=>{this.handleDrop(e)}}>
|
|
1414
|
-
<div class="editor-wrap">
|
|
1415
|
-
<div class=${`markdown-editor${this.disabled?` markdown-editor-disabled`:``}`} aria-label="Message pi" aria-disabled=${this.disabled?`true`:`false`}></div>
|
|
1416
|
-
<input class="attachment-input" type="file" multiple hidden @change=${e=>{this.handleFileInput(e)}} />
|
|
1417
|
-
<button class="editor-attach icon-button" ?disabled=${r} title="Attach files" aria-label="Attach files" @click=${()=>{this.attachmentInput?.click()}}>${O_()}</button>
|
|
1418
|
-
${t?g`<div class="mode-hint">Shell command${e.excludeFromContext?` · excluded from context`:``}</div>`:null}
|
|
1419
|
-
${this.isCompacting&&!t?g`<div class="mode-hint">Compacting history · message will be queued</div>`:null}
|
|
1420
|
-
${this.renderAttachments()}
|
|
1421
|
-
<autocomplete-menu .items=${this.completions} .selectedIndex=${this.selectedIndex} .onPick=${e=>{this.pick(e)}}></autocomplete-menu>
|
|
1422
|
-
</div>
|
|
1423
|
-
<div class="actions">
|
|
1424
|
-
${this.renderCompactStatus()}
|
|
1425
|
-
<button class="icon-button send-button" ?disabled=${r} title=${n?`Queue until the current activity finishes`:`Send message`} aria-label=${n?`Queue message`:`Send message`} @click=${()=>{this.send(`followUp`)}}>${n?A_():k_()}</button>
|
|
1426
|
-
${this.canSteer&&!this.isCompacting?g`<button class="icon-button steer-button" ?disabled=${r} title="Steer the current response before the next model call" aria-label="Steer current response" @click=${()=>{this.send(`steer`)}}>${j_()}</button>`:null}
|
|
1427
|
-
<button class="icon-button stop-button" ?disabled=${this.disabled||!this.canStop} title=${this.canStop?`Stop current work and clear queued messages`:`Nothing running`} aria-label="Stop current work" @click=${()=>this.onStop?.()}>${M_()}</button>
|
|
1428
|
-
</div>
|
|
1429
|
-
</footer>
|
|
1430
|
-
`}focusInput(){this.editor?.focus()}get view(){return this.editor}renderCompactStatus(){let e=this.status;if(e===void 0)return null;let t=e.model?.id??`no model`;return g`
|
|
1431
|
-
<div class="compact-status" aria-label="Session status">
|
|
1432
|
-
<button class="select-model" title="Select model" @click=${()=>this.onSelectModel?.()}>${e.model?.provider!==void 0&&e.model.provider!==``?`${e.model.provider}/`:``}${t}</button>
|
|
1433
|
-
<button class="select-thinking icon-button" title=${`Thinking level: ${F_(e.thinkingLevel)}`} aria-label=${`Thinking level: ${F_(e.thinkingLevel)}`} @click=${()=>this.onSelectThinking?.()}>${N_(I_(e.thinkingLevel,this.availableThinkingLevels))}</button>
|
|
1434
|
-
</div>
|
|
1435
|
-
`}renderAttachments(){if(this.attachments.length===0&&this.attachmentError===void 0)return null;let e=l_(this.attachments),t=this.effectiveAttachmentDelivery();return g`
|
|
1436
|
-
<div class="attachments" aria-label="Pending attachments">
|
|
1437
|
-
${this.attachments.map(e=>g`
|
|
1438
|
-
<div class=${`attachment-chip ${c_(e)?`attachment-chip-image`:`attachment-chip-file`}`} title=${e.name}>
|
|
1439
|
-
${this.renderAttachmentPreview(e)}
|
|
1440
|
-
<button type="button" class="attachment-remove" title="Remove attachment" aria-label=${`Remove ${e.name}`} @click=${()=>{this.removeAttachment(e.id)}}>×</button>
|
|
1441
|
-
</div>
|
|
1442
|
-
`)}
|
|
1443
|
-
${this.attachments.length>0?g`
|
|
1444
|
-
<label class="attachment-delivery" title=${e?`How attachments are delivered to the agent`:`General files are saved and mentioned from the workspace`}>
|
|
1445
|
-
<select .value=${t} @change=${e=>{this.changeDelivery(e)}}>
|
|
1446
|
-
<option value="inline" ?disabled=${!e}>Attach to message${e?``:` (images only)`}</option>
|
|
1447
|
-
<option value="folder">Save to .pi-web/attachments</option>
|
|
1448
|
-
</select>
|
|
1449
|
-
</label>
|
|
1450
|
-
`:null}
|
|
1451
|
-
${this.attachmentError===void 0?null:g`<div class="attachment-error">${this.attachmentError}</div>`}
|
|
1452
|
-
</div>
|
|
1453
|
-
`}renderAttachmentPreview(e){return c_(e)?g`<img src=${`data:${e.mimeType};base64,${e.data}`} alt=${e.name} />`:g`
|
|
1454
|
-
<div class="attachment-file-preview" aria-hidden="true">${K_(e.name)}</div>
|
|
1455
|
-
<span class="attachment-file-name">${e.name}</span>
|
|
1456
|
-
`}changeDelivery(e){if(!(e.target instanceof HTMLSelectElement))return;let t=e.target.value===`folder`?`folder`:`inline`;if(t===`inline`&&!l_(this.attachments)){e.target.value=`folder`;return}this.attachmentDelivery=t,__(this.attachmentDelivery)}removeAttachment(e){this.attachments=this.attachments.filter(t=>t.id!==e)}async handlePaste(e){let t=U_(e.clipboardData);t.length!==0&&(e.preventDefault(),await this.addAttachmentFiles(t))}handleDragOver(e){e.dataTransfer!==null&&W_(e.dataTransfer)&&e.preventDefault()}async handleDrop(e){let t=U_(e.dataTransfer);t.length!==0&&(e.preventDefault(),await this.addAttachmentFiles(t))}async handleFileInput(e){if(!(e.target instanceof HTMLInputElement)||e.target.files===null)return;let t=Array.from(e.target.files);e.target.value=``,await this.addAttachmentFiles(t)}async addAttachmentFiles(e){this.attachmentError=void 0;let{attachments:t,error:n}=await s_(e,q_);t.length>0&&(this.attachments=[...this.attachments,...t.map(e=>({id:`attachment-${String(++this.attachmentSeq)}`,...e}))]),n!==void 0&&(this.attachmentError=n)}currentAttachments(){return this.attachments.map(e=>G_(e))}effectiveAttachmentDelivery(){return u_(this.attachmentDelivery,this.attachments)}createEditor(){!this.editorHost||this.editor!==void 0||(this.editor=new p({parent:this.editorHost,state:e.create({doc:this.draft,extensions:[m(),ne(),t(),u.of(` `),r(a,{fallback:!0}),p.lineWrapping,p.contentAttributes.of(e=>X_(e.state.sliceDoc(0,e.state.selection.main.head))),p.domEventHandlers({keyup:e=>this.handleEditorKeyUp(e),blur:()=>this.resetEditorModifierState()}),o(`Message pi... Use / for commands, @ for tracked files, @ space for all files`),this.editableCompartment.of(p.editable.of(!this.disabled)),this.readOnlyCompartment.of(e.readOnly.of(this.disabled)),p.updateListener.of(e=>{e.docChanged&&this.updateDraft(e.state.doc.toString())}),n.of([{any:(e,t)=>this.handleEditorKeyDown(t,e)},{key:`ArrowDown`,run:()=>this.moveCompletion(1)},{key:`ArrowUp`,run:()=>this.moveCompletion(-1)},{key:`Escape`,run:()=>this.closeCompletions()},{key:`Tab`,run:e=>this.handleEditorTab(e)},{key:`Shift-Tab`,run:e=>l.shift?.(e)??!1},{key:`Backspace`,run:e=>ee(e)},...c,...d])]})}))}syncEditorDoc(){let e=this.editor;if(!e)return;let t=e.state.doc.toString();t!==this.draft&&e.dispatch({changes:{from:0,to:t.length,insert:this.draft},selection:i.cursor(this.draft.length)})}updateEditorDisabledState(){this.editor?.dispatch({effects:[this.editableCompartment.reconfigure(p.editable.of(!this.disabled)),this.readOnlyCompartment.reconfigure(e.readOnly.of(this.disabled))]})}updateDraft(e){this.draft=e;let t=B_(this.machineId,this.sessionId);t!==void 0&&ho(t,this.draft);let n=bs(this.draft);Ss(n,this.currentInputMode)||(this.currentInputMode=n),this.refreshCompletions()}async refreshCompletions(){let e=this.currentTrigger(),t=++this.requestVersion;if(this.selectedIndex=0,e===void 0){this.completions=[];return}if(e.kind===`command`&&this.sessionId!==void 0&&this.sessionId!==``&&this.cwd!==void 0&&this.cwd!==``){let n=await F.commands({id:this.sessionId,cwd:this.cwd},this.machineId).catch(V_);if(t!==this.requestVersion)return;this.completions=n.filter(t=>t.name.toLowerCase().includes(e.query.toLowerCase())).slice(0,12).map(t=>({kind:`command`,replaceFrom:e.from,replaceTo:e.to,insertText:`/${t.name}`,detail:t.source,...t.description===void 0?{}:{description:t.description}}))}else if(e.kind===`file`&&this.cwd!==void 0&&this.cwd!==``){let n=await F.files(this.cwd,e.query,{scope:e.fileScope,machineId:this.machineId,projectId:this.projectId,workspaceId:this.workspaceId,workspaceScoped:this.workspaceScopedFileSuggestions}).catch(H_);if(t!==this.requestVersion)return;this.completions=n.slice(0,12).map(t=>{let n=hs(t.path,e.quoted===!0,t.path.endsWith(`/`)?e.allPrefix:void 0);return{kind:`file`,replaceFrom:e.from,replaceTo:e.to,insertText:n,detail:t.kind,...t.path.endsWith(`/`)&&n.endsWith(`"`)?{cursorOffset:n.length-1}:{}}})}}currentTrigger(){return ms(this.draft,this.editor?.state.selection.main.head??this.draft.length)}moveCompletion(e){return this.completions.length?(this.selectedIndex=(this.selectedIndex+e+this.completions.length)%this.completions.length,!0):!1}closeCompletions(){return this.completions.length?(this.completions=[],!0):!1}handleEditorKeyDown(e,t){if(e.key===`Shift`)return this.explicitShiftKeyActive=!0,!1;if(e.key!==`Enter`)return this.explicitShiftKeyActive=!1,!1;if(e.defaultPrevented||e.isComposing||t.composing)return!1;let n=T_(e.shiftKey,this.explicitShiftKeyActive,this.mobilePromptEnterMedia);return this.explicitShiftKeyActive=!1,this.handleEditorEnter(t,n)}handleEditorKeyUp(e){return e.key===`Shift`&&(this.explicitShiftKeyActive=!1),!1}resetEditorModifierState(){return this.explicitShiftKeyActive=!1,!1}handleEditorEnter(e,t){if(!t&&this.completions.length){let e=this.completions[this.selectedIndex];return e!==void 0&&this.pick(e),!0}return E_(t,this.mobilePromptEnterMedia,S_())?(this.send(this.canSteer||this.isCompacting?`followUp`:void 0),!0):te(e)||f(e)}handleEditorTab(e){if(this.completions.length){let e=this.completions[this.selectedIndex];return e!==void 0&&this.pick(e),!0}return this.currentTrigger()?.kind===`file`?(this.refreshCompletions(),!0):l.run?.(e)??!1}pick(e){let t=this.editor;if(!t)return;let n=e.kind===`file`&&(e.insertText.endsWith(`/`)||e.cursorOffset!==void 0)?``:` `,r=e.replaceFrom+(e.cursorOffset??e.insertText.length)+n.length,a=e.insertText.endsWith(`"`)&&this.draft.slice(e.replaceTo).startsWith(`"`)?e.replaceTo+1:e.replaceTo;t.dispatch({changes:{from:e.replaceFrom,to:a,insert:`${e.insertText}${n}`},selection:i.cursor(r),scrollIntoView:!0}),this.completions=[]}send(e){if(this.disabled||this.sending)return;let t=this.draft.trim(),n=this.attachments;if(t===``&&n.length===0)return;let r=this.canSteer||this.isCompacting?e:void 0,i=n.length>0?this.currentAttachments():void 0,a=this.effectiveAttachmentDelivery();this.resetComposer(),this.onSend?.(t,r,i,i===void 0?void 0:a)}resetComposer(){this.draft=``,this.currentInputMode={kind:`normal`};let e=B_(this.machineId,this.sessionId);e!==void 0&&go(e),this.completions=[],this.attachments=[],this.attachmentError=void 0,this.syncEditorDoc()}static{this.styles=Eu}};R([b({type:Boolean})],q.prototype,`disabled`,void 0),R([b()],q.prototype,`sessionId`,void 0),R([b()],q.prototype,`cwd`,void 0),R([b()],q.prototype,`machineId`,void 0),R([b()],q.prototype,`projectId`,void 0),R([b()],q.prototype,`workspaceId`,void 0),R([b({type:Boolean})],q.prototype,`workspaceScopedFileSuggestions`,void 0),R([b({type:Boolean})],q.prototype,`canSteer`,void 0),R([b({type:Boolean})],q.prototype,`isCompacting`,void 0),R([b({type:Boolean})],q.prototype,`canStop`,void 0),R([b({attribute:!1})],q.prototype,`status`,void 0),R([b({type:Boolean})],q.prototype,`sending`,void 0),R([b({attribute:!1})],q.prototype,`onSend`,void 0),R([b({attribute:!1})],q.prototype,`onStop`,void 0),R([b({attribute:!1})],q.prototype,`onSelectModel`,void 0),R([b({attribute:!1})],q.prototype,`onSelectThinking`,void 0),R([b({attribute:!1})],q.prototype,`availableThinkingLevels`,void 0),R([S(`.markdown-editor`)],q.prototype,`editorHost`,void 0),R([S(`.attachment-input`)],q.prototype,`attachmentInput`,void 0),R([x()],q.prototype,`currentInputMode`,void 0),R([x()],q.prototype,`completions`,void 0),R([x()],q.prototype,`selectedIndex`,void 0),R([x()],q.prototype,`attachments`,void 0),R([x()],q.prototype,`attachmentDelivery`,void 0),R([x()],q.prototype,`attachmentError`,void 0),q=R([y(`prompt-editor`)],q);function z_(e,t){return e===t?!0:e===void 0||t===void 0?!1:e.model?.id===t.model?.id&&e.model?.provider===t.model?.provider&&e.thinkingLevel===t.thinkingLevel}function B_(e,t){if(!(typeof e!=`string`||e===``)&&!(typeof t!=`string`||t===``))return Ri(e,t)}function V_(){return[]}function H_(){return[]}function U_(e){return e===null?[]:Array.from(e.files)}function W_(e){let t=Array.from(e.items);return t.length>0?t.some(e=>e.kind===`file`):Array.from(e.types).includes(`Files`)}function G_(e){return e.kind===`image`?{kind:`image`,mimeType:e.mimeType,data:e.data,name:e.name}:{kind:`file`,mimeType:e.mimeType,data:e.data,name:e.name}}function K_(e){let t=e.trim(),n=t.lastIndexOf(`.`);return n>=0&&n<t.length-1?t.slice(n+1,n+5).toUpperCase():`FILE`}function q_(e){return new Promise((t,n)=>{let r=new FileReader;r.onerror=()=>{n(r.error??Error(`Failed to read file`))},r.onload=()=>{let e=r.result;if(typeof e!=`string`){n(Error(`Unexpected file reader result`));return}let i=e.indexOf(`,`);t(i===-1?e:e.slice(i+1))},r.readAsDataURL(e)})}var J_={spellcheck:`true`,autocorrect:`on`,autocapitalize:`sentences`,writingsuggestions:`true`,dir:`auto`},Y_={spellcheck:`false`,autocorrect:`off`,autocapitalize:`off`,writingsuggestions:`false`,dir:`auto`};function X_(e){return bs(e).kind===`normal`?J_:Y_}function Z_(e){return Number.isFinite(e)?e<1e3?Math.round(e).toString():e<1e4?`${(e/1e3).toFixed(1)}k`:e<1e6?`${String(Math.round(e/1e3))}k`:e<1e7?`${(e/1e6).toFixed(1)}M`:`${String(Math.round(e/1e6))}M`:`0`}function Q_(e){return!Number.isFinite(e)||e===0?`$0`:e<.01?`$${e.toFixed(4)}`:`$${e.toFixed(2)}`}var $_=class extends v{render(){let e=this.status;if(e===void 0)return g`<div class="bar muted">No session status yet</div>`;let t=e.contextUsage,n=t?t.percent==null?`context ${Z_(t.contextWindow)}`:`${t.percent.toFixed(1)}%/${Z_(t.contextWindow)}`:`context unknown`,r=e.tokens;return g`
|
|
1457
|
-
<div class="bar">
|
|
1458
|
-
<span>↑${Z_(r.input)}</span>
|
|
1459
|
-
<span>↓${Z_(r.output)}</span>
|
|
1460
|
-
<span class="context">${n}</span>
|
|
1461
|
-
<span>${Q_(e.cost)}</span>
|
|
1462
|
-
${e.pendingMessageCount>0?g`<span>${String(e.pendingMessageCount)} queued</span>`:null}
|
|
1463
|
-
</div>
|
|
1464
|
-
`}static{this.styles=Su}};R([b({attribute:!1})],$_.prototype,`status`,void 0),$_=R([y(`status-bar`)],$_);var ev=class extends v{constructor(...e){super(...e),this.title=`Select`,this.searchable=!1,this.options=[],this.selectedIndex=0,this.query=``}render(){let e=this.filteredOptions();return g`
|
|
1465
|
-
<div class="backdrop" @mousedown=${()=>this.onCancel?.()}>
|
|
1466
|
-
<section @mousedown=${e=>{e.stopPropagation()}}>
|
|
1467
|
-
<header>
|
|
1468
|
-
<strong>${this.title}</strong>
|
|
1469
|
-
<button @click=${()=>this.onCancel?.()}>×</button>
|
|
1470
|
-
</header>
|
|
1471
|
-
${this.searchable?g`<input placeholder="Search" .value=${this.query} @input=${e=>{this.handleSearchInput(e)}} @keydown=${e=>{this.handleKeyDown(e)}}>`:null}
|
|
1472
|
-
<div class="options" @keydown=${e=>{this.handleKeyDown(e)}} tabindex="0">
|
|
1473
|
-
${e.map((e,t)=>g`
|
|
1474
|
-
<button class=${t===this.selectedIndex?`selected`:``} ${L_(t===this.selectedIndex,e.value)} @click=${()=>this.onPick?.(e.value)}>
|
|
1475
|
-
<span>${e.label}</span>
|
|
1476
|
-
${e.description!==void 0&&e.description!==``?g`<small>${e.description}</small>`:null}
|
|
1477
|
-
</button>
|
|
1478
|
-
`)}
|
|
1479
|
-
${e.length===0?g`<div class="empty">No matching options</div>`:null}
|
|
1480
|
-
</div>
|
|
1481
|
-
</section>
|
|
1482
|
-
</div>
|
|
1483
|
-
`}firstUpdated(){this.selectInitialValue(),this.renderRoot.querySelector(this.searchable?`input`:`.options`)?.focus()}selectInitialValue(){if(this.selectedValue===void 0)return;let e=this.filteredOptions().findIndex(e=>e.value===this.selectedValue);e>=0&&(this.selectedIndex=e)}handleSearchInput(e){e.target instanceof HTMLInputElement&&(this.query=e.target.value,this.selectedIndex=0)}filteredOptions(){let e=this.query.trim().toLowerCase();return e===``?this.options:this.options.filter(t=>`${t.label} ${t.description??``} ${t.value}`.toLowerCase().includes(e))}handleKeyDown(e){let t=this.filteredOptions();if(e.key===`Escape`)e.preventDefault(),this.onCancel?.();else if(e.key===`ArrowDown`)e.preventDefault(),t.length>0&&(this.selectedIndex=(this.selectedIndex+1)%t.length);else if(e.key===`ArrowUp`)e.preventDefault(),t.length>0&&(this.selectedIndex=(this.selectedIndex-1+t.length)%t.length);else if(e.key===`Enter`){e.preventDefault();let n=t[this.selectedIndex];n&&this.onPick?.(n.value)}}static{this.styles=wu}};R([b()],ev.prototype,`title`,void 0),R([b({type:Boolean})],ev.prototype,`searchable`,void 0),R([b({attribute:!1})],ev.prototype,`options`,void 0),R([b({attribute:!1})],ev.prototype,`selectedValue`,void 0),R([b({attribute:!1})],ev.prototype,`onPick`,void 0),R([b({attribute:!1})],ev.prototype,`onCancel`,void 0),R([x()],ev.prototype,`selectedIndex`,void 0),R([x()],ev.prototype,`query`,void 0),ev=R([y(`command-picker`)],ev);var tv=class extends v{constructor(...e){super(...e),this.actions=[],this.queryText=``,this.selectedIndex=0}render(){let e=this.filteredActions();return g`
|
|
1484
|
-
<div class="backdrop" @mousedown=${()=>this.onCancel?.()}>
|
|
1485
|
-
<section @mousedown=${e=>{e.stopPropagation()}} @keydown=${e=>{this.handleKeyDown(e)}}>
|
|
1486
|
-
<header>
|
|
1487
|
-
<input
|
|
1488
|
-
.value=${this.queryText}
|
|
1489
|
-
placeholder="Search actions..."
|
|
1490
|
-
@input=${e=>{e.target instanceof HTMLInputElement&&(this.queryText=e.target.value,this.selectedIndex=0)}}
|
|
1491
|
-
>
|
|
1492
|
-
<button title="Close" @click=${()=>this.onCancel?.()}>×</button>
|
|
1493
|
-
</header>
|
|
1494
|
-
<div class="options">
|
|
1495
|
-
${e.length===0?g`<div class="empty">No actions found.</div>`:e.map((e,t)=>g`
|
|
1496
|
-
<button class=${`${t===this.selectedIndex?`selected`:``} ${e.enabled===!1?`disabled`:``}`} ?disabled=${e.enabled===!1} title=${e.disabledReason??e.title} ${L_(t===this.selectedIndex,e.id)} @click=${()=>{this.run(e)}}>
|
|
1497
|
-
<span class="main">
|
|
1498
|
-
<strong>${e.title}</strong>
|
|
1499
|
-
${e.description!==void 0&&e.description!==``?g`<small>${e.description}</small>`:null}
|
|
1500
|
-
${e.enabled===!1&&e.disabledReason!==void 0?g`<small class="disabled-reason">${e.disabledReason}</small>`:null}
|
|
1501
|
-
</span>
|
|
1502
|
-
${e.shortcut===void 0?null:g`<kbd>${tl(e.shortcut)}</kbd>`}
|
|
1503
|
-
${e.group!==void 0&&e.group!==``?g`<small class="group">${e.group}</small>`:null}
|
|
1504
|
-
</button>
|
|
1505
|
-
`)}
|
|
1506
|
-
</div>
|
|
1507
|
-
</section>
|
|
1508
|
-
</div>
|
|
1509
|
-
`}firstUpdated(){this.input?.focus()}updated(e){if(!e.has(`actions`)&&!e.has(`queryText`))return;let t=Math.max(0,this.filteredActions().length-1);this.selectedIndex>t&&(this.selectedIndex=t)}filteredActions(){return nv(this.actions,this.queryText)}handleKeyDown(e){let t=this.filteredActions();if(e.key===`Escape`)e.preventDefault(),this.onCancel?.();else if(e.key===`ArrowDown`)e.preventDefault(),t.length>0&&(this.selectedIndex=(this.selectedIndex+1)%t.length);else if(e.key===`ArrowUp`)e.preventDefault(),t.length>0&&(this.selectedIndex=(this.selectedIndex-1+t.length)%t.length);else if(e.key===`Enter`){e.preventDefault();let n=t[this.selectedIndex];n!==void 0&&this.run(n)}}run(e){e.enabled!==!1&&this.onRun?.(e)}static{this.styles=Tu}};R([b({attribute:!1})],tv.prototype,`actions`,void 0),R([b({attribute:!1})],tv.prototype,`onRun`,void 0),R([b({attribute:!1})],tv.prototype,`onCancel`,void 0),R([S(`input`)],tv.prototype,`input`,void 0),R([x()],tv.prototype,`queryText`,void 0),R([x()],tv.prototype,`selectedIndex`,void 0),tv=R([y(`action-palette`)],tv);function nv(e,t){let n=t.trim().toLowerCase();return e.filter(e=>e.enabled!==!1||e.disabledReason!==void 0).filter(e=>n===``||[e.title,e.description??``,e.disabledReason??``,e.group??``,e.shortcut??``].join(` `).toLowerCase().includes(n))}var rv=class extends v{render(){let e=this.state;return e===void 0?null:g`
|
|
1510
|
-
<div class="backdrop" @mousedown=${()=>{this.cancel()}}>
|
|
1511
|
-
<section @mousedown=${e=>{e.stopPropagation()}} @keydown=${e=>{this.handleKeyDown(e)}}>
|
|
1512
|
-
<header>
|
|
1513
|
-
<strong>${this.dialogTitle(e)}</strong>
|
|
1514
|
-
<button title="Close" @click=${()=>{this.cancel()}}>×</button>
|
|
1515
|
-
</header>
|
|
1516
|
-
${this.renderBody(e)}
|
|
1517
|
-
</section>
|
|
1518
|
-
</div>
|
|
1519
|
-
`}updated(){this.focusInputIfNeeded()}dialogTitle(e){switch(e.step){case`method`:return`Configure provider authentication`;case`providers`:return e.authType===void 0?`Select provider authentication`:e.authType===`oauth`?`Select subscription provider`:`Select API key provider`;case`apiKey`:return`API key for ${e.provider.name}`;case`oauth`:return`Login to ${e.flow.providerName}`;case`logout`:return`Remove stored provider authentication`}}renderBody(e){switch(e.step){case`method`:return g`
|
|
1520
|
-
<div class="options">
|
|
1521
|
-
<button @click=${()=>{this.onChooseMethod?.(`oauth`)}}><span>Use a subscription</span><small>ChatGPT Plus/Pro, Claude Pro/Max, or GitHub Copilot</small></button>
|
|
1522
|
-
<button @click=${()=>{this.onChooseMethod?.(`api_key`)}}><span>Use an API key</span><small>Store an API key in pi auth.json</small></button>
|
|
1523
|
-
</div>
|
|
1524
|
-
`;case`providers`:return g`<div class="options">${e.providers.length===0?g`<div class="empty">No providers available.</div>`:e.providers.map(e=>this.renderProviderButton(e))}</div>`;case`apiKey`:return g`
|
|
1525
|
-
<div class="form">
|
|
1526
|
-
<p>Enter the API key for <strong>${e.provider.name}</strong>. It will be stored by pi in <code>auth.json</code>.</p>
|
|
1527
|
-
<input type="password" autocomplete="off" placeholder="API key" .value=${e.value} @input=${e=>{e.target instanceof HTMLInputElement&&this.onApiKeyInput?.(e.target.value)}}>
|
|
1528
|
-
${e.error!==void 0&&e.error!==``?g`<div class="error-text">${e.error}</div>`:null}
|
|
1529
|
-
<div class="actions"><button @click=${()=>{this.cancel()}}>Cancel</button><button class="primary" ?disabled=${e.saving===!0} @click=${()=>{this.onSaveApiKey?.()}}>${e.saving===!0?`Saving…`:`Save API key`}</button></div>
|
|
1530
|
-
</div>
|
|
1531
|
-
`;case`oauth`:return this.renderOAuth(e);case`logout`:return g`<div class="options">${e.providers.length===0?g`<div class="empty">No stored credentials. Environment variables and models.json settings are unchanged.</div>`:e.providers.map(e=>g`
|
|
1532
|
-
<button @click=${()=>{this.onLogoutProvider?.(e.id)}}><span>${e.name}</span><small>${e.id} · ${iv(e.authType)}</small></button>
|
|
1533
|
-
`)}</div>`}}renderProviderButton(e){return g`
|
|
1534
|
-
<button @click=${()=>{this.onSelectProvider?.(e.id,e.authType)}}>
|
|
1535
|
-
<span>${e.name}${e.status.source===void 0?null:g` <em>${ov(e)}</em>`}</span>
|
|
1536
|
-
<small>${e.id} · ${iv(e.authType)}</small>
|
|
1537
|
-
</button>
|
|
1538
|
-
`}renderOAuth(e){let t=e.flow,n=t.prompt,r=t.select;return g`
|
|
1539
|
-
<div class="form">
|
|
1540
|
-
${t.auth===void 0?g`<p>Starting login flow…</p>`:g`
|
|
1541
|
-
<p>Open this authorization link:</p>
|
|
1542
|
-
<p><a href=${t.auth.url} target="_blank" rel="noreferrer">${t.auth.url}</a></p>
|
|
1543
|
-
${t.auth.instructions===void 0?null:g`<p class="warning">${t.auth.instructions}</p>`}
|
|
1544
|
-
`}
|
|
1545
|
-
${t.progress.length>0?g`<ul class="progress">${t.progress.map(e=>g`<li>${e}</li>`)}</ul>`:null}
|
|
1546
|
-
${n===void 0?null:g`
|
|
1547
|
-
<label>${n.message}</label>
|
|
1548
|
-
<input .value=${e.inputValue??``} placeholder=${n.placeholder??``} @input=${e=>{e.target instanceof HTMLInputElement&&this.onOAuthInput?.(e.target.value)}}>
|
|
1549
|
-
<div class="actions"><button @click=${()=>{this.onOAuthCancel?.()}}>Cancel</button><button class="primary" ?disabled=${e.responding===!0} @click=${()=>{this.onOAuthRespond?.()}}>Submit</button></div>
|
|
1550
|
-
`}
|
|
1551
|
-
${r===void 0?null:g`
|
|
1552
|
-
<p>${r.message}</p>
|
|
1553
|
-
<div class="inline-options">${r.options.map(e=>g`<button @click=${()=>{this.onOAuthRespond?.(e.value)}}>${e.label}</button>`)}</div>
|
|
1554
|
-
`}
|
|
1555
|
-
${e.error!==void 0&&e.error!==``?g`<div class="error-text">${e.error}</div>`:null}
|
|
1556
|
-
${t.status===`error`||t.status===`cancelled`?g`<div class="error-text">${t.error??t.status}</div><div class="actions"><button @click=${()=>{this.cancel()}}>Close</button></div>`:null}
|
|
1557
|
-
${n===void 0&&r===void 0&&t.status===`running`?g`<div class="actions"><button @click=${()=>{this.onOAuthCancel?.()}}>Cancel</button></div>`:null}
|
|
1558
|
-
</div>
|
|
1559
|
-
`}focusInputIfNeeded(){let e=av(this.state);if(e===void 0){this.lastFocusedInputKey=void 0;return}e!==this.lastFocusedInputKey&&(this.lastFocusedInputKey=e,this.input?.focus())}handleKeyDown(e){if(e.key===`Escape`){e.preventDefault(),this.cancel();return}if(e.key!==`Enter`)return;let t=this.state;t?.step===`apiKey`?(e.preventDefault(),this.onSaveApiKey?.()):t?.step===`oauth`&&t.flow.prompt!==void 0&&(e.preventDefault(),this.onOAuthRespond?.())}cancel(){this.state?.step===`oauth`?this.onOAuthCancel?.():this.onCancel?.()}static{this.styles=[wu,h`
|
|
1560
|
-
.form { display: grid; gap: 12px; padding: 14px; overflow: auto; }
|
|
1561
|
-
.form p { margin: 0; color: var(--pi-text-secondary); overflow-wrap: anywhere; }
|
|
1562
|
-
.form a { color: var(--pi-accent); overflow-wrap: anywhere; }
|
|
1563
|
-
.form code { border: 1px solid var(--pi-border); border-radius: 4px; background: var(--pi-surface); padding: 1px 4px; }
|
|
1564
|
-
label { color: var(--pi-muted); }
|
|
1565
|
-
.actions { display: flex; justify-content: flex-end; gap: 8px; }
|
|
1566
|
-
.actions button, .inline-options button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; }
|
|
1567
|
-
.actions button.primary { border-color: var(--pi-success-border); background: var(--pi-success-surface); color: var(--pi-success); }
|
|
1568
|
-
.actions button:disabled { opacity: .6; cursor: wait; }
|
|
1569
|
-
.warning { color: var(--pi-warning); }
|
|
1570
|
-
.error-text { color: var(--pi-danger); }
|
|
1571
|
-
.progress { margin: 0; padding-left: 18px; color: var(--pi-muted); }
|
|
1572
|
-
.inline-options { display: grid; gap: 8px; }
|
|
1573
|
-
em { color: var(--pi-success); font-style: normal; font-size: 12px; }
|
|
1574
|
-
`]}};R([b({attribute:!1})],rv.prototype,`state`,void 0),R([b({attribute:!1})],rv.prototype,`onChooseMethod`,void 0),R([b({attribute:!1})],rv.prototype,`onSelectProvider`,void 0),R([b({attribute:!1})],rv.prototype,`onApiKeyInput`,void 0),R([b({attribute:!1})],rv.prototype,`onSaveApiKey`,void 0),R([b({attribute:!1})],rv.prototype,`onLogoutProvider`,void 0),R([b({attribute:!1})],rv.prototype,`onOAuthInput`,void 0),R([b({attribute:!1})],rv.prototype,`onOAuthRespond`,void 0),R([b({attribute:!1})],rv.prototype,`onOAuthCancel`,void 0),R([b({attribute:!1})],rv.prototype,`onCancel`,void 0),R([S(`input`)],rv.prototype,`input`,void 0),rv=R([y(`auth-dialog`)],rv);function iv(e){return e===`oauth`?`subscription`:`API key`}function av(e){if(e?.step===`apiKey`)return`api-key:${e.provider.authType}:${e.provider.id}`;if(e?.step===`oauth`&&e.flow.prompt!==void 0)return`oauth:${e.flow.flowId}:${e.flow.prompt.requestId}`}function ov(e){if(e.status.source===void 0)return``;switch(e.status.source){case`stored`:return`✓ configured`;case`environment`:return`✓ env${e.status.label===void 0?``:`: ${e.status.label}`}`;case`runtime`:return`✓ runtime`;case`fallback`:return`✓ custom key`;case`models_json_key`:return`✓ models.json key`;case`models_json_command`:return`✓ models.json command`;default:return``}}var sv=class extends v{constructor(...e){super(...e),this.machineId=`local`,this.path=``,this.createMissing=!0,this.suggestions=[],this.selected=0,this.loading=!1,this.requestId=0}connectedCallback(){super.connectedCallback(),this.loadSuggestions()}firstUpdated(){this.pathInput?.focus()}async loadSuggestions(){let e=++this.requestId;this.loading=!0;try{let t=await F.projectDirectories(this.path,this.machineId);if(e!==this.requestId)return;this.suggestions=t,this.selected=Math.min(this.selected,Math.max(0,t.length-1))}catch{e===this.requestId&&(this.suggestions=[])}finally{e===this.requestId&&(this.loading=!1)}}setPath(e){this.path=e,this.selected=0,this.loadSuggestions()}pick(e){this.setPath(e.path)}submit(){this.path.trim()!==``&&this.onSubmit?.(this.path,this.createMissing)}onPathInput(e){e.target instanceof HTMLInputElement&&this.setPath(e.target.value)}onCreateMissingChange(e){e.target instanceof HTMLInputElement&&(this.createMissing=e.target.checked)}onKeyDown(e){if(e.key===`Escape`)e.preventDefault(),this.onCancel?.();else if(e.key===`Enter`)e.preventDefault(),this.submit();else if(e.key===`ArrowDown`)e.preventDefault(),this.selected=Math.min(this.selected+1,Math.max(0,this.suggestions.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),this.selected=Math.max(0,this.selected-1);else if(e.key===`Tab`){let t=this.suggestions[this.selected];if(t===void 0)return;e.preventDefault(),this.pick(t)}}render(){return g`
|
|
1575
|
-
<div class="backdrop" @click=${()=>this.onCancel?.()}>
|
|
1576
|
-
<section @click=${e=>{e.stopPropagation()}}>
|
|
1577
|
-
<header>
|
|
1578
|
-
<strong>Add project</strong>
|
|
1579
|
-
<button @click=${()=>{this.onCancel?.()}} aria-label="Close">×</button>
|
|
1580
|
-
</header>
|
|
1581
|
-
<div class="body">
|
|
1582
|
-
<label>
|
|
1583
|
-
Project folder
|
|
1584
|
-
<input .value=${this.path} @input=${e=>{this.onPathInput(e)}} @keydown=${e=>{this.onKeyDown(e)}} placeholder="/path/to/project or ~/code/project" autofocus />
|
|
1585
|
-
</label>
|
|
1586
|
-
<div class="suggestions">
|
|
1587
|
-
${this.loading?g`<div class="hint">Loading folders…</div>`:null}
|
|
1588
|
-
${this.suggestions.map((e,t)=>g`
|
|
1589
|
-
<button class=${t===this.selected?`selected`:``} @click=${()=>{this.pick(e)}}>
|
|
1590
|
-
${e.path}
|
|
1591
|
-
</button>
|
|
1592
|
-
`)}
|
|
1593
|
-
${!this.loading&&this.suggestions.length===0?g`<div class="hint">No matching folders. Enter a new path to create it.</div>`:null}
|
|
1594
|
-
</div>
|
|
1595
|
-
<label class="check">
|
|
1596
|
-
<input type="checkbox" .checked=${this.createMissing} @change=${e=>{this.onCreateMissingChange(e)}} />
|
|
1597
|
-
Create the folder if it does not exist
|
|
1598
|
-
</label>
|
|
1599
|
-
</div>
|
|
1600
|
-
<footer>
|
|
1601
|
-
<button @click=${()=>{this.onCancel?.()}}>Cancel</button>
|
|
1602
|
-
<button class="primary" ?disabled=${this.path.trim()===``} @click=${()=>{this.submit()}}>Add project</button>
|
|
1603
|
-
</footer>
|
|
1604
|
-
</section>
|
|
1605
|
-
</div>
|
|
1606
|
-
`}static{this.styles=h`
|
|
1607
|
-
:host { position: fixed; inset: 0; z-index: 30; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
1608
|
-
.backdrop { display: grid; place-items: start center; width: 100%; height: 100%; padding-top: min(12vh, 90px); box-sizing: border-box; background: var(--pi-overlay); }
|
|
1609
|
-
section { width: min(720px, calc(100vw - 40px)); max-height: min(700px, calc(100vh - 40px)); display: flex; flex-direction: column; border: 1px solid var(--pi-border); border-radius: 12px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
1610
|
-
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border-bottom: 1px solid var(--pi-border); }
|
|
1611
|
-
footer { border-top: 1px solid var(--pi-border); border-bottom: 0; justify-content: end; }
|
|
1612
|
-
.body { display: grid; gap: 12px; padding: 12px; min-height: 0; }
|
|
1613
|
-
label { display: grid; gap: 6px; color: var(--pi-muted); }
|
|
1614
|
-
input[type="text"], input:not([type]) { box-sizing: border-box; width: 100%; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 9px; font: var(--pi-control-font-size, 16px) var(--pi-control-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
|
|
1615
|
-
.check { display: flex; grid-template-columns: auto 1fr; align-items: center; color: var(--pi-text); }
|
|
1616
|
-
.suggestions { min-height: 90px; max-height: 320px; overflow: auto; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); }
|
|
1617
|
-
.suggestions button { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; border-bottom: 1px solid var(--pi-border); border-radius: 0; background: transparent; color: var(--pi-text); padding: 8px 10px; text-align: left; font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
1618
|
-
.suggestions button.selected, .suggestions button:hover { background: var(--pi-selection-bg); }
|
|
1619
|
-
.hint { padding: 12px; color: var(--pi-muted); }
|
|
1620
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
1621
|
-
header button { border: 0; background: transparent; color: var(--pi-muted); font-size: 22px; padding: 0 8px; }
|
|
1622
|
-
.primary { border-color: var(--pi-success-border); background: var(--pi-success-border); }
|
|
1623
|
-
button:disabled { opacity: .5; cursor: not-allowed; }
|
|
1624
|
-
`}};R([b({attribute:!1})],sv.prototype,`onSubmit`,void 0),R([b({attribute:!1})],sv.prototype,`onCancel`,void 0),R([b()],sv.prototype,`machineId`,void 0),R([x()],sv.prototype,`path`,void 0),R([x()],sv.prototype,`createMissing`,void 0),R([x()],sv.prototype,`suggestions`,void 0),R([x()],sv.prototype,`selected`,void 0),R([x()],sv.prototype,`loading`,void 0),R([S(`input`)],sv.prototype,`pathInput`,void 0),sv=R([y(`project-dialog`)],sv);var cv=class extends v{constructor(...e){super(...e),this.error=``,this.url=``,this.name=``,this.token=``,this.submitting=!1,this.nameEdited=!1,this.previousSuggestedName=``}firstUpdated(){this.urlInput?.focus()}handleUrlInput(e){if(!(e.target instanceof HTMLInputElement))return;let t=e.target.value,n=lv(t);(!this.nameEdited||this.name.trim()===``||this.name===this.previousSuggestedName)&&(this.name=n),this.previousSuggestedName=n,this.url=t}handleNameInput(e){e.target instanceof HTMLInputElement&&(this.nameEdited=!0,this.name=e.target.value)}handleTokenInput(e){e.target instanceof HTMLInputElement&&(this.token=e.target.value)}handleKeyDown(e){if(e.key===`Escape`){e.preventDefault(),this.onCancel?.();return}e.key===`Enter`&&e.target instanceof HTMLInputElement&&e.target.name===`baseUrl`&&uv(this.url)===void 0&&(e.preventDefault(),this.updateComplete.then(()=>{this.nameInput?.focus(),this.nameInput?.select()}))}handleSubmit(e){e.preventDefault(),this.submit()}async submit(){let e=this.validInput();if(!(e===void 0||this.submitting)){this.submitting=!0;try{await this.onSubmit?.(e)}finally{this.isConnected&&(this.submitting=!1)}}}validInput(){let e=this.url.trim(),t=this.name.trim();if(e===``||t===``||uv(e)!==void 0)return;let n=this.token.trim();return{name:t,baseUrl:e,...n===``?{}:{token:n}}}render(){let e=this.url.trim()!==``,t=e?uv(this.url):void 0,n=this.validInput()!==void 0&&!this.submitting;return g`
|
|
1625
|
-
<div class="backdrop" @click=${()=>this.onCancel?.()}>
|
|
1626
|
-
<section @click=${e=>{e.stopPropagation()}}>
|
|
1627
|
-
<form @submit=${e=>{this.handleSubmit(e)}} @keydown=${e=>{this.handleKeyDown(e)}}>
|
|
1628
|
-
<header>
|
|
1629
|
-
<strong>Add machine</strong>
|
|
1630
|
-
<button type="button" @click=${()=>{this.onCancel?.()}} aria-label="Close">×</button>
|
|
1631
|
-
</header>
|
|
1632
|
-
<div class="body">
|
|
1633
|
-
${this.error===``?null:g`<div class="dialog-error" role="alert">${this.error}</div>`}
|
|
1634
|
-
<label>
|
|
1635
|
-
Remote PI WEB URL
|
|
1636
|
-
<input name="baseUrl" type="url" .value=${this.url} @input=${e=>{this.handleUrlInput(e)}} placeholder="http://dev-box.local:8504" autocomplete="url" inputmode="url" autofocus />
|
|
1637
|
-
</label>
|
|
1638
|
-
<small class=${t===void 0?`hint`:`field-error`}>${t??`Enter the reachable base URL first, including http:// or https://.`}</small>
|
|
1639
|
-
${e?g`
|
|
1640
|
-
<label>
|
|
1641
|
-
Machine name
|
|
1642
|
-
<input name="name" type="text" .value=${this.name} @input=${e=>{this.handleNameInput(e)}} placeholder=${this.previousSuggestedName||`Dev Box`} autocomplete="off" />
|
|
1643
|
-
</label>
|
|
1644
|
-
<small class="hint">Suggested from the URL. Edit it to use a friendlier sidebar label.</small>
|
|
1645
|
-
<label>
|
|
1646
|
-
Bearer token <span class="optional">optional</span>
|
|
1647
|
-
<input name="token" type="password" .value=${this.token} @input=${e=>{this.handleTokenInput(e)}} placeholder="Leave blank if the remote machine does not require one" autocomplete="off" />
|
|
1648
|
-
</label>
|
|
1649
|
-
<small class="hint">Paste only the token value; PI WEB sends it as an Authorization: Bearer header.</small>
|
|
1650
|
-
`:g`<p class="hint intro">After you enter a URL, PI WEB will suggest a machine name and let you add an optional bearer token.</p>`}
|
|
1651
|
-
</div>
|
|
1652
|
-
<footer>
|
|
1653
|
-
<button type="button" @click=${()=>{this.onCancel?.()}}>Cancel</button>
|
|
1654
|
-
<button class="primary" type="submit" ?disabled=${!n}>${this.submitting?`Adding…`:`Add machine`}</button>
|
|
1655
|
-
</footer>
|
|
1656
|
-
</form>
|
|
1657
|
-
</section>
|
|
1658
|
-
</div>
|
|
1659
|
-
`}static{this.styles=h`
|
|
1660
|
-
:host { position: fixed; inset: 0; z-index: 30; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
1661
|
-
.backdrop { display: grid; place-items: start center; width: 100%; height: 100%; padding-top: min(12vh, 90px); box-sizing: border-box; background: var(--pi-overlay); }
|
|
1662
|
-
section { width: min(560px, calc(100vw - 40px)); max-height: min(640px, calc(100vh - 40px)); border: 1px solid var(--pi-border); border-radius: 12px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
1663
|
-
form { display: flex; flex-direction: column; max-height: inherit; min-height: 0; }
|
|
1664
|
-
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border-bottom: 1px solid var(--pi-border); }
|
|
1665
|
-
footer { border-top: 1px solid var(--pi-border); border-bottom: 0; justify-content: end; }
|
|
1666
|
-
.body { display: grid; gap: 8px; padding: 12px; min-height: 0; overflow: auto; }
|
|
1667
|
-
label { display: grid; gap: 6px; color: var(--pi-muted); }
|
|
1668
|
-
input { box-sizing: border-box; width: 100%; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 9px; font: var(--pi-control-font-size, 16px) var(--pi-control-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
|
|
1669
|
-
input:focus-visible { outline: 2px solid var(--pi-accent); outline-offset: 1px; }
|
|
1670
|
-
.hint { color: var(--pi-muted); }
|
|
1671
|
-
.intro { margin: 4px 0 0; line-height: 1.4; }
|
|
1672
|
-
.optional { color: var(--pi-muted); font-weight: 400; }
|
|
1673
|
-
.field-error { color: var(--pi-danger); }
|
|
1674
|
-
.dialog-error { border: 1px solid var(--pi-danger); border-radius: 8px; background: color-mix(in srgb, var(--pi-danger) 10%, transparent); color: var(--pi-danger); padding: 9px; line-height: 1.35; }
|
|
1675
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
1676
|
-
header button { border: 0; background: transparent; color: var(--pi-muted); font-size: 22px; padding: 0 8px; }
|
|
1677
|
-
.primary { border-color: var(--pi-success-border); background: var(--pi-success-border); }
|
|
1678
|
-
button:disabled { opacity: .5; cursor: not-allowed; }
|
|
1679
|
-
`}};R([b({attribute:!1})],cv.prototype,`onSubmit`,void 0),R([b({attribute:!1})],cv.prototype,`onCancel`,void 0),R([b()],cv.prototype,`error`,void 0),R([x()],cv.prototype,`url`,void 0),R([x()],cv.prototype,`name`,void 0),R([x()],cv.prototype,`token`,void 0),R([x()],cv.prototype,`submitting`,void 0),R([S(`input[name='baseUrl']`)],cv.prototype,`urlInput`,void 0),R([S(`input[name='name']`)],cv.prototype,`nameInput`,void 0),cv=R([y(`machine-dialog`)],cv);function lv(e){let t=e.trim();if(t===``)return``;let n=dv(t)??dv(`http://${t.replace(/^\/+/u,``)}`);return n!==void 0&&n.hostname!==``?n.hostname.replace(/^\[(.*)\]$/u,`$1`):fv(t)}function uv(e){let t=e.trim();if(t===``)return`Remote PI WEB URL is required.`;let n;try{n=new URL(t)}catch{return`Enter a valid URL including http:// or https://.`}if(n.protocol!==`http:`&&n.protocol!==`https:`)return`Use an http:// or https:// URL.`;if(n.username!==``||n.password!==``)return`Do not include credentials in the machine URL.`;if(n.search!==``||n.hash!==``)return`Do not include a query string or fragment.`}function dv(e){try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`?t:void 0}catch{return}}function fv(e){let t=e.replace(/^[a-z][a-z\d+.-]*:\/\//iu,``),n=t.slice(t.lastIndexOf(`@`)+1).split(/[/?#]/u)[0]??``;return n.startsWith(`[`)&&n.includes(`]`)?n.slice(1,n.indexOf(`]`)):n.replace(/:\d+$/u,``)}var pv={availability:`error`,error:`error`,success:`success`,security:`warning`,warning:`warning`,info:`info`};function mv(e){return e.tone??pv[e.type]}var hv=class extends v{constructor(...e){super(...e),this.heading=``,this.description=``,this.actionLabel=``,this.actionTitle=``,this.actionDisabled=!1,this.notices=[]}render(){return g`
|
|
1680
|
-
<section class="panel" aria-label=${this.heading||`Settings panel`}>
|
|
1681
|
-
<header class="section-heading">
|
|
1682
|
-
<div class="heading-copy">
|
|
1683
|
-
${this.heading===``?_:g`<h2>${this.heading}</h2>`}
|
|
1684
|
-
<div class="description"><slot name="description">${this.description}</slot></div>
|
|
1685
|
-
</div>
|
|
1686
|
-
<div class="heading-actions"><slot name="actions">${this.renderDefaultAction()}</slot></div>
|
|
1687
|
-
</header>
|
|
1688
|
-
${this.renderNoticeStack()}
|
|
1689
|
-
<div class="content"><slot></slot></div>
|
|
1690
|
-
</section>
|
|
1691
|
-
`}renderDefaultAction(){return this.actionLabel===``?_:g`
|
|
1692
|
-
<button
|
|
1693
|
-
class="secondary"
|
|
1694
|
-
title=${this.actionTitle||this.actionLabel}
|
|
1695
|
-
?disabled=${this.actionDisabled}
|
|
1696
|
-
@click=${()=>{this.onAction?.()}}
|
|
1697
|
-
>${this.actionLabel}</button>
|
|
1698
|
-
`}renderNoticeStack(){return this.notices.length===0?_:g`
|
|
1699
|
-
<div class="notice-stack" aria-label="Settings notices">
|
|
1700
|
-
${this.notices.map(e=>this.renderNotice(e))}
|
|
1701
|
-
</div>
|
|
1702
|
-
`}renderNotice(e){let t=mv(e),n=e.role??gv(t),r=e.title;return g`
|
|
1703
|
-
<article class=${`notice ${t}`} role=${n}>
|
|
1704
|
-
${r===void 0||r===``?_:g`<strong class="notice-title">${r}</strong>`}
|
|
1705
|
-
<div class="notice-content">${e.content}</div>
|
|
1706
|
-
</article>
|
|
1707
|
-
`}static{this.styles=h`
|
|
1708
|
-
:host { display: block; }
|
|
1709
|
-
.panel { display: block; }
|
|
1710
|
-
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
|
|
1711
|
-
.heading-copy { display: grid; gap: 6px; min-width: 0; }
|
|
1712
|
-
.heading-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
|
|
1713
|
-
h2 { margin: 0; font-size: 17px; line-height: 1.25; }
|
|
1714
|
-
.description { color: var(--pi-muted); line-height: 1.45; }
|
|
1715
|
-
.description ::slotted(*) { margin: 0; }
|
|
1716
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; font: inherit; cursor: pointer; }
|
|
1717
|
-
button:disabled { opacity: .55; cursor: not-allowed; }
|
|
1718
|
-
.secondary { flex: 0 0 auto; }
|
|
1719
|
-
.notice-stack { display: grid; gap: 12px; margin-bottom: 14px; }
|
|
1720
|
-
.notice { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; line-height: 1.45; }
|
|
1721
|
-
.notice.error { border-color: var(--pi-danger); color: var(--pi-danger); background: color-mix(in srgb, var(--pi-danger) 10%, var(--pi-surface)); }
|
|
1722
|
-
.notice.success { border-color: var(--pi-success-border); color: var(--pi-success); background: var(--pi-success-surface); }
|
|
1723
|
-
.notice.warning { border-color: var(--pi-warning-border); color: var(--pi-text); background: var(--pi-warning-surface); }
|
|
1724
|
-
.notice.info { color: var(--pi-muted); }
|
|
1725
|
-
.notice-title { display: block; margin-bottom: 4px; color: inherit; }
|
|
1726
|
-
.notice-content { min-width: 0; }
|
|
1727
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
1728
|
-
.content { display: grid; gap: 14px; min-width: 0; }
|
|
1729
|
-
.content ::slotted(*) { min-width: 0; }
|
|
1730
|
-
|
|
1731
|
-
@media (max-width: 760px) {
|
|
1732
|
-
.section-heading { display: grid; gap: 12px; }
|
|
1733
|
-
.heading-actions { justify-self: start; }
|
|
1734
|
-
}
|
|
1735
|
-
`}};R([b()],hv.prototype,`heading`,void 0),R([b({attribute:!1})],hv.prototype,`description`,void 0),R([b()],hv.prototype,`actionLabel`,void 0),R([b()],hv.prototype,`actionTitle`,void 0),R([b({type:Boolean})],hv.prototype,`actionDisabled`,void 0),R([b({attribute:!1})],hv.prototype,`notices`,void 0),R([b({attribute:!1})],hv.prototype,`onAction`,void 0),hv=R([y(`settings-panel-frame`)],hv);function gv(e){switch(e){case`error`:return`alert`;case`success`:return`status`;case`warning`:case`info`:return`note`}}function _v(){return{host:``,port:``,allowedHostsMode:`list`,allowedHostsText:``}}function vv(){return{allowedPathsText:``,uploadDefaultFolder:``}}function yv(e){return{host:e.host??``,port:e.port===void 0?``:String(e.port),allowedHostsMode:e.allowedHosts===!0?`all`:`list`,allowedHostsText:Array.isArray(e.allowedHosts)?e.allowedHosts.join(`
|
|
1736
|
-
`):``}}function bv(e){return{allowedPathsText:e.pathAccess?.allowedPaths?.join(`
|
|
1737
|
-
`)??``,uploadDefaultFolder:e.uploads?.defaultFolder??``}}function xv(e,t={}){let n=Cv(t),r=e.host.trim(),i=e.port.trim();if(r!==``&&(n.host=r),i!==``){let e=Number(i);if(!Number.isInteger(e)||e<1||e>65535)throw Error(`Port must be an integer from 1 to 65535.`);n.port=e}return n.allowedHosts=e.allowedHostsMode===`all`||wv(e.allowedHostsText),n}function Sv(e){let t=Tv(e.allowedPathsText),n=Ev(e.uploadDefaultFolder);return{pathAccess:{allowedPaths:t},uploads:n===``?{}:{defaultFolder:n}}}function Cv(e){return{...e.shortcuts===void 0?{}:{shortcuts:e.shortcuts},...e.plugins===void 0?{}:{plugins:e.plugins},...e.pathAccess===void 0?{}:{pathAccess:e.pathAccess},...e.uploads===void 0?{}:{uploads:e.uploads},...e.maxUploadBytes===void 0?{}:{maxUploadBytes:e.maxUploadBytes},...e.spawnSessions===void 0?{}:{spawnSessions:e.spawnSessions},...e.subsessions===void 0?{}:{subsessions:e.subsessions}}}function wv(e){return e.split(/[\n,]/u).map(e=>e.trim()).filter(e=>e!==``)}function Tv(e){let t=e.split(`
|
|
1738
|
-
`).map(e=>e.trim()).filter(e=>e!==``),n=t.find(e=>!Dv(e));if(n!==void 0)throw Error(`Allowed external paths must be absolute paths or start with ~: ${n}`);return t}function Ev(e){let t=e.trim();if(t===``)return``;if(Ov(t))throw Error(`Upload default folder must be workspace-relative.`);let n=t.split(/[\\/]+/u).filter(e=>e!==``&&e!==`.`);if(n.length===0)return``;if(n.some(e=>e===`..`))throw Error(`Upload default folder must not contain path traversal.`);return n.join(`/`)}function Dv(e){return e===`~`||e.startsWith(`~/`)||e.startsWith(`~\\`)||e.startsWith(`/`)||e.startsWith(`\\`)||/^[A-Za-z]:[\\/]/u.test(e)}function Ov(e){let t=e.replace(/\\/g,`/`);return t.startsWith(`/`)||/^[A-Za-z]:\//u.test(t)}function kv(e){return g`Gateway server fields edit this local gateway. File access and upload defaults edit ${e}.`}var J=class extends v{constructor(...e){super(...e),this.loading=!1,this.machineLoading=!1,this.saving=!1,this.error=``,this.machineError=``,this.savedMessage=``,this.targetLabel=`selected machine`,this.gatewayDraft=_v(),this.machineDraft=vv(),this.gatewayLocalError=``,this.machineLocalError=``}willUpdate(e){e.has(`configResponse`)&&this.configResponse!==void 0&&(this.gatewayDraft=yv(this.configResponse.config),this.gatewayLocalError=``),e.has(`machineConfigResponse`)&&this.machineConfigResponse!==void 0&&(this.machineDraft=bv(this.machineConfigResponse.config),this.machineLocalError=``)}render(){return g`
|
|
1739
|
-
<settings-panel-frame
|
|
1740
|
-
heading="General configuration"
|
|
1741
|
-
.description=${kv(this.targetLabel)}
|
|
1742
|
-
actionLabel="Reload"
|
|
1743
|
-
.actionDisabled=${this.loading||this.machineLoading}
|
|
1744
|
-
.notices=${this.panelNotices()}
|
|
1745
|
-
.onAction=${()=>{this.reloadAll()}}
|
|
1746
|
-
>
|
|
1747
|
-
<div class="settings-sections">
|
|
1748
|
-
${this.renderGatewayServerSettings()}
|
|
1749
|
-
${this.renderSelectedMachineAccessSettings()}
|
|
1750
|
-
</div>
|
|
1751
|
-
</settings-panel-frame>
|
|
1752
|
-
`}renderGatewayServerSettings(){let e=this.configResponse;return g`
|
|
1753
|
-
<section class="settings-card" aria-label="Gateway server settings">
|
|
1754
|
-
<div class="card-heading">
|
|
1755
|
-
<h3>Gateway server</h3>
|
|
1756
|
-
<p>Host, port, and allowed hosts are saved in the gateway config. Address changes require the web service to restart before the running server binds to the new address.</p>
|
|
1757
|
-
</div>
|
|
1758
|
-
${e===void 0&&this.loading?g`<div class="loading-card">Loading gateway configuration…</div>`:g`
|
|
1759
|
-
<div class="config-path-card">
|
|
1760
|
-
<span>Gateway config file</span>
|
|
1761
|
-
<code>${e?.path??`Unknown`}</code>
|
|
1762
|
-
<small>${e?.exists===!0?`Existing file`:`This file will be created on save`}</small>
|
|
1763
|
-
</div>
|
|
1764
|
-
<form class="config-form" @submit=${e=>{this.saveGatewayConfig(e)}}>
|
|
1765
|
-
<label class="field">
|
|
1766
|
-
<span class="field-heading">
|
|
1767
|
-
<span>Host</span>
|
|
1768
|
-
${this.renderOverrideBadge(`host`)}
|
|
1769
|
-
</span>
|
|
1770
|
-
<input .value=${this.gatewayDraft.host} placeholder="127.0.0.1" autocomplete="off" spellcheck="false" @input=${e=>{this.updateGatewayDraft({host:Mv(e)})}}>
|
|
1771
|
-
<small>Address the web server should bind to. Leave empty to use PI WEB's default.</small>
|
|
1772
|
-
</label>
|
|
1773
|
-
|
|
1774
|
-
<label class="field">
|
|
1775
|
-
<span class="field-heading">
|
|
1776
|
-
<span>Port</span>
|
|
1777
|
-
${this.renderOverrideBadge(`port`)}
|
|
1778
|
-
</span>
|
|
1779
|
-
<input .value=${this.gatewayDraft.port} inputmode="numeric" pattern="[0-9]*" placeholder="8504" autocomplete="off" @input=${e=>{this.updateGatewayDraft({port:Mv(e)})}}>
|
|
1780
|
-
<small>TCP port from 1 to 65535. Leave empty to use PI WEB's default.</small>
|
|
1781
|
-
</label>
|
|
1782
|
-
|
|
1783
|
-
<div class="field">
|
|
1784
|
-
<span class="field-heading">
|
|
1785
|
-
<span>Allowed hosts</span>
|
|
1786
|
-
${this.renderOverrideBadge(`allowedHosts`)}
|
|
1787
|
-
</span>
|
|
1788
|
-
<select .value=${this.gatewayDraft.allowedHostsMode} @change=${e=>{this.updateGatewayDraft({allowedHostsMode:Nv(e)===`all`?`all`:`list`})}}>
|
|
1789
|
-
<option value="list">Only listed hosts</option>
|
|
1790
|
-
<option value="all">Allow every host</option>
|
|
1791
|
-
</select>
|
|
1792
|
-
<textarea .value=${this.gatewayDraft.allowedHostsText} ?disabled=${this.gatewayDraft.allowedHostsMode===`all`} rows="4" placeholder="example.local 192.168.1.20" spellcheck="false" @input=${e=>{this.updateGatewayDraft({allowedHostsText:Pv(e)})}}></textarea>
|
|
1793
|
-
<small>Enter one host per line, or choose “Allow every host” to write <code>true</code>.</small>
|
|
1794
|
-
</div>
|
|
1795
|
-
|
|
1796
|
-
${this.renderGatewayEffectiveConfig()}
|
|
1797
|
-
|
|
1798
|
-
<footer class="form-actions">
|
|
1799
|
-
<button class="primary" ?disabled=${this.loading||this.saving}>${this.saving?`Saving…`:`Save gateway server config`}</button>
|
|
1800
|
-
</footer>
|
|
1801
|
-
</form>
|
|
1802
|
-
`}
|
|
1803
|
-
</section>
|
|
1804
|
-
`}renderSelectedMachineAccessSettings(){let e=this.machineConfigResponse;return g`
|
|
1805
|
-
<section class="settings-card" aria-label="Selected machine file access and upload settings">
|
|
1806
|
-
<div class="card-heading">
|
|
1807
|
-
<h3>Selected machine file access and uploads</h3>
|
|
1808
|
-
<p>External filesystem roots and upload defaults are saved on ${this.targetLabel}.</p>
|
|
1809
|
-
</div>
|
|
1810
|
-
${this.renderMachineMessages()}
|
|
1811
|
-
${e===void 0?g`<div class="loading-card">${this.machineLoading?`Loading selected-machine file access config…`:`Selected-machine file access config is unavailable. Reload before saving file/upload settings.`}</div>`:g`
|
|
1812
|
-
<div class="config-path-card">
|
|
1813
|
-
<span>Selected machine config file</span>
|
|
1814
|
-
<code>${e.path}</code>
|
|
1815
|
-
<small>${e.exists?`Existing file`:`This file will be created on save`}</small>
|
|
1816
|
-
</div>
|
|
1817
|
-
<form class="config-form" @submit=${e=>{this.saveMachineAccessConfig(e)}}>
|
|
1818
|
-
<label class="field">
|
|
1819
|
-
<span class="field-heading">
|
|
1820
|
-
<span>External filesystem roots</span>
|
|
1821
|
-
</span>
|
|
1822
|
-
<textarea .value=${this.machineDraft.allowedPathsText} rows="4" placeholder="~/SDKs /opt/reference" spellcheck="false" @input=${e=>{this.updateMachineDraft({allowedPathsText:Pv(e)})}}></textarea>
|
|
1823
|
-
<small>Allowlist for absolute <code>@</code> completions and file explorer reads outside a workspace on ${this.targetLabel}. Enter one absolute path, Windows absolute path, or <code>~</code>-prefixed path per line. Leave empty to deny external paths by default.</small>
|
|
1824
|
-
</label>
|
|
1825
|
-
|
|
1826
|
-
<label class="field">
|
|
1827
|
-
<span class="field-heading">
|
|
1828
|
-
<span>Default upload folder</span>
|
|
1829
|
-
</span>
|
|
1830
|
-
<input .value=${this.machineDraft.uploadDefaultFolder} placeholder=${di} autocomplete="off" spellcheck="false" @input=${e=>{this.updateMachineDraft({uploadDefaultFolder:Mv(e)})}}>
|
|
1831
|
-
<small>Workspace-relative folder for manual file uploads on ${this.targetLabel}. Leave empty to use PI WEB's default <code>${di}</code>.</small>
|
|
1832
|
-
</label>
|
|
1833
|
-
|
|
1834
|
-
${this.renderMachineEffectiveConfig()}
|
|
1835
|
-
|
|
1836
|
-
<footer class="form-actions">
|
|
1837
|
-
<button class="primary" ?disabled=${this.machineLoading||this.saving}>${this.saving?`Saving…`:`Save file/upload config`}</button>
|
|
1838
|
-
</footer>
|
|
1839
|
-
</form>
|
|
1840
|
-
`}
|
|
1841
|
-
</section>
|
|
1842
|
-
`}panelNotices(){let e=[],t=this.gatewayLocalError||this.error;return t!==``&&e.push({type:`error`,title:`Gateway server`,content:t}),this.savedMessage!==``&&e.push({type:`success`,content:this.savedMessage}),e}renderMachineMessages(){let e=this.machineLocalError||this.machineError;return e===``?null:g`<div class="message error-message">${e}</div>`}renderOverrideBadge(e){return this.configResponse?.envOverrides[e]===!0?g`<span class="override-badge">environment override</span>`:null}renderGatewayEffectiveConfig(){let e=this.configResponse?.effectiveConfig??{};return g`
|
|
1843
|
-
<section class="effective-card" aria-label="Effective gateway configuration summary">
|
|
1844
|
-
<h3>Effective gateway settings after environment overrides</h3>
|
|
1845
|
-
<dl>
|
|
1846
|
-
<div><dt>Host</dt><dd>${e.host??g`<span class="muted">127.0.0.1 default</span>`}</dd></div>
|
|
1847
|
-
<div><dt>Port</dt><dd>${e.port??g`<span class="muted">8504 default</span>`}</dd></div>
|
|
1848
|
-
<div><dt>Allowed hosts</dt><dd>${Av(e.allowedHosts)}</dd></div>
|
|
1849
|
-
</dl>
|
|
1850
|
-
</section>
|
|
1851
|
-
`}renderMachineEffectiveConfig(){let e=this.machineConfigResponse?.effectiveConfig??{};return g`
|
|
1852
|
-
<section class="effective-card" aria-label="Effective selected machine file access and upload summary">
|
|
1853
|
-
<h3>Effective selected-machine settings</h3>
|
|
1854
|
-
<dl>
|
|
1855
|
-
<div><dt>External roots</dt><dd>${jv(e.pathAccess?.allowedPaths)}</dd></div>
|
|
1856
|
-
<div><dt>Upload folder</dt><dd>${e.uploads?.defaultFolder??g`<span class="muted">${`.pi-web/uploads`} default</span>`}</dd></div>
|
|
1857
|
-
</dl>
|
|
1858
|
-
</section>
|
|
1859
|
-
`}reloadAll(){this.onReload?.(),this.onReloadMachine?.()}async saveGatewayConfig(e){e.preventDefault(),this.gatewayLocalError=``;try{await this.onSave?.(xv(this.gatewayDraft,this.configResponse?.config??{}))}catch(e){this.gatewayLocalError=Fv(e)}}async saveMachineAccessConfig(e){e.preventDefault(),this.machineLocalError=``;try{await this.onSaveMachineConfig?.(Sv(this.machineDraft))}catch(e){this.machineLocalError=Fv(e)}}updateGatewayDraft(e){this.gatewayDraft={...this.gatewayDraft,...e},this.gatewayLocalError=``}updateMachineDraft(e){this.machineDraft={...this.machineDraft,...e},this.machineLocalError=``}static{this.styles=h`
|
|
1860
|
-
:host { display: block; }
|
|
1861
|
-
.card-heading { display: grid; gap: 6px; min-width: 0; }
|
|
1862
|
-
h3, p { margin: 0; }
|
|
1863
|
-
h3 { font-size: 13px; line-height: 1.3; }
|
|
1864
|
-
p { color: var(--pi-muted); line-height: 1.45; }
|
|
1865
|
-
button, input, select, textarea { font: inherit; }
|
|
1866
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
1867
|
-
button:disabled { opacity: .55; cursor: not-allowed; }
|
|
1868
|
-
.settings-sections { display: grid; gap: 14px; }
|
|
1869
|
-
.settings-card, .message, .loading-card, .config-path-card, .effective-card { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; }
|
|
1870
|
-
.settings-card { display: grid; gap: 14px; }
|
|
1871
|
-
.message { margin-bottom: 12px; }
|
|
1872
|
-
.settings-card .message { margin-bottom: 0; }
|
|
1873
|
-
.error-message { border-color: var(--pi-danger); color: var(--pi-danger); background: color-mix(in srgb, var(--pi-danger) 10%, var(--pi-surface)); }
|
|
1874
|
-
.loading-card { color: var(--pi-muted); }
|
|
1875
|
-
.config-path-card { display: grid; gap: 5px; }
|
|
1876
|
-
.config-path-card span, .field-heading, dt { color: var(--pi-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
|
|
1877
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
1878
|
-
.config-path-card small, .field small { color: var(--pi-muted); }
|
|
1879
|
-
.config-form { display: grid; gap: 14px; }
|
|
1880
|
-
.field { display: grid; gap: 7px; }
|
|
1881
|
-
.field-heading { display: flex; align-items: center; gap: 8px; }
|
|
1882
|
-
input, select, textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 9px 10px; outline: none; font: var(--pi-control-font-size, 16px) var(--pi-control-font-family, system-ui, sans-serif); }
|
|
1883
|
-
input:focus, select:focus, textarea:focus { border-color: var(--pi-accent); box-shadow: 0 0 0 1px var(--pi-accent-border); }
|
|
1884
|
-
textarea { resize: vertical; min-height: 94px; font-family: var(--pi-control-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
|
|
1885
|
-
textarea:disabled { opacity: .55; }
|
|
1886
|
-
.override-badge { border: 1px solid var(--pi-warning-border); border-radius: 999px; color: var(--pi-warning); background: var(--pi-warning-surface); padding: 2px 7px; font-size: 11px; font-weight: 600; text-transform: none; }
|
|
1887
|
-
.effective-card { display: grid; gap: 10px; }
|
|
1888
|
-
.effective-card dl { display: grid; gap: 8px; margin: 0; }
|
|
1889
|
-
.effective-card dl > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; align-items: baseline; }
|
|
1890
|
-
dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
|
|
1891
|
-
.muted { color: var(--pi-muted); }
|
|
1892
|
-
.form-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 2px; }
|
|
1893
|
-
.primary { border-color: var(--pi-accent); background: var(--pi-selection-bg); color: var(--pi-text-bright); }
|
|
1894
|
-
|
|
1895
|
-
@media (max-width: 760px) {
|
|
1896
|
-
.effective-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
|
|
1897
|
-
}
|
|
1898
|
-
`}};R([b({attribute:!1})],J.prototype,`configResponse`,void 0),R([b({attribute:!1})],J.prototype,`machineConfigResponse`,void 0),R([b({type:Boolean})],J.prototype,`loading`,void 0),R([b({type:Boolean})],J.prototype,`machineLoading`,void 0),R([b({type:Boolean})],J.prototype,`saving`,void 0),R([b()],J.prototype,`error`,void 0),R([b()],J.prototype,`machineError`,void 0),R([b()],J.prototype,`savedMessage`,void 0),R([b()],J.prototype,`targetLabel`,void 0),R([b({attribute:!1})],J.prototype,`onReload`,void 0),R([b({attribute:!1})],J.prototype,`onReloadMachine`,void 0),R([b({attribute:!1})],J.prototype,`onSave`,void 0),R([b({attribute:!1})],J.prototype,`onSaveMachineConfig`,void 0),R([x()],J.prototype,`gatewayDraft`,void 0),R([x()],J.prototype,`machineDraft`,void 0),R([x()],J.prototype,`gatewayLocalError`,void 0),R([x()],J.prototype,`machineLocalError`,void 0),J=R([y(`settings-general-panel`)],J);function Av(e){return e===!0?`Any host`:Array.isArray(e)?e.length===0?g`<span class="muted">None listed</span>`:e.join(`, `):g`<span class="muted">Unset</span>`}function jv(e){return e===void 0||e.length===0?g`<span class="muted">External paths denied</span>`:e.join(`, `)}function Mv(e){return e.target instanceof HTMLInputElement?e.target.value:``}function Nv(e){return e.target instanceof HTMLSelectElement?e.target.value:``}function Pv(e){return e.target instanceof HTMLTextAreaElement?e.target.value:``}function Fv(e){return e instanceof Error?e.message:String(e)}function Iv(e){return{spawnSessions:e}}function Lv(e){return{subsessions:e}}function Rv(e,t){return{...e,config:{...e.config,...t.config},effectiveConfig:{...e.effectiveConfig,...t.effectiveConfig},envOverrides:{...e.envOverrides,spawnSessions:t.envOverrides.spawnSessions,subsessions:t.envOverrides.subsessions}}}var zv=class extends v{constructor(...e){super(...e),this.loading=!1,this.saving=!1,this.error=``,this.savedMessage=``,this.targetLabel=`local (local gateway)`}render(){let e=this.configResponse,t=e?.envOverrides.spawnSessions===!0,n=e?.effectiveConfig.spawnSessions!==!1,r=e?.envOverrides.subsessions===!0,i=e?.effectiveConfig.subsessions===!0&&n;return g`
|
|
1899
|
-
<settings-panel-frame
|
|
1900
|
-
heading="Session daemon"
|
|
1901
|
-
.description=${Bv(this.targetLabel)}
|
|
1902
|
-
actionLabel="Reload"
|
|
1903
|
-
.actionDisabled=${this.loading}
|
|
1904
|
-
.notices=${this.panelNotices(e)}
|
|
1905
|
-
.onAction=${this.onReload}
|
|
1906
|
-
>
|
|
1907
|
-
${e===void 0?this.renderUnavailableConfigState():g`
|
|
1908
|
-
<div class="config-path-card">
|
|
1909
|
-
<span>Config file</span>
|
|
1910
|
-
<code>${e.path}</code>
|
|
1911
|
-
</div>
|
|
1912
|
-
<div class="field">
|
|
1913
|
-
<span class="field-heading">
|
|
1914
|
-
<span>Allow agents to start sessions</span>
|
|
1915
|
-
${t?g`<span class="override-badge">environment override</span>`:null}
|
|
1916
|
-
</span>
|
|
1917
|
-
<label class="toggle">
|
|
1918
|
-
<input
|
|
1919
|
-
type="checkbox"
|
|
1920
|
-
.checked=${n}
|
|
1921
|
-
?disabled=${this.loading||this.saving||t}
|
|
1922
|
-
@change=${e=>{this.toggleSpawnSessions(e)}}
|
|
1923
|
-
>
|
|
1924
|
-
<span>Enable the <code>spawn_session</code> tool</span>
|
|
1925
|
-
</label>
|
|
1926
|
-
<small>When enabled, LLMs can start new sessions, constrained to a workspace (any worktree) of the same registered project so every spawned session stays visible here. On by default.</small>
|
|
1927
|
-
</div>
|
|
1928
|
-
<div class="field">
|
|
1929
|
-
<span class="field-heading">
|
|
1930
|
-
<span>Allow agents to start tracked subsessions</span>
|
|
1931
|
-
<span class="beta-badge">beta</span>
|
|
1932
|
-
${r?g`<span class="override-badge">environment override</span>`:null}
|
|
1933
|
-
</span>
|
|
1934
|
-
<label class="toggle">
|
|
1935
|
-
<input
|
|
1936
|
-
type="checkbox"
|
|
1937
|
-
.checked=${i}
|
|
1938
|
-
?disabled=${this.loading||this.saving||r||!n}
|
|
1939
|
-
@change=${e=>{this.toggleSubsessions(e)}}
|
|
1940
|
-
>
|
|
1941
|
-
<span>Enable the <code>spawn_subsession</code> tools</span>
|
|
1942
|
-
</label>
|
|
1943
|
-
<small>Beta: agents can start child sessions they stay attached to (<code>spawn_subsession</code>, <code>list_subsessions</code>, <code>check_subsession</code>, <code>read_subsession</code>) and are notified when a child finishes. Requires "Allow agents to start sessions". Off by default.</small>
|
|
1944
|
-
</div>
|
|
1945
|
-
<section class="effective-card" aria-label="Effective configuration summary">
|
|
1946
|
-
<h3>Effective after environment overrides</h3>
|
|
1947
|
-
<dl>
|
|
1948
|
-
<div><dt>Spawn sessions</dt><dd>${n?`Enabled`:g`<span class="muted">Disabled</span>`}</dd></div>
|
|
1949
|
-
<div><dt>Subsessions</dt><dd>${i?`Enabled`:g`<span class="muted">Disabled</span>`}</dd></div>
|
|
1950
|
-
</dl>
|
|
1951
|
-
</section>
|
|
1952
|
-
`}
|
|
1953
|
-
</settings-panel-frame>
|
|
1954
|
-
`}panelNotices(e){let t=[];return this.error!==``&&t.push({type:`error`,content:this.error}),this.savedMessage!==``&&t.push({type:`success`,content:this.savedMessage}),e!==void 0&&t.push({type:`warning`,title:`Restart required on ${this.targetLabel}`,content:g`run <code>pi-web restart</code> on that machine (or restart its session daemon service) after changing these settings.`}),t}renderUnavailableConfigState(){return g`<div class="loading-card">${this.loading?`Loading configuration…`:`Configuration is unavailable. Reload to try again.`}</div>`}async toggleSpawnSessions(e){let t=e.target instanceof HTMLInputElement&&e.target.checked;await this.onSave?.(Iv(t))}async toggleSubsessions(e){let t=e.target instanceof HTMLInputElement&&e.target.checked;await this.onSave?.(Lv(t))}static{this.styles=h`
|
|
1955
|
-
:host { display: block; }
|
|
1956
|
-
h3 { margin: 0; font-size: 13px; line-height: 1.3; }
|
|
1957
|
-
button, input { font: inherit; }
|
|
1958
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
1959
|
-
button:disabled { opacity: .55; cursor: not-allowed; }
|
|
1960
|
-
.loading-card, .config-path-card, .effective-card { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; }
|
|
1961
|
-
.loading-card { color: var(--pi-muted); }
|
|
1962
|
-
.config-path-card { display: grid; gap: 5px; }
|
|
1963
|
-
.config-path-card span, .field-heading, dt { color: var(--pi-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
|
|
1964
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
1965
|
-
.field { display: grid; gap: 7px; }
|
|
1966
|
-
.field small { color: var(--pi-muted); line-height: 1.45; }
|
|
1967
|
-
.field-heading { display: flex; align-items: center; gap: 8px; }
|
|
1968
|
-
.toggle { display: flex; align-items: center; gap: 9px; cursor: pointer; }
|
|
1969
|
-
.toggle input { width: 16px; height: 16px; }
|
|
1970
|
-
.toggle input:disabled { cursor: not-allowed; }
|
|
1971
|
-
.override-badge { border: 1px solid var(--pi-warning-border); border-radius: 999px; color: var(--pi-warning); background: var(--pi-warning-surface); padding: 2px 7px; font-size: 11px; font-weight: 600; text-transform: none; }
|
|
1972
|
-
.beta-badge { border: 1px solid var(--pi-border); border-radius: 999px; color: var(--pi-muted); background: var(--pi-bg); padding: 2px 7px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
|
|
1973
|
-
.effective-card { display: grid; gap: 10px; }
|
|
1974
|
-
.effective-card dl { display: grid; gap: 8px; margin: 0; }
|
|
1975
|
-
.effective-card dl > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; align-items: baseline; }
|
|
1976
|
-
dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
|
|
1977
|
-
.muted { color: var(--pi-muted); }
|
|
1978
|
-
|
|
1979
|
-
@media (max-width: 760px) {
|
|
1980
|
-
.effective-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
|
|
1981
|
-
}
|
|
1982
|
-
`}};R([b({attribute:!1})],zv.prototype,`configResponse`,void 0),R([b({type:Boolean})],zv.prototype,`loading`,void 0),R([b({type:Boolean})],zv.prototype,`saving`,void 0),R([b()],zv.prototype,`error`,void 0),R([b()],zv.prototype,`savedMessage`,void 0),R([b()],zv.prototype,`targetLabel`,void 0),R([b({attribute:!1})],zv.prototype,`onReload`,void 0),R([b({attribute:!1})],zv.prototype,`onSave`,void 0),zv=R([y(`settings-sessiond-panel`)],zv);function Bv(e){return`These settings affect the long-lived session runtime on ${e}. Changes are saved immediately but only take effect after the session daemon on that machine restarts.`}function Vv(e){return e===void 0?{id:`local`,name:`local`,kind:`local`}:{id:e.id,name:e.name,kind:e.kind}}function Hv(e){return e.kind===`local`?`${e.name} (local gateway)`:`${e.name} (remote machine)`}function Uv(e,t){return e.kind===`local`?{state:`supported`}:t?.ok===!0?St(t,w.piPackagesManage)?{state:`supported`}:{state:`unsupported`,message:Kv(e)}:{state:`unknown`}}function Wv(e){return`${e.state}:${e.message??``}`}function Gv(e){return e?.state===`unsupported`}function Kv(e){return`Pi package management is not available on ${e.name}. Update and restart Pi-Web on that machine, then try again.`}function qv(e){return e.kind===`local`}function Jv(e){return e.trim()}function Yv(e){if(Jv(e)===``)return`Enter a Pi package source accepted by Pi, such as npm:@scope/package, a git/URL source, or a local path.`}function Xv(e){return e.scope===`project`?`Project scope`:`User scope`}function Zv(e){return e.filtered?`Filtered by current Pi package settings`:`Available in this PI WEB process`}function Qv(e){return e.installedPath??`Installed path not reported by Pi`}function $v(e){return e.scope===`user`}function ey(e){if(!$v(e))return`Project-scope Pi packages are listed for visibility, but PI WEB only updates user-scope Pi packages safely from this view.`}function ty(e){return e.length>0&&e.every($v)}function ny(e){if(e.length===0)return`No Pi packages are configured yet.`;if(!ty(e))return`Update all is disabled while project-scope Pi packages are listed; update user-scope packages individually.`}function ry(e,t,n){return e?.kind===t?n===void 0||e.source===n:!1}function iy(e,t=Vv(void 0)){return`Pi package ${e===`install`?`installed`:e===`remove`?`removed`:`updated`}${t.kind===`local`?``:` on ${t.name}`}. Type /reload in ${t.kind===`local`?`each idle PI WEB session`:`each idle PI WEB session on ${t.name}`} to rediscover Pi runtime resources: extensions, skills, prompt templates, themes, and context/system prompt files. Reload the browser page separately for ${t.kind===`local`?`PI WEB browser plugin changes`:`PI WEB browser plugin changes served by ${t.name}`}.`}function ay(e,t){let n=e.trim();return t.kind===`remote`?oy(n)?Kv(t):n===`Remote machine timeout`?`Timed out while contacting ${t.name} for Pi package management. The package operation may still be running remotely; reload the package list before retrying.`:n===`Remote machine unavailable`?`Could not reach ${t.name} for Pi package management. Check the machine connection and try again.`:n:n}function oy(e){return e===`Not Found`||/route\s+(GET|POST):?\/api\/pi-packages\b.*not found/iu.test(e)||/cannot\s+(GET|POST)\s+.*\/api\/pi-packages\b/iu.test(e)}var Y=class extends v{constructor(...e){super(...e),this.loading=!1,this.error=``,this.operationMessage=``,this.installSource=``,this.validationMessage=``}render(){let e=this.packagesResponse?.packages??[],t=this.packageTarget,n=Hv(t),r=this.packageManagementUnavailable,i=this.packagesResponse!==void 0&&!r;return g`
|
|
1983
|
-
<settings-panel-frame
|
|
1984
|
-
heading="Pi packages"
|
|
1985
|
-
.description=${sy(n)}
|
|
1986
|
-
actionLabel="Reload"
|
|
1987
|
-
actionTitle=${r?this.packageManagementUnavailableMessage(n):`Reload Pi packages from ${n}`}
|
|
1988
|
-
.actionDisabled=${this.loading||this.isOperating||r}
|
|
1989
|
-
.notices=${this.panelNotices(n,i)}
|
|
1990
|
-
.onAction=${this.onReload}
|
|
1991
|
-
>
|
|
1992
|
-
${this.renderPanelContent(e,t,n)}
|
|
1993
|
-
</settings-panel-frame>
|
|
1994
|
-
`}panelNotices(e,t){let n=[];return this.packageManagementUnavailable?n.push({type:`availability`,content:this.packageManagementUnavailableMessage(e)}):this.error!==``&&n.push({type:`error`,content:this.error}),this.operationMessage!==``&&n.push({type:`success`,content:this.operationMessage}),t&&n.push({type:`security`,content:g`<strong>Trusted code warning:</strong> Pi packages and PI WEB plugins can run with your user permissions. Install packages and enable plugins only from sources you trust.`}),n}renderPanelContent(e,t,n){return this.packageManagementUnavailable?null:this.packagesResponse===void 0?g`<div class="loading-card">${this.loading?`Loading Pi packages from ${n}…`:`Pi package list unavailable for ${n}. Use Reload to try again.`}</div>`:g`
|
|
1995
|
-
${this.renderInstallForm(n)}
|
|
1996
|
-
${this.renderPackageList(e,t)}
|
|
1997
|
-
`}renderInstallForm(e){return g`
|
|
1998
|
-
<form class="install-card" @submit=${e=>{this.installPackage(e)}}>
|
|
1999
|
-
<label for="package-source">Pi package source</label>
|
|
2000
|
-
<div class="install-row">
|
|
2001
|
-
<input id="package-source" .value=${this.installSource} ?disabled=${this.isOperating} placeholder="npm:@scope/package, git URL, or local path" @input=${e=>{this.updateInstallSource(e)}}>
|
|
2002
|
-
<button type="submit" title="Install this Pi package" ?disabled=${this.isOperating}>${ry(this.operation,`install`)?`Installing…`:`Install`}</button>
|
|
2003
|
-
</div>
|
|
2004
|
-
${this.validationMessage===``?null:g`<div class="field-error">${this.validationMessage}</div>`}
|
|
2005
|
-
<small>Installs run on ${e} and use Pi's default package location, equivalent to <code>pi install <source></code>. PI WEB does not ask you to choose an install location.</small>
|
|
2006
|
-
</form>
|
|
2007
|
-
`}renderPackageList(e,t){let n=Hv(t),r=this.packageManagementUnavailable?this.packageManagementUnavailableMessage(n):ny(e),i=r!==void 0&&e.length>0;return g`
|
|
2008
|
-
<section class="package-section" aria-label="Configured Pi packages">
|
|
2009
|
-
<div class="package-toolbar">
|
|
2010
|
-
<div>
|
|
2011
|
-
<h3>Configured Pi packages</h3>
|
|
2012
|
-
<p>This list comes from Pi's package manager settings on ${n}.</p>
|
|
2013
|
-
</div>
|
|
2014
|
-
<button class="secondary" title=${r??`Update all user-scope Pi packages`} ?disabled=${this.isOperating||r!==void 0} @click=${()=>{this.updatePackage()}}>
|
|
2015
|
-
${ry(this.operation,`update-all`)?`Updating…`:`Update all`}
|
|
2016
|
-
</button>
|
|
2017
|
-
</div>
|
|
2018
|
-
${i?g`<div class="action-note">${r}</div>`:null}
|
|
2019
|
-
${this.loading&&e.length>0?g`<div class="action-note">Refreshing Pi packages from ${n}…</div>`:null}
|
|
2020
|
-
${this.renderPackageListContent(e,n)}
|
|
2021
|
-
</section>
|
|
2022
|
-
`}renderPackageListContent(e,t){return this.loading&&e.length===0?g`<div class="loading-card">Loading Pi packages from ${t}…</div>`:e.length===0?g`<div class="loading-card">No Pi packages configured in Pi settings on ${t} yet.</div>`:g`
|
|
2023
|
-
<div class="package-list">
|
|
2024
|
-
${e.map(e=>this.renderPackage(e))}
|
|
2025
|
-
</div>
|
|
2026
|
-
`}renderPackage(e){let t=Hv(this.packageTarget),n=this.packageManagementUnavailable,r=n?this.packageManagementUnavailableMessage(t):ey(e),i=n?this.packageManagementUnavailableMessage(t):`Remove this Pi package`,a=ry(this.operation,`update`,e.source),o=ry(this.operation,`remove`,e.source);return g`
|
|
2027
|
-
<article class=${`package-card${e.filtered?` filtered`:``}`}>
|
|
2028
|
-
<div class="package-main">
|
|
2029
|
-
<strong>${e.source}</strong>
|
|
2030
|
-
<small>${Xv(e)} · ${Zv(e)}</small>
|
|
2031
|
-
<small>Installed path: <code>${Qv(e)}</code></small>
|
|
2032
|
-
${r===void 0?null:g`<small class="action-note">${r}</small>`}
|
|
2033
|
-
</div>
|
|
2034
|
-
<div class="package-actions">
|
|
2035
|
-
<button class="secondary" title=${r??`Update this Pi package`} ?disabled=${this.isOperating||r!==void 0} @click=${()=>{this.updatePackage(e.source)}}>${a?`Updating…`:`Update`}</button>
|
|
2036
|
-
<button class="danger" title=${i} ?disabled=${this.isOperating||n} @click=${()=>{this.removePackage(e)}}>${o?`Removing…`:`Remove`}</button>
|
|
2037
|
-
</div>
|
|
2038
|
-
</article>
|
|
2039
|
-
`}updateInstallSource(e){this.installSource=e.target instanceof HTMLInputElement?e.target.value:``,this.validationMessage=``}async installPackage(e){e.preventDefault();let t=Yv(this.installSource);if(t!==void 0){this.validationMessage=t;return}let n=Jv(this.installSource);try{await this.onInstallPackage?.(n),this.installSource=``,this.validationMessage=``}catch{}}async removePackage(e){try{await this.onRemovePackage?.(e.source,e.scope)}catch{}}async updatePackage(e){try{await this.onUpdatePackage?.(e)}catch{}}get packageTarget(){return this.targetMachine??Vv(void 0)}get packageManagementUnavailable(){return Gv(this.managementSupport)}packageManagementUnavailableMessage(e){return this.managementSupport?.message??`Pi package management is not available on ${e}.`}get isOperating(){return this.operation!==void 0}static{this.styles=h`
|
|
2040
|
-
:host { display: block; }
|
|
2041
|
-
.package-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
|
|
2042
|
-
.package-toolbar > div, .package-main { display: grid; gap: 6px; min-width: 0; }
|
|
2043
|
-
h3, p { margin: 0; }
|
|
2044
|
-
h3 { font-size: 15px; line-height: 1.25; }
|
|
2045
|
-
p, small { color: var(--pi-muted); line-height: 1.45; }
|
|
2046
|
-
button, input { font: inherit; }
|
|
2047
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
2048
|
-
button:disabled, input:disabled { opacity: .55; cursor: not-allowed; }
|
|
2049
|
-
input { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 8px 9px; }
|
|
2050
|
-
label { font-weight: 700; }
|
|
2051
|
-
.secondary { flex: 0 0 auto; }
|
|
2052
|
-
.danger { border-color: color-mix(in srgb, var(--pi-danger) 55%, var(--pi-border)); color: var(--pi-danger); }
|
|
2053
|
-
.loading-card, .install-card, .package-card { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; }
|
|
2054
|
-
.field-error { color: var(--pi-danger); font-size: 12px; }
|
|
2055
|
-
.install-card { display: grid; gap: 8px; }
|
|
2056
|
-
.install-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
|
|
2057
|
-
.package-section { display: block; }
|
|
2058
|
-
.loading-card, .action-note { color: var(--pi-muted); }
|
|
2059
|
-
.action-note { margin-bottom: 10px; font-size: 12px; }
|
|
2060
|
-
.package-list { display: grid; gap: 10px; }
|
|
2061
|
-
.package-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
|
|
2062
|
-
.package-card.filtered { opacity: .82; }
|
|
2063
|
-
.package-main strong, .package-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
2064
|
-
.package-actions { display: flex; align-items: center; gap: 8px; }
|
|
2065
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
2066
|
-
|
|
2067
|
-
@media (max-width: 760px) {
|
|
2068
|
-
.package-toolbar { display: grid; gap: 12px; }
|
|
2069
|
-
.package-toolbar .secondary { justify-self: start; }
|
|
2070
|
-
.install-row, .package-card { grid-template-columns: minmax(0, 1fr); align-items: start; }
|
|
2071
|
-
.package-actions { justify-self: start; flex-wrap: wrap; }
|
|
2072
|
-
.package-main strong, .package-main small { white-space: normal; }
|
|
2073
|
-
}
|
|
2074
|
-
`}};R([b({attribute:!1})],Y.prototype,`packagesResponse`,void 0),R([b({type:Boolean})],Y.prototype,`loading`,void 0),R([b({attribute:!1})],Y.prototype,`operation`,void 0),R([b({attribute:!1})],Y.prototype,`targetMachine`,void 0),R([b({attribute:!1})],Y.prototype,`managementSupport`,void 0),R([b()],Y.prototype,`error`,void 0),R([b()],Y.prototype,`operationMessage`,void 0),R([b({attribute:!1})],Y.prototype,`onReload`,void 0),R([b({attribute:!1})],Y.prototype,`onInstallPackage`,void 0),R([b({attribute:!1})],Y.prototype,`onRemovePackage`,void 0),R([b({attribute:!1})],Y.prototype,`onUpdatePackage`,void 0),R([x()],Y.prototype,`installSource`,void 0),R([x()],Y.prototype,`validationMessage`,void 0),Y=R([y(`settings-packages-panel`)],Y);function sy(e){return g`Managing Pi packages on <strong>${e}</strong>. Install, remove, and update packages managed by Pi on the selected machine. Pi packages can provide extensions, skills, prompt templates, themes, context/system prompt files, and PI WEB browser plugins.`}var cy=class extends v{constructor(...e){super(...e),this.loading=!1,this.saving=!1,this.error=``,this.savedMessage=``,this.targetLabel=`local (local gateway)`}render(){let e=this.pluginsResponse?.plugins??[],t=this.pluginsResponse!==void 0;return g`
|
|
2075
|
-
<settings-panel-frame
|
|
2076
|
-
heading="PI WEB plugins"
|
|
2077
|
-
.description=${ly(this.targetLabel)}
|
|
2078
|
-
actionLabel="Reload"
|
|
2079
|
-
actionTitle=${`Reload PI WEB plugins from ${this.targetLabel}`}
|
|
2080
|
-
.actionDisabled=${this.loading}
|
|
2081
|
-
.notices=${this.panelNotices(e.length>0)}
|
|
2082
|
-
.onAction=${this.onReload}
|
|
2083
|
-
>
|
|
2084
|
-
${this.renderPanelContent(e,t)}
|
|
2085
|
-
</settings-panel-frame>
|
|
2086
|
-
`}panelNotices(e){let t=[];return this.error!==``&&t.push({type:`error`,content:this.error}),this.shouldShowConfigUnavailableNotice(e)&&t.push({type:`availability`,content:`Configuration is unavailable. Reload to try again before changing plugin enablement.`}),this.savedMessage!==``&&t.push({type:`success`,content:`${this.savedMessage} Reload the browser tab to apply plugin changes.`}),e&&t.push({type:`security`,content:g`<strong>Trusted code warning:</strong> PI WEB plugins and Pi packages can run with your user permissions. Enable plugins only from sources you trust.`}),t}shouldShowConfigUnavailableNotice(e){return e&&this.configResponse===void 0&&!this.loading&&this.error===``}renderPanelContent(e,t){return t?e.length===0?g`<div class="loading-card">No PI WEB browser plugins discovered on ${this.targetLabel}.</div>`:g`
|
|
2087
|
-
<div class="plugin-note">Config key on ${this.targetLabel}: <code>plugins</code>. Plugins are enabled unless their entry sets <code>enabled</code> to <code>false</code>.</div>
|
|
2088
|
-
<div class="plugin-list">
|
|
2089
|
-
${e.map(e=>this.renderPlugin(e))}
|
|
2090
|
-
</div>
|
|
2091
|
-
`:g`<div class="loading-card">${this.loading?`Loading PI WEB plugins…`:`PI WEB plugin list unavailable for ${this.targetLabel}. Use Reload to try again.`}</div>`}renderPlugin(e){let t=this.configResponse?.config.plugins?.[e.id],n=t?.enabled===!1?`Config disabled`:t?.enabled===!0?`Config enabled`:`Default enabled`;return g`
|
|
2092
|
-
<article class=${`plugin-card${e.enabled?``:` disabled`}`}>
|
|
2093
|
-
<div class="plugin-main">
|
|
2094
|
-
<strong>${e.id}</strong>
|
|
2095
|
-
<small>${e.source} · ${e.scope}${e.machineSpecific?` · machine-specific`:``}</small>
|
|
2096
|
-
<small>${n}</small>
|
|
2097
|
-
</div>
|
|
2098
|
-
<label class="toggle">
|
|
2099
|
-
<input type="checkbox" .checked=${e.enabled} ?disabled=${this.saving||this.configResponse===void 0} @change=${t=>{this.togglePlugin(e,t)}}>
|
|
2100
|
-
<span>${e.enabled?`Enabled`:`Disabled`}</span>
|
|
2101
|
-
</label>
|
|
2102
|
-
</article>
|
|
2103
|
-
`}async togglePlugin(e,t){let n=t.target instanceof HTMLInputElement?t.target.checked:e.enabled;await this.onTogglePlugin?.(e.id,n)}static{this.styles=h`
|
|
2104
|
-
:host { display: block; }
|
|
2105
|
-
input { font: inherit; }
|
|
2106
|
-
input:disabled { opacity: .55; cursor: not-allowed; }
|
|
2107
|
-
.loading-card, .plugin-note, .plugin-card { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; }
|
|
2108
|
-
.loading-card, .plugin-note { color: var(--pi-muted); }
|
|
2109
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
2110
|
-
.plugin-list { display: grid; gap: 10px; }
|
|
2111
|
-
.plugin-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
|
|
2112
|
-
.plugin-card.disabled { opacity: .75; }
|
|
2113
|
-
.plugin-main { min-width: 0; display: grid; gap: 3px; }
|
|
2114
|
-
.plugin-main strong, .plugin-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
2115
|
-
.plugin-main small { color: var(--pi-muted); }
|
|
2116
|
-
.toggle { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
|
|
2117
|
-
.toggle input { width: 18px; height: 18px; accent-color: var(--pi-accent); }
|
|
2118
|
-
|
|
2119
|
-
@media (max-width: 760px) {
|
|
2120
|
-
.plugin-card { grid-template-columns: minmax(0, 1fr); align-items: start; }
|
|
2121
|
-
.toggle { justify-self: start; }
|
|
2122
|
-
}
|
|
2123
|
-
`}};R([b({attribute:!1})],cy.prototype,`pluginsResponse`,void 0),R([b({attribute:!1})],cy.prototype,`configResponse`,void 0),R([b({type:Boolean})],cy.prototype,`loading`,void 0),R([b({type:Boolean})],cy.prototype,`saving`,void 0),R([b()],cy.prototype,`error`,void 0),R([b()],cy.prototype,`savedMessage`,void 0),R([b()],cy.prototype,`targetLabel`,void 0),R([b({attribute:!1})],cy.prototype,`onReload`,void 0),R([b({attribute:!1})],cy.prototype,`onTogglePlugin`,void 0),cy=R([y(`settings-plugins-panel`)],cy);function ly(e){return g`Enable or disable discovered PI WEB browser plugins on <strong>${e}</strong>. This is separate from installing Pi packages. Reload the browser tab to apply plugin runtime changes.`}var uy={capture:!0},dy=[{value:`auto`,label:`Auto/default`,description:`Desktop-like Enter sends; mobile, coarse pointer, or narrow screens insert a new line.`},{value:`send`,label:`Enter sends message`,description:`Enter sends the chat message; Shift+Enter adds a new line when supported.`},{value:`newline`,label:`Enter inserts new line`,description:`Enter adds a line break; Shift+Enter sends the chat message when supported.`}];function fy(){return g`Edit app shortcuts by action. Type a shortcut such as <code>mod+k</code> or <code>mod+g p</code>, record one from the keyboard, disable it with None, or reset it to the default. When shortcuts conflict, custom shortcuts win before defaults; ties are resolved by action id, and shorter shortcuts shadow longer sequences with the same prefix.`}var py=class extends v{constructor(...e){super(...e),this.actions=[],this.loading=!1,this.saving=!1,this.error=``,this.savedMessage=``,this.drafts={},this.localError=``,this.promptEnterPreference=S_(),this.recordingListenerActive=!1,this.onRecordKeyDown=e=>{let t=this.recording;if(t===void 0)return;if(e.preventDefault(),e.stopPropagation(),e.key===`Escape`){this.stopRecording();return}let n=nl(e);if(n===void 0){this.localError=`Press a letter, number, punctuation, function, or navigation key. Press Esc to cancel recording.`;return}if(t.tokens.length===0&&!rl(n)){this.localError=`Start shortcuts with Ctrl/⌘ or Alt so normal typing is not captured.`;return}let r=[...t.tokens,n];this.localError=``,this.drafts={[t.actionId]:r.join(` `)},this.recording={actionId:t.actionId,tokens:r},this.armRecordingTimer()}}willUpdate(e){e.has(`configResponse`)&&this.configResponse!==void 0&&(this.drafts={},this.localError=``,this.stopRecording())}disconnectedCallback(){this.stopRecording(),super.disconnectedCallback()}render(){let e=_y(this.actions),t=this.shortcutResolutions();return g`
|
|
2124
|
-
<settings-panel-frame
|
|
2125
|
-
heading="Keyboard shortcuts"
|
|
2126
|
-
.description=${fy()}
|
|
2127
|
-
actionLabel="Reload"
|
|
2128
|
-
.actionDisabled=${this.loading}
|
|
2129
|
-
.notices=${this.panelNotices()}
|
|
2130
|
-
.onAction=${this.onReload}
|
|
2131
|
-
>
|
|
2132
|
-
${this.renderPromptEnterPreferenceCard()}
|
|
2133
|
-
${this.configResponse===void 0&&this.loading?g`<div class="loading-card">Loading shortcuts…</div>`:g`
|
|
2134
|
-
<div class="config-path-card">
|
|
2135
|
-
<span>Config file</span>
|
|
2136
|
-
<code>${this.configResponse?.path??`Unknown`}</code>
|
|
2137
|
-
<small>Shortcut overrides are saved under <code>shortcuts</code>. A value of <code>null</code> disables the action shortcut.</small>
|
|
2138
|
-
</div>
|
|
2139
|
-
${e.length===0?g`<div class="loading-card">No actions registered.</div>`:e.map(e=>g`
|
|
2140
|
-
<section class="shortcut-group">
|
|
2141
|
-
<h3>${e.name}</h3>
|
|
2142
|
-
<div class="shortcut-list">
|
|
2143
|
-
${e.actions.map(e=>this.renderShortcutRow(e,t.get(e.id)))}
|
|
2144
|
-
</div>
|
|
2145
|
-
</section>
|
|
2146
|
-
`)}
|
|
2147
|
-
`}
|
|
2148
|
-
</settings-panel-frame>
|
|
2149
|
-
`}panelNotices(){let e=[],t=this.localError||this.error;return t!==``&&e.push({type:`error`,content:t}),this.savedMessage!==``&&e.push({type:`success`,content:this.savedMessage}),e}renderPromptEnterPreferenceCard(){return g`
|
|
2150
|
-
<section class="prompt-enter-card" aria-labelledby="prompt-enter-preference-title">
|
|
2151
|
-
<div class="prompt-enter-copy">
|
|
2152
|
-
<span class="card-eyebrow">Chat composer</span>
|
|
2153
|
-
<h3 id="prompt-enter-preference-title">Enter key behavior</h3>
|
|
2154
|
-
<p>Choose what Enter does in this browser. Shift+Enter does the opposite when supported; automatic touch-keyboard capitalization is ignored to avoid accidental sends.</p>
|
|
2155
|
-
</div>
|
|
2156
|
-
<div class="prompt-enter-options" role="radiogroup" aria-label="Enter and Shift Enter behavior in the chat composer">
|
|
2157
|
-
${dy.map(e=>g`
|
|
2158
|
-
<label class="prompt-enter-option">
|
|
2159
|
-
<input
|
|
2160
|
-
type="radio"
|
|
2161
|
-
name="prompt-enter-preference"
|
|
2162
|
-
.value=${e.value}
|
|
2163
|
-
.checked=${this.promptEnterPreference===e.value}
|
|
2164
|
-
@change=${()=>{this.updatePromptEnterPreference(e.value)}}
|
|
2165
|
-
>
|
|
2166
|
-
<span>
|
|
2167
|
-
<strong>${e.label}</strong>
|
|
2168
|
-
<small>${e.description}</small>
|
|
2169
|
-
</span>
|
|
2170
|
-
</label>
|
|
2171
|
-
`)}
|
|
2172
|
-
</div>
|
|
2173
|
-
</section>
|
|
2174
|
-
`}updatePromptEnterPreference(e){this.promptEnterPreference=e,C_(e)}renderShortcutRow(e,t){let n=this.configResponse?.config.shortcuts,r=yy(e.id,n),i=Sy(e,n),a=this.shortcutInputText(e),o=a.trim()===``?void 0:$c(a),s=o?.ok===!0?o.shortcut:xy(e,n),c=r!==void 0,l=this.drafts[e.id]!==void 0,u=l&&a.trim()!==``?`custom`:i,d=this.recordingHint(e.id),f=gy(t);return g`
|
|
2175
|
-
<article class=${my(t)}>
|
|
2176
|
-
<div class="shortcut-main">
|
|
2177
|
-
<strong>${e.title}</strong>
|
|
2178
|
-
${e.description!==void 0&&e.description!==``?g`<small>${e.description}</small>`:null}
|
|
2179
|
-
<small class="shortcut-id">${e.id}</small>
|
|
2180
|
-
<small>${e.shortcut!==void 0&&e.shortcut!==``?g`Default: <kbd>${tl(e.shortcut)}</kbd>`:`No default shortcut`}</small>
|
|
2181
|
-
</div>
|
|
2182
|
-
<div class="shortcut-editor">
|
|
2183
|
-
<div class="shortcut-status">
|
|
2184
|
-
${s!==void 0&&s!==``?g`<kbd>${tl(s)}</kbd>`:g`<span class="unassigned">${i===`disabled`?`Disabled`:`Unassigned`}</span>`}
|
|
2185
|
-
<small class=${u}>${Cy(u)}${l?` · Unsaved`:``}</small>
|
|
2186
|
-
${f===void 0?null:g`<small class=${hy(t)}>${f}</small>`}
|
|
2187
|
-
</div>
|
|
2188
|
-
<label class="shortcut-input-label">
|
|
2189
|
-
<span>Shortcut</span>
|
|
2190
|
-
<input
|
|
2191
|
-
class="shortcut-input"
|
|
2192
|
-
data-action-id=${e.id}
|
|
2193
|
-
.value=${a}
|
|
2194
|
-
placeholder=${e.shortcut??`mod+k`}
|
|
2195
|
-
autocomplete="off"
|
|
2196
|
-
autocapitalize="off"
|
|
2197
|
-
spellcheck="false"
|
|
2198
|
-
?disabled=${this.saving}
|
|
2199
|
-
@input=${t=>{this.updateDraft(e.id,wy(t))}}
|
|
2200
|
-
>
|
|
2201
|
-
</label>
|
|
2202
|
-
${d===``?null:g`<small class="recording-hint">${d}</small>`}
|
|
2203
|
-
<div class="shortcut-actions">
|
|
2204
|
-
<button class="primary" ?disabled=${this.loading||this.saving||!l||a.trim()===``} @click=${()=>{this.saveShortcut(e)}}>Save</button>
|
|
2205
|
-
<button ?disabled=${this.loading||this.saving} @click=${()=>{this.toggleRecording(e.id)}}>${this.recording?.actionId===e.id?`Cancel recording`:`Record`}</button>
|
|
2206
|
-
<button ?disabled=${this.loading||this.saving||r===null} @click=${()=>{this.setShortcutNone(e.id)}}>None</button>
|
|
2207
|
-
<button ?disabled=${this.loading||this.saving||!c} @click=${()=>{this.resetShortcut(e.id)}}>Reset</button>
|
|
2208
|
-
</div>
|
|
2209
|
-
</div>
|
|
2210
|
-
</article>
|
|
2211
|
-
`}shortcutInputText(e){let t=this.drafts[e.id];if(t!==void 0)return t;let n=yy(e.id,this.configResponse?.config.shortcuts);return n===null?``:n??e.shortcut??``}recordingHint(e){let t=this.recording;return t?.actionId===e?t.tokens.length===0?`Recording: press Ctrl/⌘ or Alt with a key. Press Esc to cancel.`:`Recording: ${tl(t.tokens.join(` `))}. Press another key to add a sequence, or wait to finish.`:``}updateDraft(e,t){this.drafts={[e]:t},this.localError=``}async saveShortcut(e){this.stopRecording();let t=$c(this.shortcutInputText(e).trim());if(!t.ok){this.localError=t.message;return}this.localError=``,await this.saveShortcutPreference(e.id,t.shortcut)}async setShortcutNone(e){this.stopRecording(),this.localError=``,await this.saveShortcutPreference(e,null)}async resetShortcut(e){this.stopRecording(),this.localError=``,await this.saveShortcutPreference(e,void 0)}async saveShortcutPreference(e,t){let n={...this.configResponse?.config??{}},r=n.shortcuts??{},i=t===void 0?by(r,e):{...r,[e]:t};Object.keys(i).length===0?delete n.shortcuts:n.shortcuts=i,await this.onSave?.(n)}shortcutResolutions(){return new Map(Qc(this.actions,this.previewShortcutConfig(),{enabledOnly:!0}).map(e=>[e.action.id,e]))}previewShortcutConfig(){let e={...this.configResponse?.config.shortcuts??{}};for(let[t,n]of Object.entries(this.drafts)){let r=n.trim();if(r===``)continue;let i=$c(r);i.ok&&(e[t]=i.shortcut)}return Object.keys(e).length===0?void 0:e}async toggleRecording(e){if(this.recording?.actionId===e){this.stopRecording();return}this.stopRecording(),this.localError=``,this.recording={actionId:e,tokens:[]},this.ensureRecordingListener(),await this.updateComplete,this.focusShortcutInput(e)}focusShortcutInput(e){for(let t of this.renderRoot.querySelectorAll(`.shortcut-input`))if(t.dataset.actionId===e){t.focus(),t.select();return}}armRecordingTimer(){this.clearRecordingTimer(),this.recordingTimer=window.setTimeout(()=>{this.recordingTimer=void 0,this.stopRecording()},Yc)}stopRecording(){this.clearRecordingTimer(),this.removeRecordingListener(),this.recording=void 0}clearRecordingTimer(){this.recordingTimer!==void 0&&(window.clearTimeout(this.recordingTimer),this.recordingTimer=void 0)}ensureRecordingListener(){this.recordingListenerActive||=(window.addEventListener(`keydown`,this.onRecordKeyDown,uy),!0)}removeRecordingListener(){this.recordingListenerActive&&=(window.removeEventListener(`keydown`,this.onRecordKeyDown,uy),!1)}static{this.styles=h`
|
|
2212
|
-
:host { display: block; }
|
|
2213
|
-
h3, p { margin: 0; }
|
|
2214
|
-
h3 { font-size: 13px; line-height: 1.3; }
|
|
2215
|
-
p { color: var(--pi-muted); line-height: 1.45; }
|
|
2216
|
-
button, input { font: inherit; }
|
|
2217
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
2218
|
-
button:disabled, input:disabled { opacity: .55; cursor: not-allowed; }
|
|
2219
|
-
.primary { border-color: var(--pi-accent); background: var(--pi-selection-bg); color: var(--pi-text-bright); }
|
|
2220
|
-
.loading-card, .config-path-card, .prompt-enter-card { border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); padding: 12px; }
|
|
2221
|
-
.loading-card, .config-path-card { color: var(--pi-muted); }
|
|
2222
|
-
.config-path-card { display: grid; gap: 5px; }
|
|
2223
|
-
.config-path-card span, .card-eyebrow { color: var(--pi-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }
|
|
2224
|
-
.prompt-enter-card { display: grid; grid-template-columns: minmax(0, .85fr) minmax(260px, 1fr); gap: 12px; align-items: start; }
|
|
2225
|
-
.prompt-enter-copy { display: grid; gap: 5px; min-width: 0; }
|
|
2226
|
-
.prompt-enter-copy p, .prompt-enter-option small { font-size: 12px; }
|
|
2227
|
-
.prompt-enter-options { display: grid; gap: 7px; }
|
|
2228
|
-
.prompt-enter-option { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; color: var(--pi-text); }
|
|
2229
|
-
.prompt-enter-option input { box-sizing: border-box; width: 14px; min-width: 14px; height: 14px; margin: 3px 0 0; padding: 0; border: 0; background: transparent; accent-color: var(--pi-accent); font-family: inherit; }
|
|
2230
|
-
.prompt-enter-option input:focus { border-color: transparent; box-shadow: none; outline: 2px solid var(--pi-accent-border); outline-offset: 2px; }
|
|
2231
|
-
.prompt-enter-option span { display: grid; gap: 2px; }
|
|
2232
|
-
.prompt-enter-option small { color: var(--pi-muted); line-height: 1.35; }
|
|
2233
|
-
code { border: 1px solid var(--pi-border-muted); border-radius: 5px; background: var(--pi-bg); padding: 1px 4px; color: var(--pi-text); font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
|
|
2234
|
-
.shortcut-group { margin: 0; }
|
|
2235
|
-
.shortcut-group h3 { margin: 0 0 8px; color: var(--pi-muted); font-size: 12px; text-transform: uppercase; }
|
|
2236
|
-
.shortcut-list { border: 1px solid var(--pi-border); border-radius: 10px; overflow: hidden; }
|
|
2237
|
-
.shortcut-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 48%); gap: 14px; align-items: start; padding: 12px; border-bottom: 1px solid var(--pi-border-muted); background: var(--pi-surface); }
|
|
2238
|
-
.shortcut-row.shadowed { background: color-mix(in srgb, var(--pi-warning) 5%, var(--pi-surface)); }
|
|
2239
|
-
.shortcut-row.shadowing { background: color-mix(in srgb, var(--pi-accent) 5%, var(--pi-surface)); }
|
|
2240
|
-
.shortcut-row:last-child { border-bottom: 0; }
|
|
2241
|
-
.shortcut-main { min-width: 0; display: grid; gap: 4px; }
|
|
2242
|
-
.shortcut-main strong, .shortcut-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
2243
|
-
.shortcut-main small { color: var(--pi-muted); }
|
|
2244
|
-
.shortcut-id { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
2245
|
-
.shortcut-editor { min-width: 0; display: grid; gap: 8px; }
|
|
2246
|
-
.shortcut-status { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
|
|
2247
|
-
.shortcut-status small { color: var(--pi-muted); font-size: 11px; }
|
|
2248
|
-
.shortcut-status small.custom { color: var(--pi-accent); }
|
|
2249
|
-
.shortcut-status small.disabled { color: var(--pi-warning); }
|
|
2250
|
-
.shortcut-status small.conflict { border: 1px solid currentColor; border-radius: 999px; padding: 2px 7px; }
|
|
2251
|
-
.shortcut-status small.conflict.shadowing { color: var(--pi-accent); }
|
|
2252
|
-
.shortcut-status small.conflict.shadowed { color: var(--pi-warning); }
|
|
2253
|
-
.shortcut-input-label { min-width: 0; display: grid; gap: 5px; }
|
|
2254
|
-
.shortcut-input-label span { color: var(--pi-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
|
|
2255
|
-
input { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-bg); color: var(--pi-text); padding: 8px 9px; outline: none; font: var(--pi-control-font-size, 16px) var(--pi-control-monospace-font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); }
|
|
2256
|
-
input:focus { border-color: var(--pi-accent); box-shadow: 0 0 0 1px var(--pi-accent-border); }
|
|
2257
|
-
.shortcut-actions { display: flex; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
|
|
2258
|
-
kbd { border: 1px solid var(--pi-border); border-radius: 6px; background: var(--pi-bg); color: var(--pi-text-secondary); padding: 3px 7px; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
|
|
2259
|
-
.unassigned { color: var(--pi-muted); font-size: 12px; }
|
|
2260
|
-
.recording-hint { color: var(--pi-accent); font-size: 12px; }
|
|
2261
|
-
|
|
2262
|
-
@media (max-width: 760px) {
|
|
2263
|
-
.prompt-enter-card { grid-template-columns: minmax(0, 1fr); }
|
|
2264
|
-
.shortcut-row { grid-template-columns: minmax(0, 1fr); align-items: start; }
|
|
2265
|
-
.shortcut-status, .shortcut-actions { justify-content: flex-start; }
|
|
2266
|
-
}
|
|
2267
|
-
`}};R([b({attribute:!1})],py.prototype,`actions`,void 0),R([b({attribute:!1})],py.prototype,`configResponse`,void 0),R([b({type:Boolean})],py.prototype,`loading`,void 0),R([b({type:Boolean})],py.prototype,`saving`,void 0),R([b()],py.prototype,`error`,void 0),R([b()],py.prototype,`savedMessage`,void 0),R([b({attribute:!1})],py.prototype,`onReload`,void 0),R([b({attribute:!1})],py.prototype,`onSave`,void 0),R([x()],py.prototype,`drafts`,void 0),R([x()],py.prototype,`localError`,void 0),R([x()],py.prototype,`promptEnterPreference`,void 0),R([x()],py.prototype,`recording`,void 0),py=R([y(`settings-shortcuts-panel`)],py);function my(e){return e?.active===!1?`shortcut-row shadowed`:e?.active===!0&&e.shadows.length>0?`shortcut-row shadowing`:`shortcut-row`}function hy(e){return e?.active===!1?`conflict shadowed`:`conflict shadowing`}function gy(e){if(e===void 0)return;if(!e.active)return`Shadowed by ${e.shadowedBy?.action.title??`another action`}`;let t=e.shadows.length;if(t===0)return;let n=e.shadows.slice(0,2).map(e=>e.action.title).join(`, `),r=t>2?`, +${String(t-2)} more`:``;return`Shadows ${String(t)} ${t===1?`action`:`actions`}: ${n}${r}`}function _y(e){let t=new Map;for(let n of[...e].sort(vy)){let e=n.group??`Other`;t.set(e,[...t.get(e)??[],n])}return[...t.entries()].map(([e,t])=>({name:e,actions:t}))}function vy(e,t){return(e.group??`Other`).localeCompare(t.group??`Other`)||e.title.localeCompare(t.title)}function yy(e,t){if(!(t===void 0||!Object.hasOwn(t,e)))return t[e]}function by(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}function xy(e,t){let n=yy(e.id,t);if(n!==null)return n??e.shortcut}function Sy(e,t){let n=yy(e.id,t);return n===null?`disabled`:n===void 0?e.shortcut===void 0||e.shortcut===``?`unassigned`:`default`:`custom`}function Cy(e){switch(e){case`default`:return`Default`;case`custom`:return`Custom`;case`disabled`:return`Disabled`;case`unassigned`:return`No default`}}function wy(e){return e.target instanceof HTMLInputElement?e.target.value:``}async function Ty(e){let[t,n]=await Promise.allSettled([e.loadConfig(),e.loadPlugins()]),r={error:``},i=[];return t.status===`fulfilled`?r.config=t.value:i.push(`config: ${Dy(t.reason)}`),n.status===`fulfilled`?r.plugins=n.value:i.push(`PI WEB plugins: ${Dy(n.reason)}`),i.length>0&&(r.error=`Failed to load settings: ${i.join(`; `)}`),r}async function Ey(e,t,n){if(Gv(n))return{error:n.message??`Pi package management is not available on ${Hv(e)}.`,skipped:!0};try{return{packagesResponse:await t(e.id),error:``}}catch(t){return{error:`Failed to load Pi packages from ${Hv(e)}: ${ay(Dy(t),e)}`}}}function Dy(e){return e instanceof Error?e.message:String(e)}function Oy(e,t){return{...e,config:ky(e.config,t.config),effectiveConfig:ky(e.effectiveConfig,t.effectiveConfig)}}function ky(e,t){return{...e,...t.pathAccess===void 0?{}:{pathAccess:t.pathAccess},...t.uploads===void 0?{}:{uploads:t.uploads},...t.maxUploadBytes===void 0?{}:{maxUploadBytes:t.maxUploadBytes}}}function Ay(e){return e===void 0?{id:`local`,name:`local`,kind:`local`}:{id:e.id,name:e.name,kind:e.kind}}function X(e){return e.kind===`local`?`${e.name} (local gateway)`:`${e.name} (remote machine)`}function jy(e,t){return e.kind===`local`?{state:`supported`}:t?.ok===!0?St(t,w.selectedMachineSettings)?{state:`supported`}:{state:`unsupported`,message:Py(e)}:{state:`unknown`}}function My(e){return`${e.state}:${e.message??``}`}function Ny(e){return e?.state===`unsupported`}function Py(e){return`Selected-machine settings are not available on ${e.name}. Update and restart PI WEB on that machine, then try again.`}function Fy(e,t){let n=e.trim();return t.kind===`remote`?Iy(n)?Py(t):n===`Remote machine timeout`?`Timed out while contacting ${t.name} for selected-machine settings. The operation may still be running remotely; reload before retrying.`:n===`Remote machine unavailable`?`Could not reach ${t.name} for selected-machine settings. Check the machine connection and try again.`:n:n}function Iy(e){return e===`Not Found`||/route\s+(GET|PUT):?\/api\/(config|plugins)\b.*not found/iu.test(e)||/cannot\s+(GET|PUT)\s+.*\/api\/(config|plugins)\b/iu.test(e)}function Ly(e,t,n){let r=e.plugins??{},i=r[t]??{};return{plugins:{...r,[t]:{...i,enabled:n}}}}function Ry(e,t){return{...e,config:zy(e.config,t.config),effectiveConfig:zy(e.effectiveConfig,t.effectiveConfig)}}function zy(e,t){return t.plugins===void 0?e:{...e,plugins:t.plugins}}var Z=class extends v{constructor(...e){super(...e),this.section=`general`,this.actions=[],this.loading=!0,this.accessLoading=!0,this.sessiondLoading=!0,this.pluginLoading=!0,this.packageLoading=!0,this.saving=!1,this.error=``,this.accessError=``,this.sessiondError=``,this.pluginError=``,this.packageError=``,this.savedMessage=``,this.packageMessage=``,this.loadRequestSeq=0,this.accessLoadRequestSeq=0,this.sessiondLoadRequestSeq=0,this.pluginLoadRequestSeq=0,this.packageLoadRequestSeq=0,this.packageMutationSeq=0}connectedCallback(){super.connectedCallback(),this.loadConfig(),this.loadAccessConfigForTarget(),this.loadSessiondConfigForTarget(),this.loadPluginsForTarget(),this.loadPackagesForTarget()}disconnectedCallback(){this.savedMessageTimer!==void 0&&window.clearTimeout(this.savedMessageTimer),this.savedMessageTimer=void 0,super.disconnectedCallback()}updated(e){let t=this.settingsTarget();if(e.has(`machine`)&&Ay(e.get(`machine`)).id!==t.id){this.resetAccessStateForTargetChange(),this.isConnected&&this.loadAccessConfigForTarget(t),this.resetSessiondStateForTargetChange(),this.isConnected&&this.loadSessiondConfigForTarget(t),this.resetPluginStateForTargetChange(),this.isConnected&&this.loadPluginsForTarget(t),this.resetPackageStateForTargetChange(),this.isConnected&&this.loadPackagesForTarget(t);return}e.has(`machineRuntime`)&&(this.selectedMachineSettingsSupportNeedsReload(e.get(`machineRuntime`),t)&&(this.resetAccessStateForTargetChange(),this.isConnected&&this.loadAccessConfigForTarget(t),this.resetSessiondStateForTargetChange(),this.isConnected&&this.loadSessiondConfigForTarget(t),this.resetPluginStateForTargetChange(),this.isConnected&&this.loadPluginsForTarget(t)),this.packageManagementSupportNeedsReload(e.get(`machineRuntime`),t)&&(this.resetPackageStateForTargetChange(),this.isConnected&&this.loadPackagesForTarget(t)))}render(){return g`
|
|
2268
|
-
<div class="backdrop" @mousedown=${()=>this.onClose?.()}>
|
|
2269
|
-
<section class="settings-shell" role="dialog" aria-modal="true" aria-label="PI WEB settings" @mousedown=${e=>{e.stopPropagation()}} @keydown=${e=>{this.handleKeyDown(e)}}>
|
|
2270
|
-
<header class="settings-header">
|
|
2271
|
-
<div>
|
|
2272
|
-
<span class="eyebrow">Settings</span>
|
|
2273
|
-
<h1>PI WEB</h1>
|
|
2274
|
-
</div>
|
|
2275
|
-
<button class="close-button" title="Close settings" aria-label="Close settings" @click=${()=>this.onClose?.()}>×</button>
|
|
2276
|
-
</header>
|
|
2277
|
-
<div class="settings-body">
|
|
2278
|
-
<nav class="settings-nav" aria-label="Settings sections">
|
|
2279
|
-
${this.renderNavButton(`general`,`General`,`Gateway + selected machine`)}
|
|
2280
|
-
${this.renderNavButton(`sessiond`,`Session daemon`,`Selected machine`)}
|
|
2281
|
-
${this.renderNavButton(`packages`,`Pi packages`,`Selected machine`)}
|
|
2282
|
-
${this.renderNavButton(`plugins`,`PI WEB plugins`,`Selected machine`)}
|
|
2283
|
-
${this.renderNavButton(`shortcuts`,`Keyboard`,`Gateway shortcuts`)}
|
|
2284
|
-
</nav>
|
|
2285
|
-
<main class="settings-content">
|
|
2286
|
-
${this.renderActiveSection()}
|
|
2287
|
-
</main>
|
|
2288
|
-
</div>
|
|
2289
|
-
</section>
|
|
2290
|
-
</div>
|
|
2291
|
-
`}renderActiveSection(){return this.section===`sessiond`?g`
|
|
2292
|
-
<settings-sessiond-panel
|
|
2293
|
-
.configResponse=${this.sessiondConfigResponse}
|
|
2294
|
-
.loading=${this.sessiondLoading}
|
|
2295
|
-
.saving=${this.saving}
|
|
2296
|
-
.error=${this.sessiondError}
|
|
2297
|
-
.savedMessage=${this.savedMessage}
|
|
2298
|
-
.targetLabel=${X(this.settingsTarget())}
|
|
2299
|
-
.onReload=${()=>this.loadSessiondConfigForTarget()}
|
|
2300
|
-
.onSave=${e=>this.saveSessiondConfig(e)}
|
|
2301
|
-
></settings-sessiond-panel>
|
|
2302
|
-
`:this.section===`shortcuts`?g`
|
|
2303
|
-
<settings-shortcuts-panel
|
|
2304
|
-
.actions=${this.actions}
|
|
2305
|
-
.configResponse=${this.configResponse}
|
|
2306
|
-
.loading=${this.loading}
|
|
2307
|
-
.saving=${this.saving}
|
|
2308
|
-
.error=${this.error}
|
|
2309
|
-
.savedMessage=${this.savedMessage}
|
|
2310
|
-
.onReload=${()=>this.loadConfig()}
|
|
2311
|
-
.onSave=${e=>this.saveConfig(e)}
|
|
2312
|
-
></settings-shortcuts-panel>
|
|
2313
|
-
`:this.section===`packages`?g`
|
|
2314
|
-
<settings-packages-panel
|
|
2315
|
-
.packagesResponse=${this.packagesResponse}
|
|
2316
|
-
.targetMachine=${this.packageTarget()}
|
|
2317
|
-
.managementSupport=${this.packageManagementSupport()}
|
|
2318
|
-
.loading=${this.packageLoading}
|
|
2319
|
-
.operation=${this.packageOperation}
|
|
2320
|
-
.error=${this.packageError}
|
|
2321
|
-
.operationMessage=${this.packageMessage}
|
|
2322
|
-
.onReload=${()=>this.loadPackagesForTarget()}
|
|
2323
|
-
.onInstallPackage=${e=>this.installPiPackage(e)}
|
|
2324
|
-
.onRemovePackage=${(e,t)=>this.removePiPackage(e,t)}
|
|
2325
|
-
.onUpdatePackage=${e=>this.updatePiPackage(e)}
|
|
2326
|
-
></settings-packages-panel>
|
|
2327
|
-
`:this.section===`plugins`?g`
|
|
2328
|
-
<settings-plugins-panel
|
|
2329
|
-
.configResponse=${this.selectedPluginConfigResponse}
|
|
2330
|
-
.pluginsResponse=${this.selectedPluginsResponse}
|
|
2331
|
-
.loading=${this.pluginLoading}
|
|
2332
|
-
.saving=${this.saving}
|
|
2333
|
-
.error=${this.pluginError}
|
|
2334
|
-
.savedMessage=${this.savedMessage}
|
|
2335
|
-
.targetLabel=${X(this.settingsTarget())}
|
|
2336
|
-
.onReload=${()=>this.loadPluginsForTarget()}
|
|
2337
|
-
.onTogglePlugin=${(e,t)=>this.togglePlugin(e,t)}
|
|
2338
|
-
></settings-plugins-panel>
|
|
2339
|
-
`:g`
|
|
2340
|
-
<settings-general-panel
|
|
2341
|
-
.configResponse=${this.configResponse}
|
|
2342
|
-
.machineConfigResponse=${this.accessConfigResponse}
|
|
2343
|
-
.loading=${this.loading}
|
|
2344
|
-
.machineLoading=${this.accessLoading}
|
|
2345
|
-
.saving=${this.saving}
|
|
2346
|
-
.error=${this.error}
|
|
2347
|
-
.machineError=${this.accessError}
|
|
2348
|
-
.savedMessage=${this.savedMessage}
|
|
2349
|
-
.targetLabel=${X(this.settingsTarget())}
|
|
2350
|
-
.onReload=${()=>this.loadConfig()}
|
|
2351
|
-
.onReloadMachine=${()=>this.loadAccessConfigForTarget()}
|
|
2352
|
-
.onSave=${e=>this.saveConfig(e)}
|
|
2353
|
-
.onSaveMachineConfig=${e=>this.saveMachineAccessConfig(e)}
|
|
2354
|
-
></settings-general-panel>
|
|
2355
|
-
`}renderNavButton(e,t,n){let r=this.section===e;return g`
|
|
2356
|
-
<button class=${r?`selected`:``} aria-current=${r?`page`:`false`} @click=${()=>{this.navigate(e)}}>
|
|
2357
|
-
<strong>${t}</strong>
|
|
2358
|
-
<small>${n}</small>
|
|
2359
|
-
</button>
|
|
2360
|
-
`}navigate(e){this.onNavigate?.(e)}async loadConfig(){let e=++this.loadRequestSeq;this.loading=!0,this.error=``;try{let t=await Ty({loadConfig:()=>Gr.config(),loadPlugins:()=>Kr.plugins()});if(!this.isCurrentLoad(e))return;t.config!==void 0&&(this.configResponse=t.config),t.plugins!==void 0&&(this.pluginsResponse=t.plugins),this.error=t.error}finally{this.isCurrentLoad(e)&&(this.loading=!1)}}async loadAccessConfigForTarget(e=this.settingsTarget()){let t=++this.accessLoadRequestSeq,n=this.selectedMachineSettingsSupport(e);if(Ny(n)){this.accessConfigResponse=void 0,this.accessLoading=!1,this.accessError=n.message??`Selected-machine settings are not available on ${X(e)}.`;return}this.accessLoading=!0,this.accessError=``;try{let n=await Gr.config(e.id);if(!this.isCurrentAccessLoad(t,e))return;this.accessConfigResponse=n}catch(n){this.isCurrentAccessLoad(t,e)&&(this.accessError=`Failed to load file access/upload config from ${X(e)}: ${Fy(By(n),e)}`)}finally{this.isCurrentAccessLoad(t,e)&&(this.accessLoading=!1)}}async loadSessiondConfigForTarget(e=this.settingsTarget()){let t=++this.sessiondLoadRequestSeq,n=this.selectedMachineSettingsSupport(e);if(Ny(n)){this.sessiondConfigResponse=void 0,this.sessiondLoading=!1,this.sessiondError=n.message??`Selected-machine settings are not available on ${X(e)}.`;return}this.sessiondLoading=!0,this.sessiondError=``;try{let n=await Gr.config(e.id);if(!this.isCurrentSessiondLoad(t,e))return;this.sessiondConfigResponse=n}catch(n){this.isCurrentSessiondLoad(t,e)&&(this.sessiondError=`Failed to load session-daemon config from ${X(e)}: ${Fy(By(n),e)}`)}finally{this.isCurrentSessiondLoad(t,e)&&(this.sessiondLoading=!1)}}async loadPluginsForTarget(e=this.settingsTarget()){let t=++this.pluginLoadRequestSeq,n=this.selectedMachineSettingsSupport(e);if(Ny(n)){this.selectedPluginConfigResponse=void 0,this.selectedPluginsResponse=void 0,this.pluginLoading=!1,this.pluginError=n.message??`Selected-machine settings are not available on ${X(e)}.`;return}this.pluginLoading=!0,this.pluginError=``;try{let[n,r]=await Promise.allSettled([Gr.config(e.id),Kr.plugins(e.id)]);if(!this.isCurrentPluginLoad(t,e))return;let i=[];n.status===`fulfilled`?this.selectedPluginConfigResponse=n.value:i.push(`config: ${Fy(By(n.reason),e)}`),r.status===`fulfilled`?this.selectedPluginsResponse=r.value:i.push(`PI WEB plugins: ${Fy(By(r.reason),e)}`),this.pluginError=i.length===0?``:`Failed to load PI WEB plugin settings from ${X(e)}: ${i.join(`; `)}`}finally{this.isCurrentPluginLoad(t,e)&&(this.pluginLoading=!1)}}async loadPackagesForTarget(e=this.packageTarget()){let t=++this.packageLoadRequestSeq;this.packageLoading=!0,this.packageError=``,this.packageMessage=``;try{let n=await Ey(e,e=>Jr.packages(e),this.packageManagementSupport(e));if(!this.isCurrentPackageLoad(t,e))return;this.packagesResponse=n.packagesResponse,this.packageError=n.error}finally{this.isCurrentPackageLoad(t,e)&&(this.packageLoading=!1)}}async togglePlugin(e,t){if(this.saving)return;let n=this.settingsTarget(),r=this.selectedMachineSettingsSupport(n);if(Ny(r)){this.pluginError=r.message??`Selected-machine settings are not available on ${X(n)}.`;return}if(this.selectedPluginConfigResponse===void 0){this.pluginError=`Plugin config is not loaded for ${X(n)}. Reload before changing plugin enablement.`;return}let i=Ly(this.selectedPluginConfigResponse.config,e,t);this.saving=!0,this.pluginError=``,this.savedMessage=``;try{let e=await Gr.saveConfig(i,n.id);if(!this.isCurrentSettingsTarget(n))return;this.selectedPluginConfigResponse=e,n.kind===`local`&&this.configResponse!==void 0&&(this.configResponse=Ry(this.configResponse,e),this.onConfigSaved?.(this.configResponse.effectiveConfig));let t=await this.refreshPluginsForTarget(n);if(!this.isCurrentSettingsTarget(n))return;t!==void 0&&(this.pluginError=t),this.showSavedMessage()}catch(e){this.isCurrentSettingsTarget(n)&&(this.pluginError=`Failed to save PI WEB plugin config on ${X(n)}: ${Fy(By(e),n)}`)}finally{this.saving=!1}}async saveConfig(e){if(!this.saving){this.saving=!0,this.error=``,this.savedMessage=``;try{let t=await Gr.saveConfig(e);this.configResponse=t,this.onConfigSaved?.(t.effectiveConfig),this.showSavedMessage()}catch(e){this.error=`Failed to save config: ${By(e)}`}finally{this.saving=!1}}}async saveMachineAccessConfig(e){if(this.saving)return;let t=this.settingsTarget(),n=this.selectedMachineSettingsSupport(t);if(Ny(n)){this.accessError=n.message??`Selected-machine settings are not available on ${X(t)}.`;return}this.saving=!0,this.accessError=``,this.savedMessage=``;try{let n=await Gr.saveConfig(e,t.id);if(!this.isCurrentSettingsTarget(t))return;this.accessConfigResponse=n,t.kind===`local`&&this.configResponse!==void 0&&(this.configResponse=Oy(this.configResponse,n),this.onConfigSaved?.(this.configResponse.effectiveConfig)),this.showSavedMessage()}catch(e){this.isCurrentSettingsTarget(t)&&(this.accessError=`Failed to save file access/upload config on ${X(t)}: ${Fy(By(e),t)}`)}finally{this.saving=!1}}async saveSessiondConfig(e){if(this.saving)return;let t=this.settingsTarget(),n=this.selectedMachineSettingsSupport(t);if(Ny(n)){this.sessiondError=n.message??`Selected-machine settings are not available on ${X(t)}.`;return}this.saving=!0,this.sessiondError=``,this.savedMessage=``;try{let n=await Gr.saveConfig(e,t.id);if(!this.isCurrentSettingsTarget(t))return;this.sessiondConfigResponse=n,t.kind===`local`&&this.configResponse!==void 0&&(this.configResponse=Rv(this.configResponse,n)),this.showSavedMessage()}catch(e){this.isCurrentSettingsTarget(t)&&(this.sessiondError=`Failed to save session-daemon config on ${X(t)}: ${Fy(By(e),t)}`)}finally{this.saving=!1}}async installPiPackage(e){let t=this.packageTarget();await this.runPiPackageMutation({kind:`install`,source:e},`install Pi package`,t,()=>Jr.install(e,t.id))}async removePiPackage(e,t){let n=this.packageTarget();await this.runPiPackageMutation({kind:`remove`,source:e},`remove Pi package`,n,()=>Jr.remove(e,t,n.id))}async updatePiPackage(e){let t=this.packageTarget();await this.runPiPackageMutation(e===void 0?{kind:`update-all`}:{kind:`update`,source:e},`update Pi packages`,t,()=>Jr.update(e,t.id))}async runPiPackageMutation(e,t,n,r){let i=this.packageManagementSupport(n);if(Gv(i))throw this.packageError=i.message??`Pi package management is not available on ${Hv(n)}.`,Error(this.packageError);if(this.saving)throw Error(`A settings operation is already running.`);let a=++this.packageMutationSeq;this.packageLoadRequestSeq+=1,this.packageLoading=!1,this.saving=!0,this.packageOperation=e,this.packageError=``,this.packageMessage=``;try{let e=await r();if(!this.isCurrentPackageMutation(a,n))return;this.packagesResponse={packages:e.packages};let t=qv(n)?await this.refreshGatewayPlugins():void 0;if(!this.isCurrentPackageMutation(a,n))return;t!==void 0&&(this.packageError=t),this.packageMessage=iy(e.action,n)}catch(e){throw this.isCurrentPackageMutation(a,n)&&(this.packageError=`Failed to ${t} on ${Hv(n)}: ${ay(By(e),n)}`),e}finally{this.packageMutationSeq===a&&(this.packageOperation=void 0,this.saving=!1)}}async refreshGatewayPlugins(){try{this.pluginsResponse=await Kr.plugins();return}catch(e){return`Failed to refresh gateway PI WEB plugins: ${By(e)}`}}async refreshPluginsForTarget(e){try{let t=await Kr.plugins(e.id);this.isCurrentSettingsTarget(e)&&(this.selectedPluginsResponse=t);return}catch(t){return`Config saved, but failed to refresh PI WEB plugins from ${X(e)}: ${Fy(By(t),e)}`}}settingsTarget(){return Ay(this.machine)}packageTarget(){return this.settingsTarget()}selectedMachineSettingsSupport(e=this.settingsTarget()){return jy(e,this.machineRuntime)}selectedMachineSettingsSupportNeedsReload(e,t){let n=jy(t,e),r=this.selectedMachineSettingsSupport(t);return My(n)!==My(r)}packageManagementSupport(e=this.packageTarget()){return Uv(e,this.machineRuntime)}packageManagementSupportNeedsReload(e,t){let n=Uv(t,e),r=this.packageManagementSupport(t);return Wv(n)===Wv(r)?!1:n.state===`unsupported`||r.state===`unsupported`}isCurrentLoad(e){return e===this.loadRequestSeq}isCurrentAccessLoad(e,t){return e===this.accessLoadRequestSeq&&this.isCurrentSettingsTarget(t)}isCurrentSessiondLoad(e,t){return e===this.sessiondLoadRequestSeq&&this.isCurrentSettingsTarget(t)}isCurrentPluginLoad(e,t){return e===this.pluginLoadRequestSeq&&this.isCurrentSettingsTarget(t)}isCurrentPackageLoad(e,t){return e===this.packageLoadRequestSeq&&this.isCurrentPackageTarget(t)}isCurrentPackageMutation(e,t){return e===this.packageMutationSeq&&this.isCurrentPackageTarget(t)}isCurrentPackageTarget(e){return this.packageTarget().id===e.id}isCurrentSettingsTarget(e){return this.settingsTarget().id===e.id}resetAccessStateForTargetChange(){this.accessLoadRequestSeq+=1,this.accessLoading=!1,this.accessError=``,this.accessConfigResponse=void 0,this.savedMessage=``}resetSessiondStateForTargetChange(){this.sessiondLoadRequestSeq+=1,this.sessiondLoading=!1,this.sessiondError=``,this.sessiondConfigResponse=void 0,this.savedMessage=``}resetPluginStateForTargetChange(){this.pluginLoadRequestSeq+=1,this.pluginLoading=!1,this.pluginError=``,this.selectedPluginConfigResponse=void 0,this.selectedPluginsResponse=void 0,this.savedMessage=``}resetPackageStateForTargetChange(){let e=this.packageOperation!==void 0;this.packageLoadRequestSeq+=1,this.packageMutationSeq+=1,this.packageLoading=!1,this.packageOperation=void 0,this.packageMessage=``,this.packageError=``,this.packagesResponse=void 0,e&&(this.saving=!1)}showSavedMessage(){this.savedMessage=`Config saved.`,this.savedMessageTimer!==void 0&&window.clearTimeout(this.savedMessageTimer),this.savedMessageTimer=window.setTimeout(()=>{this.savedMessage===`Config saved.`&&(this.savedMessage=``),this.savedMessageTimer=void 0},3e3)}handleKeyDown(e){e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),this.onClose?.())}static{this.styles=h`
|
|
2361
|
-
:host { position: fixed; inset: 0; z-index: 30; color: var(--pi-text); font: 14px system-ui, sans-serif; }
|
|
2362
|
-
.backdrop { box-sizing: border-box; width: 100%; height: 100dvh; display: grid; place-items: center; padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); background: var(--pi-overlay); overflow: hidden; }
|
|
2363
|
-
.settings-shell { width: min(980px, 100%); max-height: min(760px, 100%); min-height: min(620px, 100%); display: grid; grid-template-rows: auto minmax(0, 1fr); border: 1px solid var(--pi-border); border-radius: 14px; background: var(--pi-bg); box-shadow: 0 20px 60px var(--pi-shadow-strong); overflow: hidden; }
|
|
2364
|
-
.settings-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--pi-border); }
|
|
2365
|
-
.eyebrow { display: block; color: var(--pi-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
|
|
2366
|
-
h1 { margin: 0; font-size: 20px; line-height: 1.2; }
|
|
2367
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; font: inherit; cursor: pointer; }
|
|
2368
|
-
.close-button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; background: transparent; color: var(--pi-muted); padding: 0; font-size: 24px; }
|
|
2369
|
-
.close-button:hover, .close-button:focus { color: var(--pi-text); background: var(--pi-surface-hover); }
|
|
2370
|
-
.settings-body { min-height: 0; display: grid; grid-template-columns: 220px minmax(0, 1fr); }
|
|
2371
|
-
.settings-nav { min-height: 0; padding: 10px; border-right: 1px solid var(--pi-border); background: var(--pi-surface); overflow: auto; }
|
|
2372
|
-
.settings-nav button { display: grid; gap: 2px; width: 100%; margin: 0 0 6px; text-align: left; border-color: transparent; background: transparent; }
|
|
2373
|
-
.settings-nav button:hover, .settings-nav button:focus { background: var(--pi-surface-hover); }
|
|
2374
|
-
.settings-nav button.selected { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
2375
|
-
.settings-nav small { color: var(--pi-muted); }
|
|
2376
|
-
.settings-content { min-width: 0; min-height: 0; overflow: auto; padding: 18px; }
|
|
2377
|
-
|
|
2378
|
-
@media (max-width: 760px) {
|
|
2379
|
-
.backdrop { padding: 0; place-items: stretch; }
|
|
2380
|
-
.settings-shell { width: 100%; height: 100dvh; max-height: none; min-height: 0; border: 0; border-radius: 0; }
|
|
2381
|
-
.settings-header { padding: max(12px, env(safe-area-inset-top)) 12px 12px; }
|
|
2382
|
-
.settings-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
|
|
2383
|
-
.settings-nav { display: flex; gap: 8px; padding: 8px; border-right: 0; border-bottom: 1px solid var(--pi-border); overflow-x: auto; overflow-y: hidden; }
|
|
2384
|
-
.settings-nav button { flex: 0 0 auto; width: auto; min-width: 128px; margin: 0; }
|
|
2385
|
-
.settings-content { padding: 14px 12px calc(18px + env(safe-area-inset-bottom)); }
|
|
2386
|
-
}
|
|
2387
|
-
`}};R([b({attribute:!1})],Z.prototype,`section`,void 0),R([b({attribute:!1})],Z.prototype,`actions`,void 0),R([b({attribute:!1})],Z.prototype,`machine`,void 0),R([b({attribute:!1})],Z.prototype,`machineRuntime`,void 0),R([b({attribute:!1})],Z.prototype,`onNavigate`,void 0),R([b({attribute:!1})],Z.prototype,`onClose`,void 0),R([b({attribute:!1})],Z.prototype,`onConfigSaved`,void 0),R([x()],Z.prototype,`configResponse`,void 0),R([x()],Z.prototype,`accessConfigResponse`,void 0),R([x()],Z.prototype,`sessiondConfigResponse`,void 0),R([x()],Z.prototype,`pluginsResponse`,void 0),R([x()],Z.prototype,`selectedPluginConfigResponse`,void 0),R([x()],Z.prototype,`selectedPluginsResponse`,void 0),R([x()],Z.prototype,`packagesResponse`,void 0),R([x()],Z.prototype,`loading`,void 0),R([x()],Z.prototype,`accessLoading`,void 0),R([x()],Z.prototype,`sessiondLoading`,void 0),R([x()],Z.prototype,`pluginLoading`,void 0),R([x()],Z.prototype,`packageLoading`,void 0),R([x()],Z.prototype,`saving`,void 0),R([x()],Z.prototype,`packageOperation`,void 0),R([x()],Z.prototype,`error`,void 0),R([x()],Z.prototype,`accessError`,void 0),R([x()],Z.prototype,`sessiondError`,void 0),R([x()],Z.prototype,`pluginError`,void 0),R([x()],Z.prototype,`packageError`,void 0),R([x()],Z.prototype,`savedMessage`,void 0),R([x()],Z.prototype,`packageMessage`,void 0),Z=R([y(`settings-dialog`)],Z);function By(e){return e instanceof Error?e.message:String(e)}var Vy=class extends v{constructor(...e){super(...e),this.tool=`core:workspace.files`,this.panels=[],this.hideToolTabs=!1,this.onSelectTool=()=>void 0,this.workspaceHeaderCanScrollLeft=!1,this.workspaceHeaderCanScrollRight=!1,this.onWorkspaceHeaderScroll=()=>{this.updateWorkspaceHeaderScrollState()}}firstUpdated(){this.observeWorkspaceHeaderStrip(),this.updateWorkspaceHeaderScrollState()}updated(){this.observeWorkspaceHeaderStrip(),this.updateWorkspaceHeaderScrollState()}disconnectedCallback(){this.workspaceHeaderResizeObserver?.disconnect(),this.workspaceHeaderResizeObserver=void 0,this.observedWorkspaceHeaderStrip=void 0,super.disconnectedCallback()}render(){if(this.workspace===void 0)return this.renderEmptyState(this.emptyState??{title:`Select a workspace`,body:`Choose a workspace to inspect files, Git, or terminals.`});let e=this.panelContext;if(e===void 0)return this.renderEmptyState({title:`Workspace tools unavailable`,body:`Try selecting the workspace again.`});let t=this.panels,n=t.find(e=>e.id===this.tool)??t[0];return g`
|
|
2388
|
-
${this.hideToolTabs?null:g`
|
|
2389
|
-
<header>
|
|
2390
|
-
<div class=${this.workspaceHeaderFrameClass()}>
|
|
2391
|
-
<div class="workspace-header-strip" @scroll=${this.onWorkspaceHeaderScroll}>
|
|
2392
|
-
<div class="tabs">
|
|
2393
|
-
${t.map(t=>{let r=n?.id===t.id,i=t.badge?.(e),a=this.panelTabAriaLabel(t,i);return g`
|
|
2394
|
-
<button class=${this.panelTabClass(t,r)} title=${a} aria-label=${a} aria-pressed=${String(r)} @click=${()=>{this.onSelectTool(t.id)}}>
|
|
2395
|
-
${this.renderPanelTabContent(t,i)}
|
|
2396
|
-
</button>
|
|
2397
|
-
`})}
|
|
2398
|
-
</div>
|
|
2399
|
-
</div>
|
|
2400
|
-
</div>
|
|
2401
|
-
</header>
|
|
2402
|
-
`}
|
|
2403
|
-
${n===void 0?this.renderEmptyState({title:`No workspace tools available`,body:`No tools are available for this workspace.`}):g`
|
|
2404
|
-
<div class="panel-content">
|
|
2405
|
-
${n.render(e)}
|
|
2406
|
-
</div>
|
|
2407
|
-
`}
|
|
2408
|
-
`}panelTabClass(e,t){return[...e.icon===void 0?[]:[`icon-tab`],...t?[`selected`]:[]].join(` `)}panelTabAriaLabel(e,t){if(typeof t!=`string`&&typeof t!=`number`)return e.title;let n=String(t).trim();return n===``?e.title:`${e.title}, ${n}`}renderPanelTabContent(e,t){return g`
|
|
2409
|
-
${e.icon===void 0?null:g`<span class="tab-custom-icon" aria-hidden="true">${e.icon}</span>`}
|
|
2410
|
-
<span class="tab-label">${e.title}</span>
|
|
2411
|
-
${this.isEmptyBadge(t)?null:g`<span class="tab-badge">${t}</span>`}
|
|
2412
|
-
`}isEmptyBadge(e){return e===void 0||e===``}renderEmptyState(e){return g`
|
|
2413
|
-
<section class="empty-state" role="status">
|
|
2414
|
-
<h2>${e.title}</h2>
|
|
2415
|
-
${e.body===void 0?null:g`<p>${e.body}</p>`}
|
|
2416
|
-
</section>
|
|
2417
|
-
`}workspaceHeaderFrameClass(){return`workspace-header-scroll-frame${this.workspaceHeaderCanScrollLeft?` can-scroll-left`:``}${this.workspaceHeaderCanScrollRight?` can-scroll-right`:``}`}observeWorkspaceHeaderStrip(){let e=this.workspaceHeaderStripElement();this.observedWorkspaceHeaderStrip!==e&&(this.workspaceHeaderResizeObserver?.disconnect(),this.observedWorkspaceHeaderStrip=e,this.workspaceHeaderResizeObserver=void 0,!(e===void 0||typeof ResizeObserver>`u`)&&(this.workspaceHeaderResizeObserver=new ResizeObserver(()=>{this.updateWorkspaceHeaderScrollState()}),this.workspaceHeaderResizeObserver.observe(e)))}updateWorkspaceHeaderScrollState(){let e=this.workspaceHeaderStripElement(),t=e===void 0?0:Math.max(0,e.scrollWidth-e.clientWidth),n=e!==void 0&&e.scrollLeft>1,r=e!==void 0&&t-e.scrollLeft>1;this.workspaceHeaderCanScrollLeft!==n&&(this.workspaceHeaderCanScrollLeft=n),this.workspaceHeaderCanScrollRight!==r&&(this.workspaceHeaderCanScrollRight=r)}workspaceHeaderStripElement(){let e=this.workspaceHeaderStrip;return e instanceof HTMLElement?e:void 0}static{this.styles=vu}};R([b({attribute:!1})],Vy.prototype,`workspace`,void 0),R([b({attribute:!1})],Vy.prototype,`panelContext`,void 0),R([b({attribute:!1})],Vy.prototype,`emptyState`,void 0),R([b()],Vy.prototype,`tool`,void 0),R([b({attribute:!1})],Vy.prototype,`panels`,void 0),R([b({type:Boolean})],Vy.prototype,`hideToolTabs`,void 0),R([b({attribute:!1})],Vy.prototype,`onSelectTool`,void 0),R([S(`.workspace-header-strip`)],Vy.prototype,`workspaceHeaderStrip`,void 0),R([x()],Vy.prototype,`workspaceHeaderCanScrollLeft`,void 0),R([x()],Vy.prototype,`workspaceHeaderCanScrollRight`,void 0),Vy=R([y(`workspace-panel`)],Vy);var Hy=class extends v{constructor(...e){super(...e),this.machines=[],this.canScrollLeft=!1,this.canScrollRight=!1,this.onContextScroll=()=>{this.updateScrollState()}}disconnectedCallback(){this.contextItemsResizeObserver?.disconnect(),this.contextItemsResizeObserver=void 0,this.observedContextItems=void 0,super.disconnectedCallback()}firstUpdated(){this.observeContextItems(),this.updateScrollState()}updated(){this.observeContextItems(),this.updateScrollState()}render(){let e=Uy(this.machines),t=Wy(this.machine),n=Ky(this.project),r=Jy(this.workspace),i=Xy(this.session);return g`
|
|
2418
|
-
<nav class=${this.contextBarClass()} aria-label="Current location">
|
|
2419
|
-
<span class="context-bar-label">Location</span>
|
|
2420
|
-
<ol class="context-items" @scroll=${this.onContextScroll}>
|
|
2421
|
-
${e?g`
|
|
2422
|
-
<li class="context-item">
|
|
2423
|
-
<button type="button" class=${this.machine===void 0?`context-chip empty`:`context-chip`} title=${Gy(this.machine)} aria-label=${`Machine: ${t}. Open machine selection.`} @click=${()=>{this.onOpenSection?.(`machines`)}}>
|
|
2424
|
-
<span class="context-kind">Machine</span>
|
|
2425
|
-
<span class="context-value">${t}</span>
|
|
2426
|
-
</button>
|
|
2427
|
-
</li>
|
|
2428
|
-
`:null}
|
|
2429
|
-
<li class="context-item">
|
|
2430
|
-
<button type="button" class=${this.project===void 0?`context-chip empty`:`context-chip`} title=${qy(this.project)} aria-label=${`Project: ${n}. Open project selection.`} @click=${()=>{this.onOpenSection?.(`projects`)}}>
|
|
2431
|
-
<span class="context-kind">Project</span>
|
|
2432
|
-
<span class="context-value">${n}</span>
|
|
2433
|
-
</button>
|
|
2434
|
-
</li>
|
|
2435
|
-
<li class="context-item">
|
|
2436
|
-
<button type="button" class=${this.workspace===void 0?`context-chip empty`:`context-chip`} title=${Yy(this.workspace)} aria-label=${`Workspace: ${r}. Open workspace selection.`} @click=${()=>{this.onOpenSection?.(`workspaces`)}}>
|
|
2437
|
-
<span class="context-kind">Workspace</span>
|
|
2438
|
-
<span class="context-value">${r}</span>
|
|
2439
|
-
</button>
|
|
2440
|
-
</li>
|
|
2441
|
-
<li class="context-item">
|
|
2442
|
-
<button type="button" class=${this.session===void 0?`context-chip empty`:`context-chip`} title=${Zy(this.session)} aria-label=${`Session: ${i}. Open session selection.`} @click=${()=>{this.onOpenSection?.(`sessions`)}}>
|
|
2443
|
-
<span class="context-kind">Session</span>
|
|
2444
|
-
<span class="context-value">${i}</span>
|
|
2445
|
-
</button>
|
|
2446
|
-
</li>
|
|
2447
|
-
</ol>
|
|
2448
|
-
${this.hasContextActions()?g`<div class="context-actions">${this.renderActionsButton()}${this.refreshControl}</div>`:null}
|
|
2449
|
-
</nav>
|
|
2450
|
-
`}renderActionsButton(){return this.onShowActions===void 0?null:g`
|
|
2451
|
-
<button type="button" class="context-action-button" title="Show Actions" aria-label="Show Actions" @click=${e=>{e.stopPropagation(),this.onShowActions?.()}}>
|
|
2452
|
-
<svg class="context-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
2453
|
-
<path d="M13 2 4 14h7l-1 8 10-13h-7V2Z"></path>
|
|
2454
|
-
</svg>
|
|
2455
|
-
</button>
|
|
2456
|
-
`}contextBarClass(){let e=[`context-bar`];return this.hasContextActions()&&e.push(`has-context-actions`),this.refreshControl!==void 0&&this.onShowActions!==void 0&&e.push(`has-context-actions-double`),this.canScrollLeft&&e.push(`can-scroll-left`),this.canScrollRight&&e.push(`can-scroll-right`),e.join(` `)}hasContextActions(){return this.refreshControl!==void 0||this.onShowActions!==void 0}observeContextItems(){let e=this.contextItemsElement();this.observedContextItems!==e&&(this.contextItemsResizeObserver?.disconnect(),this.observedContextItems=e,this.contextItemsResizeObserver=void 0,!(e===void 0||typeof ResizeObserver>`u`)&&(this.contextItemsResizeObserver=new ResizeObserver(()=>{this.updateScrollState()}),this.contextItemsResizeObserver.observe(e)))}updateScrollState(){let e=this.contextItemsElement(),t=e===void 0?0:Math.max(0,e.scrollWidth-e.clientWidth),n=e!==void 0&&e.scrollLeft>1,r=e!==void 0&&t-e.scrollLeft>1;this.canScrollLeft!==n&&(this.canScrollLeft=n),this.canScrollRight!==r&&(this.canScrollRight=r)}contextItemsElement(){let e=this.contextItems;return e instanceof HTMLElement?e:void 0}static{this.styles=h`
|
|
2457
|
-
/* Keep the refresh menu in this shadow tree above the following mobile tab strip. */
|
|
2458
|
-
:host { position: relative; z-index: 20; flex: 0 0 auto; min-width: 0; }
|
|
2459
|
-
.context-bar { position: relative; flex: 0 0 auto; min-width: 0; display: flex; align-items: center; gap: 0; padding: 6px 0; border-bottom: 1px solid var(--pi-border-muted); background: var(--pi-bg); }
|
|
2460
|
-
.context-bar::before, .context-bar::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 20px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
|
|
2461
|
-
.context-bar::before { left: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
2462
|
-
.context-bar::after { right: 0; background: linear-gradient(270deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
2463
|
-
.context-bar.can-scroll-left::before, .context-bar.can-scroll-right::after { opacity: 1; }
|
|
2464
|
-
.context-bar-label { display: none; }
|
|
2465
|
-
.context-items { flex: 1 1 auto; min-width: 0; display: flex; align-items: stretch; gap: 5px; margin: 0; padding: 0 8px; list-style: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-padding-inline: 8px; scrollbar-width: thin; }
|
|
2466
|
-
.context-bar.has-context-actions .context-items { padding-right: 58px; scroll-padding-inline: 8px 58px; }
|
|
2467
|
-
.context-bar.has-context-actions-double .context-items { padding-right: 102px; scroll-padding-inline: 8px 102px; }
|
|
2468
|
-
.context-item { flex: 0 0 auto; min-width: 0; display: flex; }
|
|
2469
|
-
.context-actions { position: absolute; top: 6px; right: 0; bottom: 6px; z-index: 3; display: flex; align-items: center; gap: 6px; padding: 0 8px; background: var(--pi-bg); pointer-events: none; }
|
|
2470
|
-
.context-actions::before { content: ""; position: absolute; top: 0; bottom: 0; left: -24px; z-index: 0; width: 24px; background: linear-gradient(90deg, transparent, var(--pi-bg)); pointer-events: none; }
|
|
2471
|
-
app-refresh-control, .context-action-button { position: relative; z-index: 1; pointer-events: auto; }
|
|
2472
|
-
.context-action-button { box-sizing: border-box; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--pi-border); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text); padding: 0; line-height: 1; }
|
|
2473
|
-
.context-action-button:hover, .context-action-button:focus-visible { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
2474
|
-
.context-action-icon { width: 18px; height: 18px; fill: currentColor; pointer-events: none; }
|
|
2475
|
-
.context-chip { flex: 0 0 auto; min-width: 0; display: inline-flex; align-items: baseline; gap: 5px; border: 1px solid var(--pi-border-muted); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text); padding: 4px 8px; font: inherit; text-align: left; }
|
|
2476
|
-
.context-chip:hover { background: var(--pi-surface-hover); }
|
|
2477
|
-
.context-chip:focus-visible { outline: 2px solid var(--pi-accent); outline-offset: 2px; }
|
|
2478
|
-
.context-chip.empty { border-style: dashed; color: var(--pi-muted); }
|
|
2479
|
-
.context-kind { display: none; }
|
|
2480
|
-
.context-value { min-width: 0; overflow: visible; text-overflow: clip; white-space: nowrap; }
|
|
2481
|
-
button { cursor: pointer; }
|
|
2482
|
-
`}};R([b({attribute:!1})],Hy.prototype,`machines`,void 0),R([b({attribute:!1})],Hy.prototype,`machine`,void 0),R([b({attribute:!1})],Hy.prototype,`project`,void 0),R([b({attribute:!1})],Hy.prototype,`workspace`,void 0),R([b({attribute:!1})],Hy.prototype,`session`,void 0),R([b({attribute:!1})],Hy.prototype,`refreshControl`,void 0),R([b({attribute:!1})],Hy.prototype,`onOpenSection`,void 0),R([b({attribute:!1})],Hy.prototype,`onShowActions`,void 0),R([S(`.context-items`)],Hy.prototype,`contextItems`,void 0),R([x()],Hy.prototype,`canScrollLeft`,void 0),R([x()],Hy.prototype,`canScrollRight`,void 0),Hy=R([y(`app-context-bar`)],Hy);function Uy(e){return e.length>1}function Wy(e){return e===void 0?`No machine`:`${e.name}${e.kind===`remote`?` · remote`:``}`}function Gy(e){return e===void 0?`No machine selected`:e.baseUrl??e.name}function Ky(e){return e?.name??`No project`}function qy(e){return e===void 0?`No project selected`:`${e.name} — ${e.path}`}function Jy(e){return e===void 0?`No workspace`:`${e.label}${e.isMain?` · main`:``} · ${e.path}`}function Yy(e){return e===void 0?`No workspace selected`:`${e.label}${e.isMain?` · main`:``} — ${e.path}`}function Xy(e){let t=e?.name?.trim(),n=e?.firstMessage.trim();return t!==void 0&&t!==``?t:n!==void 0&&n!==``?n:e===void 0?`No session`:Ep(e.id)}function Zy(e){return e===void 0?`No session selected`:e.path}var Qy=class extends v{constructor(...e){super(...e),this.tabs=[],this.selectedView=`chat`,this.canScrollLeft=!1,this.canScrollRight=!1,this.onMobileTabsScroll=()=>{this.updateScrollState()}}disconnectedCallback(){this.mobileTabsResizeObserver?.disconnect(),this.mobileTabsResizeObserver=void 0,this.observedMobileTabs=void 0,super.disconnectedCallback()}firstUpdated(){this.observeMobileTabs(),this.updateScrollState()}updated(){this.observeMobileTabs(),this.updateScrollState()}render(){let e=this.fallbackLabels();return g`
|
|
2483
|
-
<div class=${this.frameClass()}>
|
|
2484
|
-
<div class="mobile-tabs" @scroll=${this.onMobileTabsScroll}>
|
|
2485
|
-
${this.tabs.map(t=>{let n=this.selectedView===t.id;return g`
|
|
2486
|
-
<button class=${this.tabClass(t)} title=${t.label} aria-label=${this.tabAriaLabel(t)} aria-pressed=${String(n)} @click=${()=>{this.onSelect?.(t.id)}}>
|
|
2487
|
-
${this.renderTabMark(t,e)}
|
|
2488
|
-
<span class="tab-label">${t.label}</span>
|
|
2489
|
-
${this.isEmptyBadge(t.badge)?null:g`<span class="tab-badge">${t.badge}</span>`}
|
|
2490
|
-
</button>
|
|
2491
|
-
`})}
|
|
2492
|
-
</div>
|
|
2493
|
-
</div>
|
|
2494
|
-
`}frameClass(){return`mobile-tabs-frame${this.canScrollLeft?` can-scroll-left`:``}${this.canScrollRight?` can-scroll-right`:``}`}tabClass(e){return[...e.className===void 0?[]:[e.className],...this.selectedView===e.id?[`selected`]:[]].join(` `)}tabAriaLabel(e){if(typeof e.badge!=`string`&&typeof e.badge!=`number`)return e.label;let t=String(e.badge).trim();return t===``?e.label:`${e.label}, ${t}`}isEmptyBadge(e){return e===void 0||e===``}renderTabMark(e,t){return e.icon===void 0?g`<span class="tab-fallback" aria-hidden="true">${t.get(e.id)??this.initialsLabel(e.label)}</span>`:mu(e.icon)}fallbackLabels(){let e=this.tabs.filter(e=>e.icon===void 0),t=new Map;for(let n of e){let e=this.initialsLabel(n.label);t.set(e,(t.get(e)??0)+1)}let n=new Map;for(let r of e){let e=this.initialsLabel(r.label);n.set(r.id,(t.get(e)??0)>1?this.fullFallbackLabel(r.label):e)}return n}initialsLabel(e){let t=(e.match(/[\p{L}\p{N}]+/gu)??[]).map(e=>Array.from(e)[0]??``).join(``).toLocaleUpperCase();return t===``?`?`:t}fullFallbackLabel(e){let t=e.trim();return t===``?`?`:t}observeMobileTabs(){let e=this.mobileTabsElement();this.observedMobileTabs!==e&&(this.mobileTabsResizeObserver?.disconnect(),this.observedMobileTabs=e,this.mobileTabsResizeObserver=void 0,!(e===void 0||typeof ResizeObserver>`u`)&&(this.mobileTabsResizeObserver=new ResizeObserver(()=>{this.updateScrollState()}),this.mobileTabsResizeObserver.observe(e)))}updateScrollState(){let e=this.mobileTabsElement(),t=e===void 0?0:Math.max(0,e.scrollWidth-e.clientWidth),n=e!==void 0&&e.scrollLeft>1,r=e!==void 0&&t-e.scrollLeft>1;this.canScrollLeft!==n&&(this.canScrollLeft=n),this.canScrollRight!==r&&(this.canScrollRight=r)}mobileTabsElement(){let e=this.mobileTabs;return e instanceof HTMLElement?e:void 0}static{this.styles=h`
|
|
2495
|
-
:host { flex: 0 0 auto; min-width: 0; }
|
|
2496
|
-
.mobile-tabs-frame { position: relative; display: flex; flex: 0 0 auto; min-width: 0; border-bottom: 1px solid var(--pi-border); background: var(--pi-bg); }
|
|
2497
|
-
.mobile-tabs-frame::before, .mobile-tabs-frame::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 20px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
|
|
2498
|
-
.mobile-tabs-frame::before { left: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
2499
|
-
.mobile-tabs-frame::after { right: 0; background: linear-gradient(270deg, color-mix(in srgb, var(--pi-shadow-strong) 55%, transparent) 0%, transparent 100%); }
|
|
2500
|
-
.mobile-tabs-frame.can-scroll-left::before, .mobile-tabs-frame.can-scroll-right::after { opacity: 1; }
|
|
2501
|
-
.mobile-tabs { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; }
|
|
2502
|
-
.mobile-tabs button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
|
|
2503
|
-
.mobile-tabs .navigation-tab { display: none; }
|
|
2504
|
-
.mobile-tabs button.selected { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
2505
|
-
.tab-icon { flex: 0 0 auto; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
2506
|
-
.tab-custom-icon { flex: 0 0 auto; width: 18px; height: 18px; display: inline-grid; place-items: center; color: currentColor; pointer-events: none; }
|
|
2507
|
-
.tab-custom-icon svg { width: 18px; height: 18px; pointer-events: none; }
|
|
2508
|
-
.tab-fallback { display: none; font-weight: 650; letter-spacing: .01em; pointer-events: none; }
|
|
2509
|
-
.tab-label { min-width: 0; }
|
|
2510
|
-
.tab-badge { flex: 0 0 auto; display: inline-block; min-width: 14px; margin-left: 0; border: 1px solid var(--pi-success-border); border-radius: 999px; background: var(--pi-success-surface); color: var(--pi-success); padding: 0 5px; font-size: 11px; line-height: 16px; text-align: center; }
|
|
2511
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
2512
|
-
@media (max-width: 760px) {
|
|
2513
|
-
.mobile-tabs { gap: 4px; padding: 6px 8px; }
|
|
2514
|
-
.mobile-tabs button { min-width: 40px; height: 36px; justify-content: center; gap: 4px; padding: 0 8px; }
|
|
2515
|
-
.mobile-tabs .navigation-tab { display: inline-flex; }
|
|
2516
|
-
.tab-fallback { display: inline-block; }
|
|
2517
|
-
.tab-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
|
|
2518
|
-
.tab-badge { min-width: 13px; padding: 0 4px; font-size: 10px; line-height: 13px; }
|
|
2519
|
-
}
|
|
2520
|
-
`}};R([b({attribute:!1})],Qy.prototype,`tabs`,void 0),R([b({attribute:!1})],Qy.prototype,`selectedView`,void 0),R([b({attribute:!1})],Qy.prototype,`onSelect`,void 0),R([S(`.mobile-tabs`)],Qy.prototype,`mobileTabs`,void 0),R([x()],Qy.prototype,`canScrollLeft`,void 0),R([x()],Qy.prototype,`canScrollRight`,void 0),Qy=R([y(`app-mobile-main-tabs`)],Qy);var $y=class extends v{constructor(...e){super(...e),this.machines=[],this.statuses={},this.activities={},this.open=!1,this.menuStyle=``,this.actionMenuStyle=``,this.onDocumentClick=e=>{e.composedPath().includes(this)||(this.open=!1,this.openActionsMachineId=void 0)}}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this.onDocumentClick),super.disconnectedCallback()}updated(e){e.has(`machines`)&&this.open&&this.selectedMachine()===void 0&&(this.open=!1),e.has(`machines`)&&this.openActionsMachineId!==void 0&&!this.machines.some(e=>e.id===this.openActionsMachineId)&&(this.openActionsMachineId=void 0)}async focusSelectedOrFirst(){let e=this.switcherButton();return e!==null&&await this.openMenuAndFocusOption(e)}render(){let e=this.selectedMachine();if(e===void 0)return null;let t=eb(e,this.statuses),n=e.name;return g`
|
|
2521
|
-
<div class="machine-switcher">
|
|
2522
|
-
<button
|
|
2523
|
-
type="button"
|
|
2524
|
-
class="machine-switcher-button"
|
|
2525
|
-
title=${nb(e)}
|
|
2526
|
-
aria-label=${`Machine: ${n}. Switch machine.`}
|
|
2527
|
-
aria-expanded=${String(this.open)}
|
|
2528
|
-
@click=${e=>{this.toggleMenu(e.currentTarget)}}
|
|
2529
|
-
@keydown=${e=>{this.handleSwitcherButtonKeydown(e)}}
|
|
2530
|
-
>
|
|
2531
|
-
${this.renderActivity(e)}
|
|
2532
|
-
<span class="machine-switcher-text">
|
|
2533
|
-
<span class="machine-switcher-kicker">Machine</span>
|
|
2534
|
-
<span class="machine-switcher-label">${n}</span>
|
|
2535
|
-
</span>
|
|
2536
|
-
<span class=${`machine-status ${t}`}>${tb(t)}</span>
|
|
2537
|
-
<span class="machine-chevron" aria-hidden="true">▾</span>
|
|
2538
|
-
</button>
|
|
2539
|
-
${this.open?g`
|
|
2540
|
-
<div class="machine-switcher-menu" style=${this.menuStyle} @click=${e=>{e.stopPropagation()}}>
|
|
2541
|
-
${this.machines.map(e=>this.renderMachineOption(e))}
|
|
2542
|
-
</div>
|
|
2543
|
-
`:null}
|
|
2544
|
-
</div>
|
|
2545
|
-
`}renderMachineOption(e){let t=this.selected?.id===e.id,n=eb(e,this.statuses),r=vp(e)&&this.onRemove!==void 0,i=this.openActionsMachineId===e.id;return g`
|
|
2546
|
-
<div class=${`machine-option ${t?`selected`:``} ${r?``:`no-actions`}`}>
|
|
2547
|
-
<button
|
|
2548
|
-
type="button"
|
|
2549
|
-
class="machine-option-main"
|
|
2550
|
-
title=${nb(e)}
|
|
2551
|
-
data-machine-id=${e.id}
|
|
2552
|
-
@click=${()=>{this.select(e)}}
|
|
2553
|
-
@keydown=${e=>{this.handleMachineOptionKeydown(e)}}
|
|
2554
|
-
>
|
|
2555
|
-
<span class="machine-option-name">${this.renderActivity(e)}<span>${e.name}</span></span>
|
|
2556
|
-
<small>${e.kind===`local`?`Local Pi Web`:e.baseUrl??`Remote Pi Web`} · ${tb(n)}</small>
|
|
2557
|
-
</button>
|
|
2558
|
-
${r?g`
|
|
2559
|
-
<div class="machine-option-actions">
|
|
2560
|
-
<button
|
|
2561
|
-
type="button"
|
|
2562
|
-
class="machine-option-actions-toggle"
|
|
2563
|
-
title="Machine actions"
|
|
2564
|
-
aria-label=${`Actions for ${e.name}`}
|
|
2565
|
-
aria-expanded=${String(i)}
|
|
2566
|
-
@click=${t=>{t.stopPropagation(),this.toggleActionsMenu(e.id,t.currentTarget)}}
|
|
2567
|
-
>⋯</button>
|
|
2568
|
-
${i?g`
|
|
2569
|
-
<div class="machine-option-actions-panel" style=${this.actionMenuStyle} @click=${e=>{e.stopPropagation()}}>
|
|
2570
|
-
<button class="danger" title=${`Remove ${e.name}`} @click=${()=>{this.removeMachine(e)}}>Remove</button>
|
|
2571
|
-
</div>
|
|
2572
|
-
`:null}
|
|
2573
|
-
</div>
|
|
2574
|
-
`:null}
|
|
2575
|
-
</div>
|
|
2576
|
-
`}renderActivity(e){let t=eb(e,this.statuses);if(t===`offline`||t===`error`)return;let n=qf(this.activities[e.id]);return np(n,n===`terminal`?`Machine terminal active`:`Machine active`)}selectedMachine(){return this.selected??this.machines.find(e=>e.id===`local`)??this.machines[0]}switcherButton(){return this.renderRoot.querySelector(`.machine-switcher-button`)}handleSwitcherButtonKeydown(e){if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault(),e.stopPropagation(),this.openMenuAndFocusOption(e.currentTarget);return}if(e.key===`ArrowRight`&&this.onFocusNextSection!==void 0){e.preventDefault(),e.stopPropagation(),this.onFocusNextSection();return}e.key===`Escape`&&this.onCancelKeyboardNavigation!==void 0&&(e.preventDefault(),e.stopPropagation(),this.onCancelKeyboardNavigation())}handleMachineOptionKeydown(e){if(e.key===`ArrowUp`){this.focusRelativeMachineOption(e.currentTarget,-1,e);return}if(e.key===`ArrowDown`){this.focusRelativeMachineOption(e.currentTarget,1,e);return}if(e.key===`Home`){this.focusIndexedMachineOption(0,e);return}if(e.key===`End`){this.focusIndexedMachineOption(-1,e);return}if(e.key===`ArrowRight`&&this.onFocusNextSection!==void 0){e.preventDefault(),e.stopPropagation(),this.open=!1,this.onFocusNextSection();return}(e.key===`ArrowLeft`||e.key===`Escape`)&&(e.preventDefault(),e.stopPropagation(),this.open=!1,this.updateComplete.then(()=>{this.focusSwitcherButton()}))}toggleMenu(e){this.menuStyle=rb(e),this.open=!this.open,this.openActionsMachineId=void 0}focusSwitcherButton(){let e=this.switcherButton();return e===null?!1:(e.focus(),!0)}async openMenuAndFocusOption(e){return this.menuStyle=rb(e),this.open=!0,this.openActionsMachineId=void 0,await this.updateComplete,this.focusSelectedMachineOption()}focusSelectedMachineOption(){let e=this.renderRoot.querySelector(`.machine-option.selected .machine-option-main`),t=this.machineOptionButtons()[0],n=e??t;return n===void 0?!1:(n.focus(),n.scrollIntoView({block:`nearest`}),!0)}focusRelativeMachineOption(e,t,n){n.preventDefault(),n.stopPropagation();let r=this.machineOptionButtons();if(r.length===0||!(e instanceof HTMLElement))return;let i=r.indexOf(e);i<0||this.focusMachineOptionAt(i+t)}focusIndexedMachineOption(e,t){t.preventDefault(),t.stopPropagation(),this.focusMachineOptionAt(e<0?this.machineOptionButtons().length-1:e)}focusMachineOptionAt(e){let t=this.machineOptionButtons(),n=t[Math.min(Math.max(e,0),t.length-1)];n?.focus(),n?.scrollIntoView({block:`nearest`})}machineOptionButtons(){return Array.from(this.renderRoot.querySelectorAll(`.machine-option-main`))}toggleActionsMenu(e,t){if(this.openActionsMachineId===e){this.openActionsMachineId=void 0;return}this.actionMenuStyle=Qf(t,{constrainTo:`viewport`}),this.openActionsMachineId=e}select(e){this.open=!1,this.openActionsMachineId=void 0,this.onSelect?.(e)}removeMachine(e){this.open=!1,this.openActionsMachineId=void 0,this.onRemove?.(e)}static{this.styles=h`
|
|
2577
|
-
:host { min-width: 0; display: block; }
|
|
2578
|
-
.machine-switcher { min-width: 0; }
|
|
2579
|
-
.machine-switcher-button { box-sizing: border-box; width: 100%; min-width: 0; display: flex; align-items: center; gap: 6px; border: 1px solid var(--pi-border); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text); padding: 5px 8px; cursor: pointer; text-align: left; }
|
|
2580
|
-
.machine-switcher-button:hover, .machine-switcher-button:focus-visible { border-color: var(--pi-accent); background: var(--pi-selection-bg); }
|
|
2581
|
-
.machine-switcher-text { flex: 1 1 auto; min-width: 0; display: grid; gap: 1px; }
|
|
2582
|
-
.machine-switcher-kicker { color: var(--pi-muted); font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: .02em; }
|
|
2583
|
-
.machine-switcher-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; line-height: 1.2; }
|
|
2584
|
-
.machine-status { flex: 0 0 auto; color: var(--pi-muted); font-size: 11px; }
|
|
2585
|
-
.machine-status.online { color: var(--pi-success); }
|
|
2586
|
-
.machine-status.offline, .machine-status.error { color: var(--pi-danger); }
|
|
2587
|
-
.machine-chevron { flex: 0 0 auto; color: var(--pi-muted); font-size: 11px; }
|
|
2588
|
-
.activity-indicator { flex: 0 0 auto; display: inline-block; width: 7px; height: 7px; background: var(--pi-success); animation: pulse 1s ease-in-out infinite; }
|
|
2589
|
-
.activity-indicator.session { border-radius: 50%; background: var(--pi-success); }
|
|
2590
|
-
.activity-indicator.terminal { border-radius: 2px; background: var(--pi-accent); }
|
|
2591
|
-
.activity-indicator.sending { border-radius: 50%; background: var(--pi-warning); }
|
|
2592
|
-
.machine-switcher-menu { position: fixed; z-index: 10000; box-sizing: border-box; min-width: min(280px, calc(100vw - 16px)); overflow: auto; padding: 4px; border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); box-shadow: 0 8px 24px var(--pi-shadow); }
|
|
2593
|
-
.machine-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px; align-items: stretch; margin: 2px 0; }
|
|
2594
|
-
.machine-option.no-actions { grid-template-columns: minmax(0, 1fr); }
|
|
2595
|
-
.machine-option-main, .machine-option-actions-toggle, .machine-option-actions-panel button { border: 0; border-radius: 7px; background: transparent; color: var(--pi-text); cursor: pointer; }
|
|
2596
|
-
.machine-option-main { min-width: 0; display: grid; gap: 2px; padding: 7px 8px; text-align: left; }
|
|
2597
|
-
.machine-option-name { min-width: 0; display: flex; align-items: baseline; gap: 6px; }
|
|
2598
|
-
.machine-option-name span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
2599
|
-
.machine-option-main small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pi-muted); }
|
|
2600
|
-
.machine-option-actions { position: relative; align-self: stretch; }
|
|
2601
|
-
.machine-option-actions-toggle { display: grid; place-items: center; height: 100%; min-width: 32px; padding: 0; color: var(--pi-muted); }
|
|
2602
|
-
.machine-option-actions-panel { position: fixed; z-index: 10001; box-sizing: border-box; min-width: min(120px, calc(100vw - 16px)); overflow: auto; padding: 4px; border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); box-shadow: 0 8px 24px var(--pi-shadow); }
|
|
2603
|
-
.machine-option-actions-panel button { display: block; width: 100%; padding: 7px 9px; text-align: left; white-space: nowrap; }
|
|
2604
|
-
.machine-option-actions-panel button.danger { color: var(--pi-danger); }
|
|
2605
|
-
.machine-option-main:hover, .machine-option-main:focus-visible, .machine-option-actions-toggle:hover, .machine-option-actions-toggle:focus-visible, .machine-option.selected .machine-option-main { background: var(--pi-selection-bg); }
|
|
2606
|
-
.machine-option-actions-panel button:hover, .machine-option-actions-panel button:focus-visible { background: var(--pi-selection-bg); }
|
|
2607
|
-
.machine-option-actions-panel button.danger:hover, .machine-option-actions-panel button.danger:focus-visible { background: color-mix(in srgb, var(--pi-danger) 14%, transparent); }
|
|
2608
|
-
@keyframes pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
|
|
2609
|
-
`}};R([b({attribute:!1})],$y.prototype,`machines`,void 0),R([b({attribute:!1})],$y.prototype,`selected`,void 0),R([b({attribute:!1})],$y.prototype,`statuses`,void 0),R([b({attribute:!1})],$y.prototype,`activities`,void 0),R([b({attribute:!1})],$y.prototype,`onSelect`,void 0),R([b({attribute:!1})],$y.prototype,`onRemove`,void 0),R([b({attribute:!1})],$y.prototype,`onFocusNextSection`,void 0),R([b({attribute:!1})],$y.prototype,`onCancelKeyboardNavigation`,void 0),R([x()],$y.prototype,`open`,void 0),R([x()],$y.prototype,`menuStyle`,void 0),R([x()],$y.prototype,`openActionsMachineId`,void 0),R([x()],$y.prototype,`actionMenuStyle`,void 0),$y=R([y(`machine-switcher`)],$y);function eb(e,t){return t[e.id]?.status??e.status??`unknown`}function tb(e){return e===`online`?`online`:e===`offline`?`offline`:e===`error`?`error`:`unknown`}function nb(e){return e.baseUrl??e.name}function rb(e){if(typeof HTMLElement>`u`||typeof window>`u`||!(e instanceof HTMLElement))return``;let t=e.getBoundingClientRect(),n=Math.min(280,Math.max(0,window.innerWidth-16)),r=Math.min(Math.max(8,t.left),Math.max(8,window.innerWidth-8-n)),i=Math.max(0,window.innerHeight-t.bottom-8);return[`top: ${ib(t.bottom)};`,`left: ${ib(r)};`,`width: ${ib(n)};`,`max-height: ${ib(i)};`].join(` `)}function ib(e){return`${String(Math.round(e))}px`}var Q=class extends v{constructor(...e){super(...e),this.machines=[],this.machineStatuses={},this.machineActivities={},this.projects=[],this.workspaces=[],this.sessions=[],this.workspaceActivities={},this.sessionActivities={},this.sessionStatuses={},this.sendingPrompts={},this.workspacesByProjectId={},this.deletingWorkspaceIds=[],this.workspaceLabelItems=()=>[],this.collapsible=!1,this.compact=!1,this.machinesCollapsed=!1,this.projectsCollapsed=!1,this.workspacesCollapsed=!1,this.sessionsCollapsed=!1,this.startingSessionCount=0,this.canStartSession=!1,this.canDeleteArchivedSessions=!1,this.canReloadSessions=!1,this.canCleanupSessions=!1,this.authoritativeSessionPersistence=!1,this.archivedDeleteUnavailableMessage=`Update and restart Pi-Web on this machine to delete archived sessions.`,this.cleanupUnavailableMessage=`Update and restart Pi-Web on this machine to clean up sessions.`}async focusSection(e){switch(await this.updateComplete,e){case`machines`:return await this.focusNavigableSection(this.compact?this.machineList:this.machineSwitcher);case`projects`:return await this.focusNavigableSection(this.projectList);case`workspaces`:return await this.focusNavigableSection(this.workspaceList);case`sessions`:return await this.focusNavigableSection(this.sessionList)}}render(){return g`
|
|
2610
|
-
<header>
|
|
2611
|
-
<strong>PI WEB</strong>
|
|
2612
|
-
${ab(this.machines)?g`
|
|
2613
|
-
<machine-switcher
|
|
2614
|
-
.machines=${this.machines}
|
|
2615
|
-
.selected=${this.selectedMachine}
|
|
2616
|
-
.statuses=${this.machineStatuses}
|
|
2617
|
-
.activities=${this.machineActivities}
|
|
2618
|
-
.onSelect=${e=>this.onSelectMachine?.(e)}
|
|
2619
|
-
.onRemove=${e=>this.onRemoveMachine?.(e)}
|
|
2620
|
-
.onFocusNextSection=${()=>{this.focusNextFrom(`machines`)}}
|
|
2621
|
-
.onCancelKeyboardNavigation=${()=>{this.cancelKeyboardNavigation()}}
|
|
2622
|
-
></machine-switcher>
|
|
2623
|
-
`:null}
|
|
2624
|
-
<div class="header-actions">
|
|
2625
|
-
${this.refreshControl}
|
|
2626
|
-
<button title="Show Actions" aria-label="Show Actions" @click=${()=>{this.onShowActions?.()}}>Actions</button>
|
|
2627
|
-
</div>
|
|
2628
|
-
</header>
|
|
2629
|
-
${this.compact&&ab(this.machines)?g`
|
|
2630
|
-
<machine-list
|
|
2631
|
-
.machines=${this.machines}
|
|
2632
|
-
.selected=${this.selectedMachine}
|
|
2633
|
-
.statuses=${this.machineStatuses}
|
|
2634
|
-
.activities=${this.machineActivities}
|
|
2635
|
-
.collapsible=${this.collapsible}
|
|
2636
|
-
.collapsed=${this.machinesCollapsed}
|
|
2637
|
-
.onToggleCollapsed=${()=>{this.onToggleMachines?.()}}
|
|
2638
|
-
.onSelect=${e=>this.onSelectMachine?.(e)}
|
|
2639
|
-
.onRemove=${e=>this.onRemoveMachine?.(e)}
|
|
2640
|
-
.onFocusNextSection=${()=>{this.focusNextFrom(`machines`)}}
|
|
2641
|
-
.onCancelKeyboardNavigation=${()=>{this.cancelKeyboardNavigation()}}
|
|
2642
|
-
></machine-list>
|
|
2643
|
-
`:null}
|
|
2644
|
-
<project-list
|
|
2645
|
-
.projects=${this.projects}
|
|
2646
|
-
.selected=${this.selectedProject}
|
|
2647
|
-
.activities=${this.workspaceActivities}
|
|
2648
|
-
.workspacesByProjectId=${this.workspacesByProjectId}
|
|
2649
|
-
.collapsible=${this.collapsible}
|
|
2650
|
-
.collapsed=${this.projectsCollapsed}
|
|
2651
|
-
.onToggleCollapsed=${()=>{this.onToggleProjects?.()}}
|
|
2652
|
-
.onSelect=${e=>this.onSelectProject?.(e)}
|
|
2653
|
-
.onClose=${e=>this.onCloseProject?.(e)}
|
|
2654
|
-
.onFocusPreviousSection=${()=>{this.focusPreviousFrom(`projects`)}}
|
|
2655
|
-
.onFocusNextSection=${()=>{this.focusNextFrom(`projects`)}}
|
|
2656
|
-
.onCancelKeyboardNavigation=${()=>{this.cancelKeyboardNavigation()}}
|
|
2657
|
-
></project-list>
|
|
2658
|
-
<workspace-list
|
|
2659
|
-
.workspaces=${this.workspaces}
|
|
2660
|
-
.selected=${this.selectedWorkspace}
|
|
2661
|
-
.activities=${this.workspaceActivities}
|
|
2662
|
-
.deletingWorkspaceIds=${this.deletingWorkspaceIds}
|
|
2663
|
-
.collapsible=${this.collapsible}
|
|
2664
|
-
.collapsed=${this.workspacesCollapsed}
|
|
2665
|
-
.workspaceLabelItems=${this.workspaceLabelItems}
|
|
2666
|
-
.onToggleCollapsed=${()=>{this.onToggleWorkspaces?.()}}
|
|
2667
|
-
.onSelect=${e=>this.onSelectWorkspace?.(e)}
|
|
2668
|
-
.onDelete=${e=>this.onDeleteWorkspace?.(e)}
|
|
2669
|
-
.onFocusPreviousSection=${()=>{this.focusPreviousFrom(`workspaces`)}}
|
|
2670
|
-
.onFocusNextSection=${()=>{this.focusNextFrom(`workspaces`)}}
|
|
2671
|
-
.onCancelKeyboardNavigation=${()=>{this.cancelKeyboardNavigation()}}
|
|
2672
|
-
></workspace-list>
|
|
2673
|
-
<session-list
|
|
2674
|
-
.sessions=${this.sessions}
|
|
2675
|
-
.statuses=${this.sessionStatuses}
|
|
2676
|
-
.activities=${this.sessionActivities}
|
|
2677
|
-
.sending=${this.sendingPrompts}
|
|
2678
|
-
.selected=${this.selectedSession}
|
|
2679
|
-
.startingCount=${this.startingSessionCount}
|
|
2680
|
-
.canStart=${this.canStartSession}
|
|
2681
|
-
.canDeleteArchived=${this.canDeleteArchivedSessions}
|
|
2682
|
-
.canReload=${this.canReloadSessions}
|
|
2683
|
-
.canCleanup=${this.canCleanupSessions}
|
|
2684
|
-
.authoritativeSessionPersistence=${this.authoritativeSessionPersistence}
|
|
2685
|
-
.archivedDeleteUnavailableMessage=${this.archivedDeleteUnavailableMessage}
|
|
2686
|
-
.cleanupUnavailableMessage=${this.cleanupUnavailableMessage}
|
|
2687
|
-
.collapsible=${this.collapsible}
|
|
2688
|
-
.collapsed=${this.sessionsCollapsed}
|
|
2689
|
-
.onToggleCollapsed=${()=>{this.onToggleSessions?.()}}
|
|
2690
|
-
.onArchivedCollapsed=${()=>this.onArchivedCollapsed?.()}
|
|
2691
|
-
.onStart=${()=>this.onStartSession?.()}
|
|
2692
|
-
.onSelect=${e=>this.onSelectSession?.(e)}
|
|
2693
|
-
.onArchive=${e=>this.onArchiveSession?.(e)}
|
|
2694
|
-
.onArchiveWithDescendants=${e=>this.onArchiveSessionWithDescendants?.(e)}
|
|
2695
|
-
.onArchiveMany=${e=>this.onArchiveSessions?.(e)}
|
|
2696
|
-
.onRestore=${e=>this.onRestoreSession?.(e)}
|
|
2697
|
-
.onDelete=${e=>this.onDeleteCachedNewSession?.(e)}
|
|
2698
|
-
.onDeleteArchived=${e=>this.onDeleteArchivedSession?.(e)}
|
|
2699
|
-
.onDeleteArchivedMany=${e=>this.onDeleteArchivedSessions?.(e)}
|
|
2700
|
-
.onDetachParent=${e=>this.onDetachParentSession?.(e)}
|
|
2701
|
-
.onReload=${e=>this.onReloadSession?.(e)}
|
|
2702
|
-
.onCleanup=${()=>this.onCleanupSessions?.()}
|
|
2703
|
-
.onFocusPreviousSection=${()=>{this.focusPreviousFrom(`sessions`)}}
|
|
2704
|
-
.onFocusNextSection=${()=>{this.focusNextFrom(`sessions`)}}
|
|
2705
|
-
.onCancelKeyboardNavigation=${()=>{this.cancelKeyboardNavigation()}}
|
|
2706
|
-
></session-list>
|
|
2707
|
-
`}async focusNavigableSection(e){return e!==void 0&&await e.focusSelectedOrFirst()}focusPreviousFrom(e){let t=ob(e,this.machines);t!==void 0&&this.onFocusNavigationTarget?.(t)}focusNextFrom(e){this.onFocusNavigationTarget?.(sb(e,this.machines))}cancelKeyboardNavigation(){this.onCancelKeyboardNavigation?.()}static{this.styles=h`
|
|
2708
|
-
:host { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
|
|
2709
|
-
:host([compact]) { flex: 1 1 auto; }
|
|
2710
|
-
header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border-bottom: 1px solid var(--pi-border); }
|
|
2711
|
-
header strong { flex: 0 0 auto; }
|
|
2712
|
-
machine-switcher { flex: 1 1 auto; min-width: 0; }
|
|
2713
|
-
:host([compact]) header { display: none; }
|
|
2714
|
-
.header-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
|
|
2715
|
-
machine-list, project-list, workspace-list { flex: 0 0 auto; max-height: 26%; min-height: 0; overflow: hidden; border-bottom: 1px solid var(--pi-border-muted); }
|
|
2716
|
-
session-list { flex: 1 1 auto; min-height: 0; overflow: hidden; }
|
|
2717
|
-
machine-list[collapsed],
|
|
2718
|
-
project-list[collapsed],
|
|
2719
|
-
workspace-list[collapsed],
|
|
2720
|
-
session-list[collapsed] { flex: 0 0 auto; min-height: auto; overflow: hidden; }
|
|
2721
|
-
:host([compact]) machine-list,
|
|
2722
|
-
:host([compact]) project-list,
|
|
2723
|
-
:host([compact]) workspace-list,
|
|
2724
|
-
:host([compact]) session-list { flex: 1 1 auto; max-height: none; min-height: 0; overflow: hidden; }
|
|
2725
|
-
:host([compact]) machine-list[collapsed],
|
|
2726
|
-
:host([compact]) project-list[collapsed],
|
|
2727
|
-
:host([compact]) workspace-list[collapsed],
|
|
2728
|
-
:host([compact]) session-list[collapsed] { flex: 0 0 auto; min-height: auto; overflow: hidden; }
|
|
2729
|
-
button { border: 1px solid var(--pi-border); border-radius: 8px; background: var(--pi-surface); color: var(--pi-text); padding: 7px 9px; cursor: pointer; }
|
|
2730
|
-
`}};R([b({attribute:!1})],Q.prototype,`machines`,void 0),R([b({attribute:!1})],Q.prototype,`selectedMachine`,void 0),R([b({attribute:!1})],Q.prototype,`machineStatuses`,void 0),R([b({attribute:!1})],Q.prototype,`machineActivities`,void 0),R([b({attribute:!1})],Q.prototype,`projects`,void 0),R([b({attribute:!1})],Q.prototype,`selectedProject`,void 0),R([b({attribute:!1})],Q.prototype,`workspaces`,void 0),R([b({attribute:!1})],Q.prototype,`selectedWorkspace`,void 0),R([b({attribute:!1})],Q.prototype,`sessions`,void 0),R([b({attribute:!1})],Q.prototype,`selectedSession`,void 0),R([b({attribute:!1})],Q.prototype,`workspaceActivities`,void 0),R([b({attribute:!1})],Q.prototype,`sessionActivities`,void 0),R([b({attribute:!1})],Q.prototype,`sessionStatuses`,void 0),R([b({attribute:!1})],Q.prototype,`sendingPrompts`,void 0),R([b({attribute:!1})],Q.prototype,`workspacesByProjectId`,void 0),R([b({attribute:!1})],Q.prototype,`deletingWorkspaceIds`,void 0),R([b({attribute:!1})],Q.prototype,`workspaceLabelItems`,void 0),R([b({attribute:!1})],Q.prototype,`refreshControl`,void 0),R([b({type:Boolean,reflect:!0})],Q.prototype,`collapsible`,void 0),R([b({type:Boolean,reflect:!0})],Q.prototype,`compact`,void 0),R([b({type:Boolean})],Q.prototype,`machinesCollapsed`,void 0),R([b({type:Boolean})],Q.prototype,`projectsCollapsed`,void 0),R([b({type:Boolean})],Q.prototype,`workspacesCollapsed`,void 0),R([b({type:Boolean})],Q.prototype,`sessionsCollapsed`,void 0),R([b({type:Number})],Q.prototype,`startingSessionCount`,void 0),R([b({type:Boolean})],Q.prototype,`canStartSession`,void 0),R([b({type:Boolean})],Q.prototype,`canDeleteArchivedSessions`,void 0),R([b({type:Boolean})],Q.prototype,`canReloadSessions`,void 0),R([b({type:Boolean})],Q.prototype,`canCleanupSessions`,void 0),R([b({type:Boolean})],Q.prototype,`authoritativeSessionPersistence`,void 0),R([b({type:String})],Q.prototype,`archivedDeleteUnavailableMessage`,void 0),R([b({type:String})],Q.prototype,`cleanupUnavailableMessage`,void 0),R([b({attribute:!1})],Q.prototype,`onShowActions`,void 0),R([b({attribute:!1})],Q.prototype,`onToggleMachines`,void 0),R([b({attribute:!1})],Q.prototype,`onToggleProjects`,void 0),R([b({attribute:!1})],Q.prototype,`onToggleWorkspaces`,void 0),R([b({attribute:!1})],Q.prototype,`onToggleSessions`,void 0),R([b({attribute:!1})],Q.prototype,`onSelectProject`,void 0),R([b({attribute:!1})],Q.prototype,`onCloseProject`,void 0),R([b({attribute:!1})],Q.prototype,`onSelectWorkspace`,void 0),R([b({attribute:!1})],Q.prototype,`onDeleteWorkspace`,void 0),R([b({attribute:!1})],Q.prototype,`onStartSession`,void 0),R([b({attribute:!1})],Q.prototype,`onSelectSession`,void 0),R([b({attribute:!1})],Q.prototype,`onArchiveSession`,void 0),R([b({attribute:!1})],Q.prototype,`onArchiveSessionWithDescendants`,void 0),R([b({attribute:!1})],Q.prototype,`onArchiveSessions`,void 0),R([b({attribute:!1})],Q.prototype,`onRestoreSession`,void 0),R([b({attribute:!1})],Q.prototype,`onDeleteCachedNewSession`,void 0),R([b({attribute:!1})],Q.prototype,`onDeleteArchivedSession`,void 0),R([b({attribute:!1})],Q.prototype,`onDeleteArchivedSessions`,void 0),R([b({attribute:!1})],Q.prototype,`onDetachParentSession`,void 0),R([b({attribute:!1})],Q.prototype,`onReloadSession`,void 0),R([b({attribute:!1})],Q.prototype,`onCleanupSessions`,void 0),R([b({attribute:!1})],Q.prototype,`onArchivedCollapsed`,void 0),R([b({attribute:!1})],Q.prototype,`onSelectMachine`,void 0),R([b({attribute:!1})],Q.prototype,`onRemoveMachine`,void 0),R([b({attribute:!1})],Q.prototype,`onFocusNavigationTarget`,void 0),R([b({attribute:!1})],Q.prototype,`onCancelKeyboardNavigation`,void 0),R([S(`machine-list`)],Q.prototype,`machineList`,void 0),R([S(`machine-switcher`)],Q.prototype,`machineSwitcher`,void 0),R([S(`project-list`)],Q.prototype,`projectList`,void 0),R([S(`workspace-list`)],Q.prototype,`workspaceList`,void 0),R([S(`session-list`)],Q.prototype,`sessionList`,void 0),Q=R([y(`app-navigation-panel`)],Q);function ab(e){return e.length>1}function ob(e,t){let n=cb(t);return n[n.indexOf(e)-1]}function sb(e,t){let n=cb(t);return n[n.indexOf(e)+1]??`chat`}function cb(e){return Yd.filter(t=>t!==`machines`||ab(e))}var lb=new Set([`ArrowLeft`,`ArrowRight`,`Home`,`End`]),ub=420,db=4,$=class extends v{constructor(...e){super(...e),this.side=`navigation`,this.collapsed=!1,this.resizable=!1,this.controls=``,this.resizeLabel=`Resize panel`,this.expandLabel=`Expand panel`,this.collapseLabel=`Collapse panel`,this.lastTapAt=0}disconnectedCallback(){this.finishActiveResize(),super.disconnectedCallback()}render(){let e=this.collapsed?this.expandLabel:this.collapseLabel;return g`
|
|
2731
|
-
${this.renderResizeHandle()}
|
|
2732
|
-
<button
|
|
2733
|
-
type="button"
|
|
2734
|
-
class="edge-button"
|
|
2735
|
-
title=${e}
|
|
2736
|
-
aria-label=${e}
|
|
2737
|
-
aria-controls=${this.controls}
|
|
2738
|
-
aria-expanded=${String(!this.collapsed)}
|
|
2739
|
-
@click=${()=>{this.onToggle?.()}}
|
|
2740
|
-
>${this.renderIcon()}</button>
|
|
2741
|
-
`}renderResizeHandle(){if(!this.resizable)return _;let e=this.resizeConstraints();return g`
|
|
2742
|
-
<div
|
|
2743
|
-
class="resize-handle"
|
|
2744
|
-
role="separator"
|
|
2745
|
-
tabindex="0"
|
|
2746
|
-
aria-label=${this.resizeLabel}
|
|
2747
|
-
title=${`${this.resizeLabel}. Double-click or double-tap to reset.`}
|
|
2748
|
-
aria-controls=${this.controls}
|
|
2749
|
-
aria-orientation="vertical"
|
|
2750
|
-
aria-valuemin=${String(e.minWidth)}
|
|
2751
|
-
aria-valuemax=${String(e.maxWidth)}
|
|
2752
|
-
aria-valuenow=${this.resizeAriaValueNow()}
|
|
2753
|
-
@pointerdown=${e=>{this.onResizePointerDown(e)}}
|
|
2754
|
-
@pointermove=${e=>{this.onResizePointerMove(e)}}
|
|
2755
|
-
@pointerup=${e=>{this.onResizePointerUp(e)}}
|
|
2756
|
-
@pointercancel=${e=>{this.onResizePointerCancel(e)}}
|
|
2757
|
-
@dblclick=${e=>{this.onResizeDoubleClick(e)}}
|
|
2758
|
-
@keydown=${e=>{this.onResizeKeyDown(e)}}
|
|
2759
|
-
></div>
|
|
2760
|
-
`}resizeAriaValueNow(){return this.panelWidth===void 0?_:String(Math.round(this.panelWidth))}renderIcon(){return g`<svg class="edge-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d=${this.iconDirection()===`left`?`M15 18l-6-6 6-6`:`M9 18l6-6-6-6`}/></svg>`}iconDirection(){return this.side===`navigation`?this.collapsed?`right`:`left`:this.collapsed?`left`:`right`}onResizePointerDown(e){if(!this.resizable||e.button!==0)return;let t=e.currentTarget;if(!(t instanceof HTMLElement))return;let n=this.resizeStartWidth();n!==void 0&&(e.preventDefault(),e.stopPropagation(),t.setPointerCapture(e.pointerId),this.activeResize={pointerId:e.pointerId,startClientX:e.clientX,startWidth:n,handle:t,moved:!1},this.toggleAttribute(`resizing`,!0))}onResizePointerMove(e){let t=this.activeResize;t?.pointerId===e.pointerId&&(e.preventDefault(),!(Math.abs(e.clientX-t.startClientX)<=db)&&(t.moved=!0,this.commitPanelWidth(mf(this.side,t.startWidth,t.startClientX,e.clientX,this.resizeConstraints()))))}onResizePointerUp(e){let t=this.activeResize;t?.pointerId===e.pointerId&&(e.preventDefault(),this.finishActiveResize(),t.moved||this.registerTapForReset())}onResizePointerCancel(e){this.activeResize?.pointerId===e.pointerId&&this.finishActiveResize()}onResizeDoubleClick(e){e.preventDefault(),e.stopPropagation(),this.resetPanelSize()}onResizeKeyDown(e){if(!this.resizable||!lb.has(e.key))return;let t=this.resizeStartWidth();if(t===void 0)return;let n=hf(this.side,t,e.key,{largeStep:e.shiftKey,constraints:this.resizeConstraints()});n!==void 0&&(e.preventDefault(),e.stopPropagation(),this.commitPanelWidth(n),this.onResizeEnd?.())}registerTapForReset(){let e=Date.now();if(e-this.lastTapAt<=ub){this.lastTapAt=0,this.resetPanelSize();return}this.lastTapAt=e}resetPanelSize(){this.finishActiveResize(),this.onReset?.()}resizeStartWidth(){let e=this.onResizeStart?.()??this.panelWidth;if(e!==void 0)return gf(this.side,e,this.resizeConstraints())}commitPanelWidth(e){this.onResize?.(gf(this.side,e,this.resizeConstraints()))}finishActiveResize(){let e=this.activeResize;if(e!==void 0){try{e.handle.releasePointerCapture(e.pointerId)}catch{}this.activeResize=void 0,this.toggleAttribute(`resizing`,!1),this.onResizeEnd?.()}}resizeConstraints(){let e=ff(this.side);return{...e,minWidth:this.minWidth??e.minWidth,maxWidth:this.maxWidth??e.maxWidth}}static{this.styles=h`
|
|
2761
|
-
:host { position: relative; min-width: 0; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: visible; background: var(--pi-border-muted); z-index: 2; }
|
|
2762
|
-
:host([side="navigation"]) { grid-column: 2; }
|
|
2763
|
-
:host([side="workspace"]) { grid-column: 4; }
|
|
2764
|
-
.resize-handle { position: absolute; inset: 0 -6px; z-index: 0; cursor: col-resize; touch-action: none; outline: none; }
|
|
2765
|
-
.resize-handle::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; transform: translateX(-50%); background: transparent; transition: width .12s ease, background .12s ease, opacity .12s ease; }
|
|
2766
|
-
.resize-handle:hover::after, .resize-handle:focus-visible::after, :host([resizing]) .resize-handle::after { width: 3px; background: var(--pi-accent); opacity: .72; }
|
|
2767
|
-
.edge-button { position: relative; z-index: 1; box-sizing: border-box; display: grid; place-items: center; width: 18px; height: 48px; padding: 0; border: 1px solid var(--pi-border-muted); border-radius: 999px; background: var(--pi-bg); color: var(--pi-muted); opacity: .75; cursor: pointer; }
|
|
2768
|
-
.edge-button:hover, .edge-button:focus-visible { color: var(--pi-text); background: var(--pi-surface-hover); opacity: 1; }
|
|
2769
|
-
:host([side="navigation"][collapsed]) .edge-button { transform: translateX(calc(50% - .5px)); }
|
|
2770
|
-
:host([side="workspace"][collapsed]) .edge-button { transform: translateX(calc(-50% + .5px)); }
|
|
2771
|
-
.edge-icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
2772
|
-
@media (max-width: 1180px) {
|
|
2773
|
-
:host([side="navigation"]) { grid-row: 1 / 3; }
|
|
2774
|
-
:host([side="workspace"]) { display: none; }
|
|
2775
|
-
}
|
|
2776
|
-
@media (max-width: 760px) {
|
|
2777
|
-
:host([side="navigation"]) { display: none; }
|
|
2778
|
-
}
|
|
2779
|
-
`}};R([b({reflect:!0})],$.prototype,`side`,void 0),R([b({type:Boolean,reflect:!0})],$.prototype,`collapsed`,void 0),R([b({type:Boolean})],$.prototype,`resizable`,void 0),R([b({type:Number})],$.prototype,`panelWidth`,void 0),R([b({type:Number})],$.prototype,`minWidth`,void 0),R([b({type:Number})],$.prototype,`maxWidth`,void 0),R([b()],$.prototype,`controls`,void 0),R([b()],$.prototype,`resizeLabel`,void 0),R([b()],$.prototype,`expandLabel`,void 0),R([b()],$.prototype,`collapseLabel`,void 0),R([b({attribute:!1})],$.prototype,`onToggle`,void 0),R([b({attribute:!1})],$.prototype,`onResizeStart`,void 0),R([b({attribute:!1})],$.prototype,`onResize`,void 0),R([b({attribute:!1})],$.prototype,`onResizeEnd`,void 0),R([b({attribute:!1})],$.prototype,`onReset`,void 0),$=R([y(`app-panel-edge-control`)],$);var fb=class extends v{constructor(...e){super(...e),this.onReloadClick=e=>{e.stopPropagation(),this.onReload?.()}}render(){let e=`Full page reload`;return g`
|
|
2780
|
-
<button
|
|
2781
|
-
class="app-refresh-button"
|
|
2782
|
-
title=${e}
|
|
2783
|
-
aria-label=${e}
|
|
2784
|
-
@click=${this.onReloadClick}
|
|
2785
|
-
>${this.renderRefreshIcon()}</button>
|
|
2786
|
-
`}renderRefreshIcon(){return g`
|
|
2787
|
-
<svg class="app-refresh-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
2788
|
-
<path d="M20 6v5h-5"></path>
|
|
2789
|
-
<path d="M4 18v-5h5"></path>
|
|
2790
|
-
<path d="M18.2 9A7 7 0 0 0 6.1 6.8L4 9"></path>
|
|
2791
|
-
<path d="M5.8 15a7 7 0 0 0 12.1 2.2L20 15"></path>
|
|
2792
|
-
</svg>
|
|
2793
|
-
`}static{this.styles=h`
|
|
2794
|
-
:host { position: relative; z-index: 1; display: flex; align-items: center; pointer-events: auto; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
|
|
2795
|
-
:host, :host * { -webkit-user-select: none; user-select: none; }
|
|
2796
|
-
.app-refresh-button { box-sizing: border-box; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--pi-border); border-radius: 999px; background: var(--pi-surface); color: var(--pi-text); padding: 0; line-height: 1; cursor: pointer; touch-action: manipulation; -webkit-touch-callout: none; }
|
|
2797
|
-
.app-refresh-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
|
|
2798
|
-
`}};R([b({attribute:!1})],fb.prototype,`onReload`,void 0),fb=R([y(`app-refresh-control`)],fb);var pb=900*1e3,mb=750,hb=[1e3,3e3,8e3,15e3,3e4],gb={capture:!0},_b=`auto:on`,vb=`auto:off`,yb=`theme:`,bb=Gi(`core:workspace.files`),xb=Gi(`core:workspace.git`),Sb=Gi(`core:workspace.terminal`),Cb=320,wb=2,Tb=`(min-width: 1181px)`,Eb=class extends v{constructor(...e){super(...e),this.state=Pi(),this.sessions=new tc(()=>this.state,e=>{this.setState(e)},()=>{this.updateUrl()},new Gs),this.activity=new Bi(()=>this.state,e=>{this.setState(e)}),this.auth=new Ui(()=>this.state,e=>{this.setState(e)},e=>{this.sessions.applySessionStatus(e)}),this.workspaces=new kc(()=>this.state,e=>{this.setState(e)},()=>{this.updateUrl()},this.sessions,new Dc),this.projects=new ma(()=>this.state,e=>{this.setState(e)},this.workspaces),this.machines=new da(()=>this.state,e=>{this.setState(e)},()=>{this.updateUrl()},this.projects),this.files=new ia(()=>this.state,e=>{this.setState(e)},()=>{this.updateUrl()}),this.git=new ua(()=>this.state,e=>{this.setState(e)},()=>{this.updateUrl()}),this.keyboard=new Zc,this.realtime=new Ts,this.machineActivitySockets=new Map,this.activeTerminalIds=new Set,this.machineNavigation=new Nc,this.terminalSelection=new Kc,this.appShell=new Hd(this),this.browserResume=new Wd({onResumeSignal:()=>{this.handleBrowserResumeSignal()},refreshAfterResume:()=>this.refreshAfterBrowserResume(),onRefreshError:e=>{console.warn(`Failed to refresh after browser resume`,e)}}),this.panelCollapse=new sf(this),this.panelResize=new df(this),this.navigationSections=new rf(this,()=>this.state,()=>this.appShell.isMobileNavigationLayout),this.systemLightThemeMedia=typeof window<`u`&&`matchMedia`in window?window.matchMedia(`(prefers-color-scheme: light)`):void 0,this.refreshingWorkspaceDeletionRuns=!1,this.handledWorkspaceDeletionRunIds=new Set,this.terminalCommandRunRuntimes=new Map,this.machineNavigationRestoreSeq=0,this.navigationSelectionSeq=0,this.routeRestoreSeq=0,this.routeRestoreDepth=0,this.remoteRouteRestoreAttempt=0,this.remoteRouteRestoreInProgress=!1,this.plugins=Db(),this.loadedMachinePluginIds=new Set,this.machinePluginLoadPromises=new Map,this.themePreference=zl()??Fl,this.activeThemeId=Pl,this.isRefreshingApp=!1,this.settingsSection=Mf(),this.shortcutConfig={},this.workspaceUploadDefaultFolder=mi(void 0),this.onPopState=()=>void this.withChatScrollTransition(async()=>{this.restoreSettingsRoute(),await this.restoreRoute(!1)}),this.onPageShow=()=>{this.appShell.repairViewportPosition(),this.retryPendingRemoteRouteRestoreSoon()},this.onSystemLightThemeChange=()=>{this.themePreference.auto&&this.applyPreferredTheme(!1)},this.onKeyDown=e=>{this.settingsSection===void 0&&this.keyboard.handle(e,this.getDefaultActions(),{shortcuts:this.shortcutConfig})&&(e.preventDefault(),e.stopPropagation())},this.handleSendPrompt=(e,t,n,r)=>{this.sendPrompt(e,t,n,r)},this.handleStopActiveWork=()=>{this.sessions.stopActiveWork()},this.handleSelectModel=()=>{this.openModelDialog()},this.handleSelectThinking=()=>{this.openThinkingDialog()}}get routeRestoreInProgress(){return this.routeRestoreDepth>0}willUpdate(){this.toggleAttribute(`pwa-display-mode`,this.appShell.isPwaDisplayMode)}connectedCallback(){super.connectedCallback(),window.addEventListener(`popstate`,this.onPopState),window.addEventListener(`pageshow`,this.onPageShow),this.browserResume.connect(),window.addEventListener(`keydown`,this.onKeyDown,gb),this.systemLightThemeMedia?.addEventListener(`change`,this.onSystemLightThemeChange),this.applyPreferredTheme(!1),this.connectRealtime(),this.piWebStatusTimer=window.setInterval(()=>{this.schedulePiWebStatusRefresh()},pb),this.refreshWorkspaceActivity(),this.loadClientConfig(),this.ensureGatewayPluginsLoaded(),this.loadProjectsAndRestoreRoute().finally(()=>{this.schedulePiWebStatusRefresh()})}disconnectedCallback(){window.removeEventListener(`popstate`,this.onPopState),window.removeEventListener(`pageshow`,this.onPageShow),this.browserResume.disconnect(),window.removeEventListener(`keydown`,this.onKeyDown,gb),this.systemLightThemeMedia?.removeEventListener(`change`,this.onSystemLightThemeChange),this.keyboard.reset(),this.auth.dispose(),this.sessions.dispose(),this.realtime.close(),this.closeMachineActivitySockets(),this.git.dispose(),this.piWebStatusTimer!==void 0&&window.clearInterval(this.piWebStatusTimer),this.piWebStatusTimer=void 0,this.clearScheduledPiWebStatusRefresh(),this.workspaceDeletionPollTimer!==void 0&&window.clearInterval(this.workspaceDeletionPollTimer),this.workspaceDeletionPollTimer=void 0,this.clearPendingRemoteRouteRestore(),super.disconnectedCallback()}setState(e){if(!Mb(this.state,e))return;let t=this.state;this.state={...this.state,...e},this.handleActivityTransition(t,this.state),this.handleWorkspaceChange(t,this.state),this.handleMachineChange(t,this.state),kb(t,this.state)&&this.syncMachineActivitySubscriptions()}async loadProjectsAndRestoreRoute(){this.restoreSettingsRoute();let e=Df();await this.machines.loadMachines(e.machineId);let t=this.routeForSelectedMachine(e),n=this.state.machineStatuses[t.machineId??`local`];t!==e&&this.replaceRouteAndClearWorkspaceQuery(t),await this.projects.loadProjects(),await this.withChatScrollTransition(()=>this.restoreRouteFor(t,!1)),this.shouldDeferRemoteRouteRestore(t,n)?this.deferRemoteRouteRestore(t):(this.clearPendingRemoteRouteRestore(),this.rememberCurrentMachineNavigation()),await this.refreshWorkspaceDeletionRuns()}handleBrowserResumeSignal(){this.appShell.repairViewportPosition(),this.schedulePiWebStatusRefresh(),this.retryPendingRemoteRouteRestoreSoon()}async refreshAfterBrowserResume(){await Promise.all([this.sessions.refreshSelectedSession(),this.refreshMachineActivities(),this.refreshWorkspaceDeletionRuns()])}schedulePiWebStatusRefresh(e=mb){this.clearScheduledPiWebStatusRefresh(),this.piWebStatusDeferredTimer=window.setTimeout(()=>{this.piWebStatusDeferredTimer=void 0,this.refreshPiWebStatus()},e)}clearScheduledPiWebStatusRefresh(){this.piWebStatusDeferredTimer!==void 0&&(window.clearTimeout(this.piWebStatusDeferredTimer),this.piWebStatusDeferredTimer=void 0)}async refreshPiWebStatus(){let e=I(this.state);try{let t=await Vr.piWebStatus(e);I(this.state)===e&&this.setState({piWebStatus:t})}catch(t){I(this.state)===e&&this.setState({piWebStatus:void 0}),console.warn(`Failed to refresh PI WEB status for ${e}`,t)}}async refreshWorkspaceActivity(e=I(this.state)){try{await this.activity.refresh(e)}catch(t){console.warn(`Failed to refresh workspace activity for ${e}`,t)}}async refreshMachineActivities(){let e=this.state.machines.length===0?[I(this.state)]:this.state.machines.filter(e=>jb(e,this.state.machineStatuses[e.id])).map(e=>e.id);await Promise.all(e.map(e=>this.refreshWorkspaceActivity(e)))}async loadClientConfig(){try{this.applyClientConfig((await Gr.config()).effectiveConfig)}catch(e){console.warn(`Failed to load PI WEB config`,e)}}applyClientConfig(e){this.shortcutConfig=e.shortcuts??{},this.workspaceUploadDefaultFolder=mi(e)}async refreshAppData(){if(!this.isRefreshingApp){this.isRefreshingApp=!0;try{await Promise.all([this.sessions.refreshSelectedSession(),this.refreshMachineActivities(),this.loadClientConfig(),this.refreshWorkspaceDeletionRuns(),this.refreshCurrentWorkspaceSurface()]),this.schedulePiWebStatusRefresh()}finally{this.isRefreshingApp=!1}}}async refreshCurrentWorkspaceSurface(){let e=this.state.selectedWorkspace,t=this.state.mainView!==`chat`&&this.state.mainView!==`navigation`?this.state.mainView:this.state.workspaceTool;t===`core:workspace.files`?await this.files.refreshFiles():t===`core:workspace.git`?await this.git.refreshGit():t===`core:workspace.terminal`&&e!==void 0&&await this.refreshActiveTerminals(e)}hardReloadApp(){window.location.reload()}async restoreRoute(e){await this.restoreRouteFor(Df(),e),this.rememberCurrentMachineNavigation()}async restoreRouteFor(e,t,n=this.readWorkspaceRouteSurface(e),r){let i=I(this.state),a=e.projectId===void 0||e.projectId===``?Fb():n,o=++this.routeRestoreSeq;this.routeRestoreDepth+=1,this.restoringRouteTerminalId=a.selectedTerminalId;try{await this.restoreRouteMachine(e,!1);let n=this.loadPluginsForSelectedMachine();if(e.tool?.startsWith(`machine.`)===!0&&await n,!this.isCurrentRouteRestore(o))return;if(this.setState({workspaceTool:e.tool??this.state.workspaceTool,mainView:r??e.view??this.defaultRouteView(),selectedFilePath:a.selectedFilePath,selectedDiffPath:a.selectedDiffPath,selectedTerminalId:a.selectedTerminalId}),e.projectId===void 0||e.projectId===``){t&&this.updateUrl();return}if(this.routeMatchesCurrentSelection(e)){a.selectedTerminalId!==void 0&&this.rememberSelectedTerminal(a.selectedTerminalId),await this.refreshRestoredWorkspaceTool(e.tool,a.selectedFilePath),this.git.updatePolling(),t&&this.updateUrl();return}let i=this.state.projects.find(t=>t.id===e.projectId);if(!i){this.setState({selectedFilePath:void 0,selectedDiffPath:void 0,selectedTerminalId:void 0}),t&&this.updateUrl();return}if(await this.workspaces.selectProject(i,{workspaceId:e.workspaceId,sessionId:e.sessionId,updateUrl:!1}),!this.isCurrentRouteRestore(o))return;this.setState({selectedFilePath:a.selectedFilePath,selectedDiffPath:a.selectedDiffPath,selectedTerminalId:a.selectedTerminalId}),a.selectedTerminalId!==void 0&&this.rememberSelectedTerminal(a.selectedTerminalId),await this.refreshRestoredWorkspaceTool(e.tool,a.selectedFilePath),this.git.updatePolling(),t&&this.updateUrl()}finally{this.routeRestoreDepth=Math.max(0,this.routeRestoreDepth-1),this.routeRestoreDepth===0&&(this.restoringRouteTerminalId=void 0),I(this.state)!==i&&this.schedulePiWebStatusRefresh()}}isCurrentRouteRestore(e){return e===this.routeRestoreSeq}readWorkspaceRouteSurface(e){return e.projectId===void 0||e.projectId===``?Fb():{selectedFilePath:qi(bb,`file`),selectedDiffPath:qi(xb,`diff`),selectedTerminalId:qi(Sb,`terminal`)}}routeForSelectedMachine(e){let t=this.state.selectedMachine?.id??`local`;return(e.machineId??`local`)===t?e:{machineId:t,projectId:void 0,workspaceId:void 0,sessionId:void 0,tool:void 0,view:void 0}}replaceRouteAndClearWorkspaceQuery(e){Of(e,{replace:!0}),Ji(bb,`file`,void 0,{replace:!0}),Ji(xb,`diff`,void 0,{replace:!0}),Ji(Sb,`terminal`,void 0,{replace:!0})}shouldDeferRemoteRouteRestore(e,t=this.state.machineStatuses[e.machineId??`local`]){let n=e.machineId??`local`,r=this.state.selectedMachine;return n===`local`||r?.id!==n||r.kind!==`remote`||t?.ok!==!1?!1:e.projectId===void 0||e.projectId===``?this.state.projects.length===0:this.state.selectedProject?.id!==e.projectId}deferRemoteRouteRestore(e){this.pendingRemoteRouteRestore=e,this.remoteRouteRestoreAttempt=0,this.setRemoteRouteRestoreMessage(e),this.schedulePendingRemoteRouteRestore()}retryPendingRemoteRouteRestoreSoon(){this.pendingRemoteRouteRestore!==void 0&&this.schedulePendingRemoteRouteRestore(0)}schedulePendingRemoteRouteRestore(e=Lb(this.remoteRouteRestoreAttempt)){this.pendingRemoteRouteRestore!==void 0&&(this.clearPendingRemoteRouteRestoreTimer(),this.remoteRouteRestoreTimer=window.setTimeout(()=>{this.remoteRouteRestoreTimer=void 0,this.retryPendingRemoteRouteRestore()},e))}async retryPendingRemoteRouteRestore(){if(this.remoteRouteRestoreInProgress)return;let e=this.pendingRemoteRouteRestore;if(e!==void 0){if(!this.pendingRemoteRouteRestoreStillCurrent(e)){this.clearPendingRemoteRouteRestore();return}this.remoteRouteRestoreInProgress=!0;try{let t=e.machineId??`local`,n=await this.machines.refreshMachineHealth(t);if(!this.pendingRemoteRouteRestoreStillCurrent(e))return;if(n?.ok!==!0){this.scheduleNextRemoteRouteRestoreAttempt(e);return}if(await this.machines.refreshMachineRuntime(t),!this.pendingRemoteRouteRestoreStillCurrent(e)||(await this.projects.loadProjects(),!this.pendingRemoteRouteRestoreStillCurrent(e)))return;if(this.state.error!==``){this.scheduleNextRemoteRouteRestoreAttempt(e);return}if(await this.withChatScrollTransition(()=>this.restoreRouteFor(e,!1)),!this.pendingRemoteRouteRestoreStillCurrent(e))return;this.clearPendingRemoteRouteRestore(),this.rememberCurrentMachineNavigation(),await this.refreshWorkspaceDeletionRuns()}finally{this.remoteRouteRestoreInProgress=!1}}}scheduleNextRemoteRouteRestoreAttempt(e){if(this.remoteRouteRestoreAttempt+=1,this.remoteRouteRestoreAttempt>=hb.length){this.setRemoteRouteRestoreMessage(e,{exhausted:!0}),this.clearPendingRemoteRouteRestore();return}this.setRemoteRouteRestoreMessage(e),this.schedulePendingRemoteRouteRestore()}setRemoteRouteRestoreMessage(e,t={}){let n=e.machineId??`local`,r=this.state.machines.find(e=>e.id===n)?.name??this.state.selectedMachine?.name??`Remote machine`,i=this.state.machineStatuses[n]?.error??(this.state.error===``?void 0:this.state.error),a=t.exhausted===!0?`${r} is still unavailable.`:`${r} is unavailable; reconnecting…`;this.setState({error:`${a}${i===void 0?``:` ${i}`}`})}pendingRemoteRouteRestoreStillCurrent(e){let t=e.machineId??`local`;return t!==`local`&&this.pendingRemoteRouteRestore===e&&this.state.selectedMachine?.id===t&&this.state.machines.some(e=>e.id===t)}clearPendingRemoteRouteRestore(){this.clearPendingRemoteRouteRestoreTimer(),this.pendingRemoteRouteRestore=void 0,this.remoteRouteRestoreAttempt=0}clearPendingRemoteRouteRestoreTimer(){this.remoteRouteRestoreTimer!==void 0&&(window.clearTimeout(this.remoteRouteRestoreTimer),this.remoteRouteRestoreTimer=void 0)}async restoreRouteMachine(e,t){let n=e.machineId??`local`;if(this.state.selectedMachine?.id===n)return;let r=this.state.machines.find(e=>e.id===n);r!==void 0&&await this.machines.selectMachine(r,{updateUrl:t})}routeMatchesCurrentSelection(e){return(e.machineId??`local`)===(this.state.selectedMachine?.id??`local`)&&e.workspaceId!==void 0&&e.workspaceId!==``&&this.state.selectedProject?.id===e.projectId&&this.state.selectedWorkspace?.id===e.workspaceId&&this.state.selectedSession?.id===e.sessionId}async refreshRestoredWorkspaceTool(e,t){e===`core:workspace.files`&&await this.files.refreshFiles(),e===`core:workspace.files`&&t!==void 0&&await this.files.restoreFile(t),e===`core:workspace.git`&&await this.git.refreshGit()}async withChatScrollTransition(e,t=()=>!0){this.chatView?.saveScrollPosition(),await e(),t()&&(await this.updateComplete,t()&&(await this.chatView?.updateComplete,t()&&(await Bb(),t()&&(this.chatView?.restoreScrollPosition(),this.shouldAutoFocusPrompt()&&this.promptEditor?.focusInput()))))}shouldAutoFocusPrompt(){return this.appShell.shouldAutoFocusPrompt()}async withChatPrependTransition(e){await e(),await this.updateComplete,await this.chatView?.updateComplete}defaultRouteView(){return this.appShell.defaultRouteView()}updateUrl(e){this.rememberCurrentMachineNavigation(),Of({machineId:this.state.selectedMachine?.id,projectId:this.state.selectedProject?.id,workspaceId:this.state.selectedWorkspace?.id,sessionId:this.state.selectedSession?.id,tool:this.state.workspaceTool,view:this.state.mainView===`navigation`?void 0:this.state.mainView},e),this.syncWorkspaceRouteSurfaceToUrl()}rememberCurrentMachineNavigation(){this.machineNavigation.remember(Fc(this.state))}syncWorkspaceRouteSurfaceToUrl(){this.writeWorkspaceRouteSurfaceToUrl(Fc(this.state).surface)}writeMachineNavigationSnapshotToUrl(e,t){Of(Ic(e),t),this.writeWorkspaceRouteSurfaceToUrl(e.surface)}writeWorkspaceRouteSurfaceToUrl(e){Ji(bb,`file`,e.selectedFilePath,{replace:!0}),Ji(xb,`diff`,e.selectedDiffPath,{replace:!0}),Ji(Sb,`terminal`,e.selectedTerminalId,{replace:!0})}async selectMachineWithMemory(e,t={}){if(this.state.selectedMachine?.id===e.id)return;t.rememberCurrent!==!1&&!this.routeRestoreInProgress&&this.rememberCurrentMachineNavigation();let n=++this.machineNavigationRestoreSeq,r=this.machineNavigation.latest(e.id)??Pc(e.id);if(await this.restoreRouteFor(Ic(r),!1,r.surface,r.view),!(n!==this.machineNavigationRestoreSeq||this.state.selectedMachine?.id!==e.id)){if(this.shouldPreserveUnrestoredMachineNavigation(r)){this.machineNavigation.remember(r),this.writeMachineNavigationSnapshotToUrl(r);return}this.updateUrl()}}shouldPreserveUnrestoredMachineNavigation(e){return e.projectId!==void 0&&this.state.selectedProject?.id!==e.projectId&&this.state.error!==``}openWorkspaceTool(e){e===`core:workspace.terminal`&&(this.terminalAutoStartWorkspaceId=this.state.selectedWorkspace?.id),this.setState({workspaceTool:e,mainView:e}),this.updateUrl(),this.refreshSelectedWorkspaceTool(e),this.git.updatePolling()}openTerminal(e){e?.terminalId!==void 0&&this.selectTerminal(e.terminalId,{replace:!0}),this.openWorkspaceTool(`core:workspace.terminal`)}terminalCommandRunsForOrigin(e,t=I(this.state)){let n=Ib(t,e),r=this.terminalCommandRunRuntimes.get(n);if(r!==void 0)return r;let i=zf(e,{api:{runTerminalCommand:(e,n)=>$r.runTerminalCommand(e,n,t),listCommandRuns:e=>$r.listCommandRuns(e,t),getCommandRun:e=>$r.getCommandRun(e,t)},openTerminal:(e,n)=>{this.openRuntimeTerminal(t,e,n)}});return this.terminalCommandRunRuntimes.set(n,i),i}async openRuntimeTerminal(e,t,n){if((I(this.state)!==e||t!==void 0&&(this.state.selectedWorkspace?.id!==t.id||this.state.selectedProject?.id!==t.projectId))&&(this.routeRestoreInProgress||this.rememberCurrentMachineNavigation(),await this.restoreRouteFor({machineId:e,projectId:t?.projectId,workspaceId:t?.id,sessionId:void 0,tool:`core:workspace.terminal`,view:`core:workspace.terminal`},!1,{selectedTerminalId:n?.terminalId},`core:workspace.terminal`),I(this.state)!==e)){this.setState({error:`Machine not found for terminal command run`});return}this.openTerminal(n)}selectTerminal(e,t){this.rememberSelectedTerminal(e),this.setState({selectedTerminalId:e}),this.rememberCurrentMachineNavigation(),this.writeSelectedTerminalToUrl(e,t)}rememberSelectedTerminal(e){let t=this.state.selectedWorkspace;t!==void 0&&(e===void 0?this.terminalSelection.forgetWorkspace(this.terminalWorkspaceKey(t)):this.terminalSelection.rememberTerminal(this.terminalWorkspaceKey(t),e))}writeSelectedTerminalToUrl(e,t){Ji(Sb,`terminal`,e,t)}terminalWorkspaceKey(e){return`${I(this.state)}:${e.path}`}selectMainView(e){if(e!==`navigation`&&e!==`chat`){this.openWorkspaceTool(e);return}this.setState({mainView:e}),this.updateUrl(),this.git.updatePolling()}openSettings(e=`general`){this.settingsSection=e,Nf(e)}closeSettings(){this.settingsSection=void 0,Nf(void 0)}navigateSettings(e){this.settingsSection=e,Nf(e)}restoreSettingsRoute(){this.settingsSection=Mf()}handleWorkspaceChange(e,t){if(e.selectedWorkspace?.id===t.selectedWorkspace?.id)return;this.terminalAutoStartWorkspaceId=void 0,this.activeTerminalIds.clear();let n=this.routeRestoreInProgress?this.restoringRouteTerminalId:t.selectedWorkspace===void 0?void 0:this.terminalSelection.latestTerminalId(this.terminalWorkspaceKey(t.selectedWorkspace));this.setState({activeTerminalCount:0,selectedTerminalId:n}),this.routeRestoreInProgress||(this.rememberCurrentMachineNavigation(),this.writeSelectedTerminalToUrl(n,{replace:!0})),t.selectedWorkspace!==void 0&&(this.refreshActiveTerminals(t.selectedWorkspace),this.refreshWorkspaceDeletionRuns(),this.refreshSelectedWorkspaceTool(t.workspaceTool),this.git.updatePolling())}connectRealtime(){this.realtime.connect(e=>{this.handleRealtimeEvent(e)},()=>{let e=this.state.selectedWorkspace;e!==void 0&&this.refreshActiveTerminals(e),this.refreshWorkspaceActivity()},I(this.state))}syncMachineActivitySubscriptions(){let e=this.machineActivitySubscriptionIds();for(let[t,n]of this.machineActivitySockets.entries())e.has(t)||(n.close(),this.machineActivitySockets.delete(t));for(let t of e){if(this.machineActivitySockets.has(t))continue;let e=new Ts;e.connect(e=>{this.handleMachineActivityEvent(t,e)},()=>{this.refreshWorkspaceActivity(t)},t),this.machineActivitySockets.set(t,e)}}closeMachineActivitySockets(){for(let e of this.machineActivitySockets.values())e.close();this.machineActivitySockets.clear()}machineActivitySubscriptionIds(){let e=I(this.state);return new Set(this.state.machines.filter(t=>t.id!==e).filter(e=>Ab(e,this.state.machineStatuses[e.id])).map(e=>e.id))}handleMachineActivityEvent(e,t){t.type===`workspace.activity`&&this.activity.applyWorkspaceActivity(t.activity,e)}handleRealtimeEvent(e){e.type===`workspace.activity`?this.activity.applyWorkspaceActivity(e.activity):Pb(e)?(this.applyTerminalEvent(e),e.type===`terminal.exited`&&this.refreshWorkspaceDeletionRuns()):this.sessions.applyGlobalEvent(e)}applyTerminalEvent(e){let t=this.state.selectedWorkspace;t!==void 0&&(e.type===`terminal.closed`?e.cwd:e.terminal.cwd)===t.path&&(e.type===`terminal.created`&&!e.terminal.exited?this.activeTerminalIds.add(e.terminal.id):this.activeTerminalIds.delete(e.type===`terminal.closed`?e.terminalId:e.terminal.id),e.type===`terminal.closed`&&(this.terminalSelection.forgetTerminal(e.terminalId),this.state.selectedTerminalId===e.terminalId&&this.selectTerminal(void 0,{replace:!0})),this.setState({activeTerminalCount:this.activeTerminalIds.size}))}async refreshActiveTerminals(e){let t=I(this.state);try{let n=await $r.terminals(e.projectId,e.id,t);if(I(this.state)!==t||this.state.selectedWorkspace?.id!==e.id)return;this.activeTerminalIds.clear();for(let e of n)e.exited||this.activeTerminalIds.add(e.id);this.setState({activeTerminalCount:this.activeTerminalIds.size})}catch(e){this.setState({error:String(e)})}}handleActivityTransition(e,t){let n=Nb(e),r=Nb(t);n&&!r&&(this.setState({fileTreeStale:!0,gitStale:!0}),this.refreshSelectedWorkspaceTool(this.state.workspaceTool))}handleMachineChange(e,t){(e.selectedMachine?.id??`local`)!==(t.selectedMachine?.id??`local`)&&((this.pendingRemoteRouteRestore?.machineId??`local`)!==(t.selectedMachine?.id??`local`)&&this.clearPendingRemoteRouteRestore(),this.sessions.clearActiveSession(),this.realtime.close(),this.connectRealtime(),this.activeTerminalIds.clear(),this.sessionCleanupDialog=void 0,this.setState({piWebStatus:void 0}),this.git.updatePolling(),this.loadPluginsForSelectedMachine())}refreshSelectedWorkspaceTool(e){e===`core:workspace.files`&&this.files.refreshFiles(),e===`core:workspace.git`&&this.git.refreshGit()}renderWorkspacePanel(){let e=this.state.selectedWorkspace;return g`
|
|
2799
|
-
<workspace-panel
|
|
2800
|
-
id="workspace-panel"
|
|
2801
|
-
.workspace=${e}
|
|
2802
|
-
.panelContext=${e===void 0?void 0:this.createWorkspacePanelContext(e)}
|
|
2803
|
-
.emptyState=${e===void 0?this.workspacePanelEmptyState():void 0}
|
|
2804
|
-
.tool=${this.state.workspaceTool}
|
|
2805
|
-
.panels=${this.visibleWorkspacePanels()}
|
|
2806
|
-
.onSelectTool=${e=>{this.openWorkspaceTool(e)}}
|
|
2807
|
-
></workspace-panel>
|
|
2808
|
-
`}renderNavigationPanelEdgeControl(){let e=this.resizablePanelConstraints(`navigation`);return g`
|
|
2809
|
-
<app-panel-edge-control
|
|
2810
|
-
side="navigation"
|
|
2811
|
-
controls="navigation-panel"
|
|
2812
|
-
resizeLabel="Resize navigation panel"
|
|
2813
|
-
expandLabel="Expand navigation panel"
|
|
2814
|
-
collapseLabel="Collapse navigation panel"
|
|
2815
|
-
.collapsed=${this.panelCollapse.navigationPanelCollapsed}
|
|
2816
|
-
.resizable=${!this.appShell.isMobileNavigationLayout}
|
|
2817
|
-
.panelWidth=${this.panelResize.panelWidth(`navigation`)}
|
|
2818
|
-
.minWidth=${e.minWidth}
|
|
2819
|
-
.maxWidth=${e.maxWidth}
|
|
2820
|
-
.onToggle=${()=>{this.panelCollapse.toggleNavigationPanel()}}
|
|
2821
|
-
.onResizeStart=${()=>this.startPanelResize(`navigation`)}
|
|
2822
|
-
.onResize=${e=>{this.panelResize.resizePanel(`navigation`,e,{persist:!1})}}
|
|
2823
|
-
.onResizeEnd=${()=>{this.panelResize.persistPanelSizes()}}
|
|
2824
|
-
.onReset=${()=>{this.resetResizablePanel(`navigation`)}}
|
|
2825
|
-
></app-panel-edge-control>
|
|
2826
|
-
`}renderWorkspacePanelEdgeControl(){let e=this.resizablePanelConstraints(`workspace`);return g`
|
|
2827
|
-
<app-panel-edge-control
|
|
2828
|
-
side="workspace"
|
|
2829
|
-
controls="workspace-panel"
|
|
2830
|
-
resizeLabel="Resize workspace panel"
|
|
2831
|
-
expandLabel="Expand workspace panel"
|
|
2832
|
-
collapseLabel="Collapse workspace panel"
|
|
2833
|
-
.collapsed=${this.panelCollapse.workspacePanelCollapsed}
|
|
2834
|
-
.resizable=${!this.appShell.isMobileNavigationLayout}
|
|
2835
|
-
.panelWidth=${this.panelResize.panelWidth(`workspace`)}
|
|
2836
|
-
.minWidth=${e.minWidth}
|
|
2837
|
-
.maxWidth=${e.maxWidth}
|
|
2838
|
-
.onToggle=${()=>{this.panelCollapse.toggleWorkspacePanel()}}
|
|
2839
|
-
.onResizeStart=${()=>this.startPanelResize(`workspace`)}
|
|
2840
|
-
.onResize=${e=>{this.panelResize.resizePanel(`workspace`,e,{persist:!1})}}
|
|
2841
|
-
.onResizeEnd=${()=>{this.panelResize.persistPanelSizes()}}
|
|
2842
|
-
.onReset=${()=>{this.resetResizablePanel(`workspace`)}}
|
|
2843
|
-
></app-panel-edge-control>
|
|
2844
|
-
`}startPanelResize(e){return e===`navigation`?this.panelCollapse.expandNavigationPanel():this.panelCollapse.expandWorkspacePanel(),this.measuredPanelWidth(e)??this.panelResize.panelWidth(e)}resizablePanelConstraints(e){let t=this.panelResize.constraints(e);return{...t,maxWidth:this.resizablePanelMaxWidth(e,t)}}resizablePanelMaxWidth(e,t){let n=this.getBoundingClientRect().width||(typeof window>`u`?0:window.innerWidth);if(n<=0)return t.maxWidth;let r=this.oppositeResizablePanelWidth(e),i=Math.floor(n-r-wb-Cb);return Math.max(t.minWidth,Math.min(t.maxWidth,i))}oppositeResizablePanelWidth(e){let t=e===`navigation`?`workspace`:`navigation`;return this.isResizablePanelCollapsedOrStacked(t)?0:this.measuredPanelWidth(t)??this.panelResize.panelWidth(t)}isResizablePanelCollapsedOrStacked(e){return e===`navigation`?this.panelCollapse.navigationPanelCollapsed:this.panelCollapse.workspacePanelCollapsed||!this.isDesktopSideBySideLayout()}isDesktopSideBySideLayout(){return typeof window>`u`||!(`matchMedia`in window)||window.matchMedia(Tb).matches}measuredPanelWidth(e){let t=(e===`navigation`?this.navigationPanelFrame:this.workspacePanelFrame)?.getBoundingClientRect().width;return t===void 0||t<=0?void 0:t}resetResizablePanel(e){this.panelResize.resetPanel(e)}resetResizablePanels(){this.panelResize.resetPanels()}canDeleteArchivedSessions(){let e=this.selectedMachineRuntime();return e?.ok!==!0||St(e,w.sessionsDeleteArchived)}canReloadSessions(){let e=this.selectedMachineRuntime();return e?.ok===!0&&St(e,w.sessionsReload)}canCleanupSessions(){let e=this.selectedMachineRuntime();return e?.ok===!0&&St(e,w.sessionsCleanup)}hasAuthoritativeSessionPersistence(){return Ms(this.selectedMachineRuntime())}supportsWorkspaceFileSuggestions(e=I(this.state)){if(e===`local`)return!0;let t=this.state.machineRuntimes[e];return t?.ok===!0&&St(t,w.workspaceFileSuggestions)}archivedDeleteUnavailableMessage(){return`Update and restart Pi-Web on ${this.state.selectedMachine?.name??`this machine`} to delete archived sessions.`}sessionCleanupUnavailableMessage(){return Ml(this.state.selectedMachine?.name)}selectedMachineRuntime(){return this.state.machineRuntimes[I(this.state)]}openSessionCleanupDialog(){this.sessionCleanupDialog={error:``}}closeSessionCleanupDialog(){this.sessionCleanupDialog=void 0}async previewSessionCleanup(e){if(!this.canCleanupSessions()){this.sessionCleanupDialog={...this.sessionCleanupDialog??{},error:this.sessionCleanupUnavailableMessage(),preview:void 0,previewRequest:void 0,result:void 0,loading:!1};return}let t=I(this.state);this.sessionCleanupDialog={...this.sessionCleanupDialog??{},loading:!0,error:``,preview:void 0,previewRequest:void 0,result:void 0};try{let n=await Qr.cleanupPreview(e,t);if(I(this.state)!==t)return;this.sessionCleanupDialog={...this.sessionCleanupDialog,preview:n,previewRequest:e,result:void 0,loading:!1,error:``}}catch(e){I(this.state)===t&&(this.sessionCleanupDialog={...this.sessionCleanupDialog,loading:!1,error:`Failed to preview cleanup: ${Rb(e)}`})}}async runSessionCleanup(e){let t=this.sessionCleanupDialog;if(t?.preview===void 0||Tl(t.previewRequest)!==Tl(e)){this.sessionCleanupDialog={...t??{},error:`Preview cleanup before running it.`};return}if(!this.canCleanupSessions()){this.sessionCleanupDialog={...t,error:this.sessionCleanupUnavailableMessage(),running:!1};return}let n=I(this.state);this.sessionCleanupDialog={...t,running:!0,error:``};try{let t=await Qr.cleanup(e,n);if(I(this.state)!==n)return;this.sessionCleanupDialog={...this.sessionCleanupDialog,preview:t,previewRequest:e,result:t,running:!1,error:``},await this.sessions.applySessionCleanupResult(t,n)}catch(e){I(this.state)===n&&(this.sessionCleanupDialog={...this.sessionCleanupDialog,running:!1,error:`Failed to run cleanup: ${Rb(e)}`})}}renderNavigationPanel(){return g`
|
|
2845
|
-
<app-navigation-panel
|
|
2846
|
-
.machines=${this.state.machines}
|
|
2847
|
-
.selectedMachine=${this.state.selectedMachine}
|
|
2848
|
-
.machineStatuses=${this.state.machineStatuses}
|
|
2849
|
-
.machineActivities=${this.state.machineActivities}
|
|
2850
|
-
.machinesCollapsed=${this.navigationSections.isCollapsed(`machines`)}
|
|
2851
|
-
.onToggleMachines=${()=>{this.navigationSections.toggle(`machines`)}}
|
|
2852
|
-
.onSelectMachine=${e=>this.selectNavigationItem(`machines`,`projects`,()=>this.selectMachineWithMemory(e))}
|
|
2853
|
-
.onRemoveMachine=${e=>{this.removeMachine(e)}}
|
|
2854
|
-
.projects=${this.state.projects}
|
|
2855
|
-
.selectedProject=${this.state.selectedProject}
|
|
2856
|
-
.workspaceActivities=${this.state.workspaceActivities}
|
|
2857
|
-
.workspacesByProjectId=${this.state.workspacesByProjectId}
|
|
2858
|
-
.workspaces=${this.state.workspaces}
|
|
2859
|
-
.selectedWorkspace=${this.state.selectedWorkspace}
|
|
2860
|
-
.deletingWorkspaceIds=${eu(this.state.workspaceDeletionRuns)}
|
|
2861
|
-
.sessions=${this.state.sessions}
|
|
2862
|
-
.sessionStatuses=${this.state.sessionStatuses}
|
|
2863
|
-
.sessionActivities=${this.state.sessionActivities}
|
|
2864
|
-
.sendingPrompts=${this.state.sendingPrompts}
|
|
2865
|
-
.selectedSession=${this.state.selectedSession}
|
|
2866
|
-
.startingSessionCount=${this.state.startingSessionCount}
|
|
2867
|
-
.canStartSession=${!!this.state.selectedWorkspace}
|
|
2868
|
-
.canDeleteArchivedSessions=${this.canDeleteArchivedSessions()}
|
|
2869
|
-
.canReloadSessions=${this.canReloadSessions()}
|
|
2870
|
-
.canCleanupSessions=${this.canCleanupSessions()}
|
|
2871
|
-
.authoritativeSessionPersistence=${this.hasAuthoritativeSessionPersistence()}
|
|
2872
|
-
.archivedDeleteUnavailableMessage=${this.archivedDeleteUnavailableMessage()}
|
|
2873
|
-
.cleanupUnavailableMessage=${this.sessionCleanupUnavailableMessage()}
|
|
2874
|
-
.collapsible=${!0}
|
|
2875
|
-
.compact=${this.appShell.isMobileNavigationLayout}
|
|
2876
|
-
.projectsCollapsed=${this.navigationSections.isCollapsed(`projects`)}
|
|
2877
|
-
.workspacesCollapsed=${this.navigationSections.isCollapsed(`workspaces`)}
|
|
2878
|
-
.sessionsCollapsed=${this.navigationSections.isCollapsed(`sessions`)}
|
|
2879
|
-
.workspaceLabelItems=${e=>this.workspaceLabelItems(e)}
|
|
2880
|
-
.refreshControl=${this.appShell.shouldShowAppRefreshInHeader()?this.renderAppRefresh():void 0}
|
|
2881
|
-
.onShowActions=${()=>{this.setState({actionPaletteOpen:!0})}}
|
|
2882
|
-
.onToggleProjects=${()=>{this.navigationSections.toggle(`projects`)}}
|
|
2883
|
-
.onToggleWorkspaces=${()=>{this.navigationSections.toggle(`workspaces`)}}
|
|
2884
|
-
.onToggleSessions=${()=>{this.navigationSections.toggle(`sessions`)}}
|
|
2885
|
-
.onSelectProject=${e=>this.selectNavigationItem(`projects`,`workspaces`,()=>this.workspaces.selectProject(e))}
|
|
2886
|
-
.onCloseProject=${e=>this.projects.closeProject(e.id)}
|
|
2887
|
-
.onSelectWorkspace=${e=>this.selectNavigationItem(`workspaces`,`sessions`,()=>this.workspaces.selectWorkspace(e))}
|
|
2888
|
-
.onDeleteWorkspace=${e=>{this.deleteWorkspace(e)}}
|
|
2889
|
-
.onArchivedCollapsed=${()=>{this.sessions.clearSelectionAfterArchivedCollapse()}}
|
|
2890
|
-
.onStartSession=${()=>this.startSessionFromNavigation()}
|
|
2891
|
-
.onSelectSession=${e=>this.selectNavigationItem(`sessions`,`chat`,()=>this.sessions.selectSession(e))}
|
|
2892
|
-
.onArchiveSession=${e=>this.sessions.archiveSession(e)}
|
|
2893
|
-
.onArchiveSessionWithDescendants=${e=>this.sessions.archiveSessionWithDescendants(e)}
|
|
2894
|
-
.onArchiveSessions=${e=>this.sessions.archiveSessions(e)}
|
|
2895
|
-
.onRestoreSession=${e=>this.selectNavigationItem(`sessions`,`chat`,()=>this.sessions.restoreSession(e))}
|
|
2896
|
-
.onDeleteCachedNewSession=${e=>this.sessions.deleteCachedNewSession(e)}
|
|
2897
|
-
.onDeleteArchivedSession=${e=>this.sessions.deleteArchivedSessions([e])}
|
|
2898
|
-
.onDeleteArchivedSessions=${e=>this.sessions.deleteArchivedSessions(e)}
|
|
2899
|
-
.onDetachParentSession=${e=>this.sessions.detachParent(e)}
|
|
2900
|
-
.onReloadSession=${e=>this.sessions.reloadSession(e)}
|
|
2901
|
-
.onCleanupSessions=${()=>{this.openSessionCleanupDialog()}}
|
|
2902
|
-
.onFocusNavigationTarget=${e=>{this.focusNavigationTarget(e)}}
|
|
2903
|
-
.onCancelKeyboardNavigation=${()=>{this.focusChatComposer()}}
|
|
2904
|
-
></app-navigation-panel>
|
|
2905
|
-
`}openNavigationSection(e){this.navigationSections.open(e,()=>{this.selectMainView(`navigation`)})}async selectNavigationItem(e,t,n){let r=++this.navigationSelectionSeq,i=()=>r===this.navigationSelectionSeq;await this.withChatScrollTransition(async()=>{this.navigationSections.advanceAfterSelection(e),await n()},i),i()&&await this.focusNavigationTarget(t)}async startSessionFromNavigation(){let e=++this.navigationSelectionSeq;this.navigationSections.advanceAfterSelection(`sessions`),await this.startSessionAndOpenChat(()=>e===this.navigationSelectionSeq)}async startSessionAndOpenChat(e=()=>!0){this.sessions.startSession().catch(t=>{e()&&this.setState({error:String(t)})}),e()&&await this.focusChatComposer()}async focusNavigationTarget(e){if(e===`chat`){await this.focusChatComposer();return}await this.focusNavigationSection(e)}async focusNavigationSection(e){if(e===`machines`&&!ab(this.state.machines)){await this.focusNavigationSection(`projects`);return}this.panelCollapse.expandNavigationPanel(),this.appShell.isMobileNavigationLayout&&this.selectMainView(`navigation`),this.navigationSections.expand(e),await this.updateComplete,await Bb(),await this.navigationPanel?.focusSection(e)}async focusChatComposer(){this.state.mainView!==`chat`&&this.selectMainView(`chat`),await this.updateComplete,await Bb(),this.promptEditor?.focusInput()}visibleWorkspacePanels(){let e=this.state.selectedWorkspace;if(e===void 0)return[];let t=this.createWorkspacePanelContext(e);return this.plugins.getWorkspacePanels().filter(e=>e.visible?.(t)??!0)}workspacePanelEmptyState(){let e=this.state.selectedProject;return this.state.isLoadingProjects?{title:`Loading projects…`,body:`Looking for projects you have added to PI WEB.`}:e===void 0?this.state.projects.length===0?{title:`No projects yet`,body:`Use Actions → Add Project to add a folder. Workspace tools will appear here after you choose a workspace.`}:{title:`Select a project`,body:`Choose a project from the sidebar, then select a workspace to inspect files, Git, or terminals.`}:this.state.isLoadingWorkspaces?{title:`Loading workspaces…`,body:`Preparing workspace tools for ${e.name}.`}:this.state.workspaces.length===0?{title:`No workspaces found`,body:`${e.name} does not have any available workspaces. Try selecting the project again or re-adding it.`}:{title:`Select a workspace`,body:`Choose a workspace in ${e.name} to inspect files, Git, or terminals.`}}sessionEmptyMessage(){return this.state.isLoadingProjects?`Loading projects…`:this.state.selectedWorkspace===void 0?this.state.selectedProject===void 0?this.state.projects.length===0?`Add a project to start a session.`:`Select a project and workspace to start a session.`:`Select a workspace to start a session.`:`Select or start a session.`}mobilePanelBadge(e){let t=this.state.selectedWorkspace;if(t!==void 0)return e.badge?.(this.createWorkspacePanelContext(t))}mobilePanelIcon(e){switch(e.id){case`core:workspace.files`:return`files`;case`core:workspace.git`:return`git`;case`core:workspace.terminal`:return`terminal`;default:return}}workspaceLabelItems(e){return this.plugins.getWorkspaceLabelItems(this.createWorkspaceLabelContext(e))}createWorkspaceLabelContext(e){let t=Ob(this.state);return{machine:t,workspace:e,state:this.state,files:this.createWorkspaceFiles(e,t.id),host:this.createWorkspaceHost()}}createWorkspaceFiles(e,t){return{readFile:n=>Zr.workspaceFile(e.projectId,e.id,n,t),writeFile:async(n,r,i)=>{let a=await Zr.writeWorkspaceFile(e.projectId,e.id,n,r,i,t);return this.files.refreshFiles(),a},deleteFile:async n=>{let r=await Zr.deleteWorkspaceFile(e.projectId,e.id,n,t);return this.files.refreshFiles(),r},moveFile:async(n,r,i)=>{let a=await Zr.moveWorkspaceFile(e.projectId,e.id,n,r,i,t);return this.files.refreshFiles(),a}}}createWorkspaceHost(){return{requestRender:()=>{this.requestUpdate()}}}createWorkspacePanelContext(e){let t=Ob(this.state),n=t.id,r=i=>{let a=this.terminalCommandRunsForOrigin(i,n);return Ad({machine:t,workspace:e,state:this.state,files:this.createWorkspaceFiles(e,n),prompt:this.createPromptEditor(),terminal:{open:t=>{this.openRuntimeTerminal(n,e,t)},runCommand:t=>a.runCommand({...t,workspace:e})},openTerminal:t=>{this.openRuntimeTerminal(n,e,t)},host:this.createWorkspaceHost(),piWebUnstable:{terminalCommandRuns:a},fileTree:this.state.fileTree,expandedDirs:this.state.expandedDirs,selectedFilePath:this.state.selectedFilePath,selectedFileContent:this.state.selectedFileContent,fileTreeStale:this.state.fileTreeStale,gitStatus:this.state.gitStatus,selectedDiffPath:this.state.selectedDiffPath,selectedDiff:this.state.selectedDiff,selectedStagedDiff:this.state.selectedStagedDiff,gitStale:this.state.gitStale,activeTerminalCount:this.state.activeTerminalCount,selectedTerminalId:this.state.selectedTerminalId,terminalAutoStart:this.terminalAutoStartWorkspaceId===e.id,workspaceUploadDefaultFolder:hi(e.effectiveConfig,this.workspaceUploadDefaultFolder),onRefreshFiles:()=>{this.files.refreshFiles()},onExpandDir:e=>{this.files.expandDir(e)},onSelectFile:e=>{this.files.selectFile(e)},onStartWorkspaceUpload:(e,t)=>this.files.startWorkspaceUpload(e,t),onCancelWorkspaceUpload:e=>{this.files.cancelWorkspaceUpload(e)},onClearWorkspaceUpload:e=>{this.files.clearWorkspaceUpload(e)},onRefreshGit:()=>{this.git.refreshGit()},onSelectDiff:e=>{this.git.selectDiff(e)},onSelectTerminal:(e,t)=>{this.selectTerminal(e,t)}},r)};return r(`core`)}getActions(){return If(this.getDefaultActions(),this.shortcutConfig)}getDefaultActions(){return[...this.plugins.getActions(this.createPluginRuntimeContext()),...this.sessionActions(),...this.navigationFocusActions(),...this.panelLayoutActions()]}sessionActions(){return[{id:`app.sessions.cleanup`,title:`Clean Up Sessions`,description:`Preview and manually clean up idle or archived sessions on the selected machine`,group:`Sessions`,...this.canCleanupSessions()?{}:{enabled:!1,disabledReason:this.sessionCleanupUnavailableMessage()},run:()=>{this.openSessionCleanupDialog()}}]}panelLayoutActions(){return[{id:`app.layout.reset-navigation-panel-size`,title:`Reset Navigation Panel Size`,description:`Restore the navigation panel to its default width`,group:`View`,run:()=>{this.resetResizablePanel(`navigation`)}},{id:`app.layout.reset-workspace-panel-size`,title:`Reset Workspace Panel Size`,description:`Restore the workspace panel to its default width`,group:`View`,run:()=>{this.resetResizablePanel(`workspace`)}},{id:`app.layout.reset-panel-sizes`,title:`Reset Panel Sizes`,description:`Restore all side panels to their default widths`,group:`View`,run:()=>{this.resetResizablePanels()}}]}navigationFocusActions(){return[{id:`app.navigation.focus-machines`,title:`Focus Machines`,description:`Move keyboard focus to the machine selector`,shortcut:`mod+g m`,group:`Navigation`,run:()=>this.focusNavigationSection(`machines`)},{id:`app.navigation.focus-projects`,title:`Focus Projects`,description:`Move keyboard focus to the projects list`,shortcut:`mod+g p`,group:`Navigation`,run:()=>this.focusNavigationSection(`projects`)},{id:`app.navigation.focus-workspaces`,title:`Focus Workspaces`,description:`Move keyboard focus to the workspaces list`,shortcut:`mod+g w`,group:`Navigation`,run:()=>this.focusNavigationSection(`workspaces`)},{id:`app.navigation.focus-sessions`,title:`Focus Sessions`,description:`Move keyboard focus to the sessions list`,shortcut:`mod+g s`,group:`Navigation`,run:()=>this.focusNavigationSection(`sessions`)}]}ensureGatewayPluginsLoaded(){return this.gatewayPluginLoadPromise??=this.loadExternalPlugins(),this.gatewayPluginLoadPromise}async loadExternalPlugins(){await this.registerExternalPlugins(`PI WEB plugins`,()=>hd())}async loadPluginsForSelectedMachine(){let e=this.state.selectedMachine;e?.kind===`remote`&&await this.loadPluginsForMachine(e)}async loadPluginsForMachine(e){if(await this.ensureGatewayPluginsLoaded(),e.kind!==`remote`||this.loadedMachinePluginIds.has(e.id))return;let t=this.machinePluginLoadPromises.get(e.id);if(t!==void 0)return t;let n=this.registerExternalPlugins(`PI WEB plugins from ${e.name}`,()=>hd(`/api/machines/${encodeURIComponent(e.id)}/pi-web-plugins/manifest.json`,{machineId:e.id,shouldLoadPlugin:e=>this.plugins.shouldLoadRemotePlugin(e.id,e.machineSpecific)})).then(t=>{t&&this.loadedMachinePluginIds.add(e.id)}).finally(()=>{this.machinePluginLoadPromises.delete(e.id)});this.machinePluginLoadPromises.set(e.id,n),await n}async registerExternalPlugins(e,t){try{let e=await t();for(let t of e)try{this.plugins.register(t)}catch(e){console.warn(`Failed to register PI WEB plugin ${t.id}`,e)}return this.applyPreferredTheme(!1),this.requestUpdate(),!0}catch(t){return console.warn(`Failed to load ${e}`,t),!1}}createPromptEditor(){return{insertText:e=>{let t=this.promptEditor?.view;if(!t)return;t.hasFocus||t.focus();let n=t.state.selection.main;t.dispatch({changes:{from:n.from,to:n.to,insert:e},selection:{anchor:n.from+e.length}})},getText:()=>this.promptEditor?.view?.state.doc.toString()??``,getSelection:()=>{let e=this.promptEditor?.view;if(!e)return null;let t=e.state.selection.main;return t.empty?null:{start:t.from,end:t.to,text:e.state.sliceDoc(t.from,t.to)}}}}createPluginRuntimeContext(){let e=t=>kd({state:this.state,prompt:this.createPromptEditor(),piWebUnstable:{terminalCommandRuns:this.terminalCommandRunsForOrigin(t),openSettings:e=>{this.openSettings(e)}},openActionPalette:()=>{this.setState({actionPaletteOpen:!0})},focusPrompt:()=>{this.focusChatComposer()},addProject:()=>{this.setState({projectDialogOpen:!0})},addMachine:()=>{this.openMachineDialog()},refreshSelectedMachine:async()=>{await Promise.all([this.machines.refreshMachineHealth(),this.machines.refreshMachineRuntime()])},removeSelectedMachine:()=>this.removeMachine(),openSelectedMachine:()=>{this.openSelectedMachine()},configureAuth:()=>this.auth.openLogin(),logoutAuth:()=>this.auth.openLogout(),openThemePicker:()=>{this.openThemeDialog()},selectMainView:e=>{this.selectMainView(e)},selectWorkspaceTool:e=>{this.openWorkspaceTool(e)},openTerminal:e=>{this.openTerminal(e)},refreshFiles:()=>this.files.refreshFiles(),refreshGit:()=>this.git.refreshGit(),refreshAppData:()=>this.refreshAppData(),reloadPage:()=>{this.hardReloadApp()},deleteWorkspace:e=>this.deleteWorkspace(e),startSession:()=>this.withChatScrollTransition(()=>this.startSessionAndOpenChat()),archiveSession:()=>this.sessions.archiveSession(),reloadSession:()=>this.sessions.reloadSession(),deleteCachedNewSession:()=>this.sessions.deleteCachedNewSession(),stopActiveWork:()=>this.sessions.stopActiveWork()},e);return e(`core`)}async deleteWorkspace(e=this.state.selectedWorkspace){if(e===void 0)return;if(!Ac(e)){this.setState({error:`Only secondary Git worktrees can be deleted`});return}if(tu(this.state,e))return;let t=e.branch??e.label;if(!confirm(`Delete workspace ${t}?\n\nThis will run git worktree remove and delete:\n${e.path}\n\nThe Git branch will not be deleted.`))return;let n=I(this.state);try{let t=await Zr.deleteWorkspace(e.projectId,e.id,n);if(I(this.state)!==n)return;this.recordWorkspaceDeletionRun(t,n);let r=await this.workspaceForCommandRun(t);if(I(this.state)!==n)return;r!==void 0&&this.openRuntimeTerminal(n,r,{terminalId:t.terminalId})}catch(e){I(this.state)===n&&this.setState({error:`Failed to start workspace deletion: ${Rb(e)}`})}}async workspaceForCommandRun(e){let t=this.state.selectedProject?.id===e.projectId?this.state.workspaces:this.state.workspacesByProjectId[e.projectId];return(t===void 0||t.length===0)&&(t=await this.workspaces.refreshProjectWorkspaces(e.projectId)),t.find(t=>t.id===e.workspaceId)}recordWorkspaceDeletionRun(e,t){if(I(this.state)!==t)return;let n=nu(e);n!==void 0&&(this.setState({workspaceDeletionRuns:{...this.state.workspaceDeletionRuns,[n]:e}}),this.updateWorkspaceDeletionPolling())}async refreshWorkspaceDeletionRuns(){if(this.refreshingWorkspaceDeletionRuns)return;let e=I(this.state),t=this.state.selectedProject;if(t===void 0){this.setState({workspaceDeletionRuns:{}}),this.updateWorkspaceDeletionPolling();return}this.refreshingWorkspaceDeletionRuns=!0;try{let n=await this.terminalCommandRunsForOrigin(`core`,e).listCommandRuns(Ql(t.id));if(I(this.state)!==e)return;let r=$l(n);this.setState({workspaceDeletionRuns:r});for(let t of Object.values(r))ru(t)||await this.handleCompletedWorkspaceDeletionRun(t,e)}catch(e){console.warn(`Failed to refresh workspace deletion runs`,e)}finally{this.refreshingWorkspaceDeletionRuns=!1,this.updateWorkspaceDeletionPolling()}}updateWorkspaceDeletionPolling(){let e=Object.values(this.state.workspaceDeletionRuns).some(ru);if(e&&this.workspaceDeletionPollTimer===void 0){this.workspaceDeletionPollTimer=window.setInterval(()=>{this.refreshWorkspaceDeletionRuns()},1e3);return}!e&&this.workspaceDeletionPollTimer!==void 0&&(window.clearInterval(this.workspaceDeletionPollTimer),this.workspaceDeletionPollTimer=void 0)}async handleCompletedWorkspaceDeletionRun(e,t=I(this.state)){if(I(this.state)!==t)return;let n=Ib(t,e.id);if(this.handledWorkspaceDeletionRunIds.has(n))return;let r=nu(e);if(r!==void 0){if(this.handledWorkspaceDeletionRunIds.add(n),e.status===`succeeded`){if(await this.workspaces.refreshAfterWorkspaceDeleted(e.projectId,r),I(this.state)!==t)return;this.setState({workspaceDeletionRuns:zb(this.state.workspaceDeletionRuns,r)}),this.updateWorkspaceDeletionPolling();return}e.status===`failed`&&(this.setState({error:`Workspace deletion failed. See terminal output.`}),this.updateWorkspaceDeletionPolling())}}openMachineDialog(){this.setState({machineDialogOpen:!0,error:``})}async submitMachineDialog(e){await this.machines.addMachine(e)!==void 0&&(this.setState({machineDialogOpen:!1}),this.schedulePiWebStatusRefresh())}async removeMachine(e=this.state.selectedMachine){if(e===void 0||e.kind===`local`||!window.confirm(`Remove ${e.name}?\n\nThis only removes it from this PI WEB gateway.`))return;let t=this.state.selectedMachine?.id===e.id;t&&this.rememberCurrentMachineNavigation();let n=await this.machines.deleteMachine(e,{selectFallback:!t});this.state.machines.some(t=>t.id===e.id)||this.machineNavigation.forget(e.id),t&&n!==void 0&&await this.selectMachineWithMemory(n,{rememberCurrent:!1})}openSelectedMachine(){let e=this.state.selectedMachine;e?.kind!==`remote`||e.baseUrl===void 0||window.open(e.baseUrl,`_blank`,`noopener,noreferrer`)}runAction(e){Promise.resolve().then(()=>e.run()).catch(t=>{let n=t instanceof Error?t.message:String(t);console.warn(`Action failed: ${e.id}`,t),this.setState({error:`Action failed: ${n}`})})}async openModelDialog(){let e=await this.sessions.listModels(),t=this.state.status?.model?.provider,n=this.state.status?.model?.id;this.setState({modelDialog:{title:`Select Model`,...t!==void 0&&n!==void 0?{selectedValue:`${t}/${n}`}:{},options:e.map(e=>{let r=e.provider??``,i=e.id??``,a=r===t&&i===n;return{value:`${r}/${i}`,label:`${i}${a?` ✓ current`:``}`,description:r}})}})}async pickModel(e){this.setState({modelDialog:void 0});let t=e.indexOf(`/`);t<=0||await this.sessions.setModel(e.slice(0,t),e.slice(t+1))}openThemeDialog(){let e=this.plugins.getThemes(),t=this.resolveCurrentThemePreference(e),n=t.selectedTheme?.id,r=this.themePreference.auto?vb:_b;this.setState({themeDialog:{title:`Select Theme`,selectedValue:n===void 0?r:`${yb}${n}`,options:[{value:r,label:`Auto ${this.themePreference.auto?`✓ on`:`off`}`,description:this.autoThemeDescription(t)},...e.map(e=>({value:`${yb}${e.id}`,label:this.themeOptionLabel(e,n),description:this.themeOptionDescription(e)}))]}})}pickTheme(e){if(this.setState({themeDialog:void 0}),e===_b||e===vb){let t=this.resolveCurrentThemePreference().selectedTheme?.id;if(t===void 0)return;this.themePreference={themeId:t,auto:e===_b},this.applyPreferredTheme(!0);return}if(!e.startsWith(yb))return;let t=e.slice(6),n=this.plugins.getThemes().find(e=>e.id===t);n!==void 0&&(this.themePreference={themeId:n.id,auto:this.themePreference.auto},this.applyPreferredTheme(!0))}applyPreferredTheme(e){let t=this.resolveCurrentThemePreference().activeTheme;t!==void 0&&(this.activeThemeId=t.id,Vl(t),e&&Bl(this.themePreference))}resolveCurrentThemePreference(e=this.plugins.getThemes()){return Hl({themes:e,themePairs:this.plugins.getThemePairs(),preference:this.themePreference,prefersLight:this.systemPrefersLight()})}themePairForTheme(e){return Wl(this.plugins.getThemePairs(),e)}systemPrefersLight(){return this.systemLightThemeMedia?.matches??!1}autoThemeDescription(e){return!this.themePreference.auto||e.selectedTheme===void 0?`Follow the system light/dark preference when the selected theme has a pair.`:e.selectedThemePair===void 0?`On, but the selected theme has no light/dark pair, so it will stay selected.`:`On · ${e.selectedThemePair.name} follows the system ${this.systemPrefersLight()?`light`:`dark`} preference.`}themeOptionLabel(e,t){let n=[...e.id===t?[`selected`]:[],...e.id===this.activeThemeId&&e.id!==t?[`active`]:[]];return n.length===0?e.name:`${e.name} ✓ ${n.join(` · `)}`}themeOptionDescription(e){let t=[e.colorScheme];return this.themePairForTheme(e.id)!==void 0&&t.push(`auto pair`),e.description!==void 0&&t.push(e.description),t.join(` · `)}async openThinkingDialog(){let e=await this.sessions.listThinkingLevels(),t=this.state.status?.thinkingLevel??`off`;this.setState({thinkingDialog:{title:`Select Thinking Level`,selectedValue:t,options:e.map(e=>{let n=Vb(e);return{value:e,label:`${e}${e===t?` ✓ current`:``}`,...n===void 0?{}:{description:n}}})}})}async pickThinking(e){this.setState({thinkingDialog:void 0}),e!==``&&await this.sessions.setThinkingLevel(e)}sendPrompt(e,t,n,r){!(n!==void 0&&n.length>0)&&t===void 0&&this.auth.handleSlashCommand(e)||this.sessions.send(e,t,n,r)}renderContextBar(){return this.appShell.isMobileNavigationLayout?g`
|
|
2906
|
-
<app-context-bar
|
|
2907
|
-
.machines=${this.state.machines}
|
|
2908
|
-
.machine=${this.state.selectedMachine}
|
|
2909
|
-
.project=${this.state.selectedProject}
|
|
2910
|
-
.workspace=${this.state.selectedWorkspace}
|
|
2911
|
-
.session=${this.state.selectedSession}
|
|
2912
|
-
.refreshControl=${this.appShell.shouldShowAppRefreshInContextBar()?this.renderAppRefresh():void 0}
|
|
2913
|
-
.onOpenSection=${e=>{this.openNavigationSection(e)}}
|
|
2914
|
-
.onShowActions=${()=>{this.setState({actionPaletteOpen:!0})}}
|
|
2915
|
-
></app-context-bar>
|
|
2916
|
-
`:null}renderMobileMainTabs(){return g`
|
|
2917
|
-
<app-mobile-main-tabs
|
|
2918
|
-
.tabs=${this.mobileMainTabs()}
|
|
2919
|
-
.selectedView=${this.state.mainView}
|
|
2920
|
-
.onSelect=${e=>{this.selectMainView(e)}}
|
|
2921
|
-
></app-mobile-main-tabs>
|
|
2922
|
-
`}mobileMainTabs(){return[{id:`navigation`,label:`Sessions`,icon:`navigation`,className:`navigation-tab`},{id:`chat`,label:`Chat`,icon:`chat`},...this.visibleWorkspacePanels().map(e=>{let t=e.icon??this.mobilePanelIcon(e);return{id:e.id,label:e.title,...t===void 0?{}:{icon:t},badge:this.mobilePanelBadge(e)}})]}renderAppRefresh(){return g`<app-refresh-control .onReload=${()=>{this.hardReloadApp()}}></app-refresh-control>`}render(){let e=this.state;return g`
|
|
2923
|
-
<div class=${this.panelCollapse.shellClass(e.mainView)} style=${this.panelResize.shellStyle({navigation:this.resizablePanelConstraints(`navigation`),workspace:this.resizablePanelConstraints(`workspace`)})}>
|
|
2924
|
-
<aside id="navigation-panel">${this.appShell.isMobileNavigationLayout?null:this.renderNavigationPanel()}</aside>
|
|
2925
|
-
${this.renderNavigationPanelEdgeControl()}
|
|
2926
|
-
<main class=${cf(e.mainView)}>
|
|
2927
|
-
${this.renderContextBar()}
|
|
2928
|
-
${this.renderMobileMainTabs()}
|
|
2929
|
-
${e.error?g`<div class="error">${e.error}</div>`:null}
|
|
2930
|
-
<div class="mobile-navigation-panel">${this.appShell.isMobileNavigationLayout?this.renderNavigationPanel():null}</div>
|
|
2931
|
-
${e.selectedSession?g`
|
|
2932
|
-
<chat-view .sessionId=${e.selectedSession.id} .messages=${e.messages} .messageStart=${e.messagePageStart} .messageEnd=${e.messagePageEnd} .messageTotal=${e.messagePageTotal} .hasMore=${e.messagePageStart>0} .loadingMore=${e.isLoadingEarlierMessages} .isReceivingPartialStream=${e.isReceivingPartialStream} .isSendingPrompt=${e.sendingPrompts[e.selectedSession.id]===!0} .isCompacting=${e.status?.isCompacting===!0} .pendingMessageCount=${e.status?.pendingMessageCount??0} .clientQueuedMessages=${e.clientQueuedSessionMessages[e.selectedSession.id]??[]} .status=${e.status} .activity=${e.activity} .onLoadMore=${()=>this.withChatPrependTransition(()=>this.sessions.loadEarlierMessages())}></chat-view>
|
|
2933
|
-
<prompt-editor .sessionId=${e.selectedSession.id} .cwd=${e.selectedWorkspace?.path} .machineId=${I(e)} .projectId=${e.selectedWorkspace?.projectId} .workspaceId=${e.selectedWorkspace?.id} .workspaceScopedFileSuggestions=${this.supportsWorkspaceFileSuggestions()} .disabled=${e.selectedSession.archived===!0} .canSteer=${e.status?.isStreaming===!0} .isCompacting=${e.status?.isCompacting===!0} .canStop=${e.status?.isStreaming===!0||e.status?.isBashRunning===!0||e.status?.isCompacting===!0||(e.status?.pendingMessageCount??0)>0} .status=${e.status} .availableThinkingLevels=${e.availableThinkingLevels} .sending=${e.sendingPrompts[e.selectedSession.id]===!0} .onSend=${this.handleSendPrompt} .onStop=${this.handleStopActiveWork} .onSelectModel=${this.handleSelectModel} .onSelectThinking=${this.handleSelectThinking}></prompt-editor>
|
|
2934
|
-
<status-bar .status=${e.status}></status-bar>
|
|
2935
|
-
${e.commandDialog===void 0?null:g`<command-picker .title=${e.commandDialog.title} .options=${e.commandDialog.options} .onPick=${t=>this.sessions.respondToCommand(e.commandDialog?.requestId??``,t)} .onCancel=${()=>{this.sessions.cancelCommand()}}></command-picker>`}
|
|
2936
|
-
${e.modelDialog===void 0?null:g`<command-picker title=${e.modelDialog.title} .searchable=${!0} .options=${e.modelDialog.options} .selectedValue=${e.modelDialog.selectedValue} .onPick=${e=>{this.pickModel(e)}} .onCancel=${()=>{this.setState({modelDialog:void 0})}}></command-picker>`}
|
|
2937
|
-
${e.thinkingDialog===void 0?null:g`<command-picker title=${e.thinkingDialog.title} .options=${e.thinkingDialog.options} .selectedValue=${e.thinkingDialog.selectedValue} .onPick=${e=>{this.pickThinking(e)}} .onCancel=${()=>{this.setState({thinkingDialog:void 0})}}></command-picker>`}
|
|
2938
|
-
${e.authDialog===void 0?null:g`<auth-dialog .state=${e.authDialog} .onChooseMethod=${e=>{this.auth.chooseLoginMethod(e)}} .onSelectProvider=${(e,t)=>{this.auth.selectLoginProvider(e,t)}} .onApiKeyInput=${e=>{this.auth.updateApiKey(e)}} .onSaveApiKey=${()=>{this.auth.saveApiKey()}} .onLogoutProvider=${e=>{this.auth.logoutProvider(e)}} .onOAuthInput=${e=>{this.auth.updateOAuthInput(e)}} .onOAuthRespond=${e=>{this.auth.respondOAuth(e)}} .onOAuthCancel=${()=>{this.auth.cancelOAuth()}} .onCancel=${()=>{this.auth.closeDialog()}}></auth-dialog>`}
|
|
2939
|
-
`:g`<div class="empty">${this.sessionEmptyMessage()}</div>`}
|
|
2940
|
-
</main>
|
|
2941
|
-
${this.renderWorkspacePanelEdgeControl()}
|
|
2942
|
-
${this.renderWorkspacePanel()}
|
|
2943
|
-
${e.actionPaletteOpen?g`<action-palette .actions=${this.getActions()} .onRun=${e=>{this.setState({actionPaletteOpen:!1}),this.runAction(e)}} .onCancel=${()=>{this.setState({actionPaletteOpen:!1})}}></action-palette>`:null}
|
|
2944
|
-
${e.projectDialogOpen?g`<project-dialog .machineId=${I(e)} .onSubmit=${(e,t)=>this.projects.addProject(e,t)} .onCancel=${()=>{this.setState({projectDialogOpen:!1})}}></project-dialog>`:null}
|
|
2945
|
-
${e.machineDialogOpen?g`<machine-dialog .error=${e.error} .onSubmit=${e=>this.submitMachineDialog(e)} .onCancel=${()=>{this.setState({machineDialogOpen:!1})}}></machine-dialog>`:null}
|
|
2946
|
-
${this.sessionCleanupDialog===void 0?null:g`<session-cleanup-dialog .canCleanup=${this.canCleanupSessions()} .unavailableMessage=${this.sessionCleanupUnavailableMessage()} .preview=${this.sessionCleanupDialog.preview} .previewRequest=${this.sessionCleanupDialog.previewRequest} .result=${this.sessionCleanupDialog.result} .loading=${this.sessionCleanupDialog.loading===!0} .running=${this.sessionCleanupDialog.running===!0} .error=${this.sessionCleanupDialog.error??``} .onPreview=${e=>{this.previewSessionCleanup(e)}} .onRun=${e=>{this.runSessionCleanup(e)}} .onClose=${()=>{this.closeSessionCleanupDialog()}}></session-cleanup-dialog>`}
|
|
2947
|
-
${e.themeDialog===void 0?null:g`<command-picker title=${e.themeDialog.title} .options=${e.themeDialog.options} .selectedValue=${e.themeDialog.selectedValue} .onPick=${e=>{this.pickTheme(e)}} .onCancel=${()=>{this.setState({themeDialog:void 0})}}></command-picker>`}
|
|
2948
|
-
${this.settingsSection===void 0?null:g`<settings-dialog .section=${this.settingsSection} .machine=${e.selectedMachine} .machineRuntime=${this.selectedMachineRuntime()} .actions=${this.getDefaultActions()} .onNavigate=${e=>{this.navigateSettings(e)}} .onClose=${()=>{this.closeSettings()}} .onConfigSaved=${e=>{this.applyClientConfig(e)}}></settings-dialog>`}
|
|
2949
|
-
</div>
|
|
2950
|
-
`}static{this.styles=_u}};R([x()],Eb.prototype,`state`,void 0),R([S(`chat-view`)],Eb.prototype,`chatView`,void 0),R([S(`prompt-editor`)],Eb.prototype,`promptEditor`,void 0),R([S(`app-navigation-panel`)],Eb.prototype,`navigationPanel`,void 0),R([S(`#navigation-panel`)],Eb.prototype,`navigationPanelFrame`,void 0),R([S(`#workspace-panel`)],Eb.prototype,`workspacePanelFrame`,void 0),R([x()],Eb.prototype,`activeThemeId`,void 0),R([x()],Eb.prototype,`isRefreshingApp`,void 0),R([x()],Eb.prototype,`sessionCleanupDialog`,void 0),R([x()],Eb.prototype,`settingsSection`,void 0),R([x()],Eb.prototype,`shortcutConfig`,void 0),R([x()],Eb.prototype,`workspaceUploadDefaultFolder`,void 0),Eb=R([y(`pi-web-app`)],Eb);function Db(){let e=new Ed;return e.register({id:`core`,plugin:ad}),e.register({id:`themes`,plugin:ld}),e}function Ob(e){let t=e.selectedMachine;return t===void 0?{id:`local`,name:`local`,kind:`local`}:{id:t.id,name:t.name,kind:t.kind}}function kb(e,t){return e.machines!==t.machines||e.machineStatuses!==t.machineStatuses||(e.selectedMachine?.id??`local`)!==(t.selectedMachine?.id??`local`)}function Ab(e,t){return jb(e,t)}function jb(e,t){if(e.kind===`local`)return!0;let n=t?.status??e.status;return n===void 0||n===`unknown`||n===`online`}function Mb(e,t){return Object.entries(t).some(([t,n])=>Reflect.get(e,t)!==n)}function Nb(e){return Fi(e.status,e.activity)}function Pb(e){return e.type===`terminal.created`||e.type===`terminal.exited`||e.type===`terminal.closed`}function Fb(){return{}}function Ib(e,t){return JSON.stringify([e,t])}function Lb(e){return hb[Math.min(e,hb.length-1)]??3e4}function Rb(e){return e instanceof Error?e.message:String(e)}function zb(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}function Bb(){return new Promise(e=>requestAnimationFrame(()=>{e()}))}function Vb(e){switch(e){case`off`:return`No reasoning`;case`minimal`:return`Very brief reasoning (~1k tokens)`;case`low`:return`Light reasoning (~2k tokens)`;case`medium`:return`Moderate reasoning (~8k tokens)`;case`high`:return`Deep reasoning (~16k tokens)`;case`xhigh`:return`Maximum reasoning (~32k tokens)`;default:return}}export{h as _,R as a,si as c,x as d,b as f,g,Ye as h,Ip as i,$r as l,v as m,Lp as n,Jc as o,y as p,Rp as r,qc as s,sm as t,S as u};
|