comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/scheduler-BGgwKd06.js

@@ -0,0 +1,1182 @@
+import{s as C,f as E,i as A,n as f,r as o,a as M,A as p,b as r,t as S,S as H,I}from"./index-CEcM1R_C.js";import"./ic-tabs-B7QtM_v8.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-icon-xeGTVhVG.js";import"./ic-tag-CPPUnDLF.js";var L=Object.defineProperty,U=Object.getOwnPropertyDescriptor,u=(e,t,i,a)=>{for(var s=a>1?void 0:a?U(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(a?l(t,i,s):l(s))||s);return a&&s&&L(t,i,s),s};function y(e,t,i){const a=new Set;for(const s of e.split(",")){const n=s.trim(),l=n.match(/^(\*|(\d+)-(\d+))\/(\d+)$/);if(l){const v=parseInt(l[4],10);if(v<=0)return null;let b=t,m=i;if(l[2]!==void 0&&l[3]!==void 0&&(b=parseInt(l[2],10),m=parseInt(l[3],10)),b<t||m>i||b>m)return null;for(let x=b;x<=m;x+=v)a.add(x);continue}if(n==="*"){for(let v=t;v<=i;v++)a.add(v);continue}const _=n.match(/^(\d+)-(\d+)$/);if(_){const v=parseInt(_[1],10),b=parseInt(_[2],10);if(v<t||b>i||v>b)return null;for(let m=v;m<=b;m++)a.add(m);continue}if(/^\d+$/.test(n)){const v=parseInt(n,10);if(v<t||v>i)return null;a.add(v);continue}return null}return a.size>0?Array.from(a).sort((s,n)=>s-n):null}function B(e,t,i,a){const s=e.trim().split(/\s+/);if(s.length!==5)return[];const n=y(s[0],0,59),l=y(s[1],0,23),_=y(s[2],1,31),v=y(s[3],1,12),b=y(s[4],0,6);if(!n||!l||!_||!v||!b)return[];const m=new Set(n),x=new Set(l),D=new Set(_),j=new Set(v),z=new Set(b),$=[],J=366*24*60*60*1e3,R=a.getTime()+J,g=new Date(a);for(g.setSeconds(0,0),g.setTime(g.getTime()+6e4);g.getTime()<=R&&$.length<i;){const N=g.getMinutes(),O=g.getHours(),P=g.getDate(),K=g.getMonth()+1,F=g.getDay();m.has(N)&&x.has(O)&&D.has(P)&&j.has(K)&&z.has(F)&&$.push(new Date(g)),g.setTime(g.getTime()+6e4)}return $}function V(e,t,i){if(e<=0||!Number.isFinite(e))return[];const a=[];let s=i.getTime();for(let n=0;n<t;n++)s+=e,a.push(new Date(s));return a}function Z(e,t){const i=new Date(e);if(isNaN(i.getTime()))return[];const a=t??new Date;return i.getTime()>a.getTime()?[i]:[]}function G(e,t){try{return new Intl.DateTimeFormat("en-US",{weekday:"short",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",timeZone:t||void 0,timeZoneName:"short",hour12:!1}).format(e)}catch{return e.toISOString()}}const Y=["UTC","America/New_York","America/Chicago","America/Denver","America/Los_Angeles","Europe/London","Europe/Berlin","Asia/Tokyo","Asia/Shanghai","Australia/Sydney"];let h=class extends M{constructor(){super(...arguments),this.job=null,this.mode="create",this.agents=[],this._id="",this._name="",this._scheduleKind="cron",this._cronExpr="",this._timezone="UTC",this._everyMs=6e4,this._atDateTime="",this._enabled=!0,this._agentId="",this._message="",this._maxConcurrent=1,this._sessionTarget="main",this._deliveryMode="none",this._deliveryChannelType="",this._deliveryChannelId="",this._nextRuns=[],this._previewTimer=null}willUpdate(e){e.has("job")&&this.job&&this._populateFromJob(this.job),e.has("agents")&&this.agents.length>0&&!this._agentId&&(this._agentId=this.agents[0])}updated(e){["_scheduleKind","_cronExpr","_timezone","_everyMs","_atDateTime"].some(a=>e.has(a))&&this._schedulePreviewDebounced()}disconnectedCallback(){super.disconnectedCallback(),this._previewTimer!==null&&(clearTimeout(this._previewTimer),this._previewTimer=null)}_populateFromJob(e){this._id=e.id,this._name=e.name,this._agentId=e.agentId,this._message=e.message,this._enabled=e.enabled,this._maxConcurrent=e.maxConcurrent,this._sessionTarget=e.sessionTarget,this._scheduleKind=e.schedule.kind,this._cronExpr=e.schedule.expr??"",this._timezone=e.schedule.tz??"UTC",this._everyMs=e.schedule.everyMs??6e4,this._atDateTime=e.schedule.at??"",e.deliveryTarget?(this._deliveryMode="origin",this._deliveryChannelType=e.deliveryTarget.channelType??"",this._deliveryChannelId=e.deliveryTarget.channelId??""):(this._deliveryMode="none",this._deliveryChannelType="",this._deliveryChannelId="")}_schedulePreviewDebounced(){this._previewTimer!==null&&clearTimeout(this._previewTimer),this._previewTimer=setTimeout(()=>{this._computePreview()},500)}_computePreview(){const e=new Date;let t=[];switch(this._scheduleKind){case"cron":t=B(this._cronExpr,this._timezone,5,e);break;case"every":t=V(this._everyMs,5,e);break;case"at":t=Z(this._atDateTime,e);break}this._nextRuns=t.map(i=>G(i,this._scheduleKind==="cron"?this._timezone:void 0))}_assembleJob(){const e={kind:this._scheduleKind};switch(this._scheduleKind){case"cron":e.expr=this._cronExpr,e.tz=this._timezone;break;case"every":e.everyMs=this._everyMs;break;case"at":e.at=this._atDateTime;break}let t;return this._deliveryMode==="origin"&&this.job?.deliveryTarget?t=this.job.deliveryTarget:this._deliveryMode==="custom"&&(t={channelId:this._deliveryChannelId,channelType:this._deliveryChannelType,userId:"system",tenantId:"default"}),{id:this._id,name:this._name,agentId:this._agentId,schedule:e,message:this._message,enabled:this._enabled,maxConcurrent:this._maxConcurrent,sessionTarget:this._sessionTarget,deliveryTarget:t}}_onSave(){this.dispatchEvent(new CustomEvent("save",{detail:this._assembleJob()}))}_onCancel(){this.dispatchEvent(new CustomEvent("cancel"))}render(){const e=this.mode==="edit"?"Edit Cron Job":"New Cron Job";return r`
+      <div class="editor-card">
+        <h2>${e}</h2>
+
+        <div class="form-grid">
+          <!-- ID -->
+          <div class="field">
+            <label for="cron-id">ID</label>
+            <input
+              id="cron-id"
+              type="text"
+              .value=${this._id}
+              ?disabled=${this.mode==="edit"}
+              placeholder="e.g. daily-report"
+              @input=${t=>{this._id=t.target.value}}
+            />
+          </div>
+
+          <!-- Name -->
+          <div class="field">
+            <label for="cron-name">Name</label>
+            <input
+              id="cron-name"
+              type="text"
+              .value=${this._name}
+              placeholder="Human-readable name"
+              @input=${t=>{this._name=t.target.value}}
+            />
+          </div>
+
+          <!-- Schedule Kind -->
+          <div class="field">
+            <label>Schedule Kind</label>
+            <div class="kind-group">
+              <label class="kind-option">
+                <input
+                  type="radio"
+                  name="schedule-kind"
+                  value="cron"
+                  .checked=${this._scheduleKind==="cron"}
+                  @change=${()=>{this._scheduleKind="cron"}}
+                />
+                <span>Cron</span>
+              </label>
+              <label class="kind-option">
+                <input
+                  type="radio"
+                  name="schedule-kind"
+                  value="every"
+                  .checked=${this._scheduleKind==="every"}
+                  @change=${()=>{this._scheduleKind="every"}}
+                />
+                <span>Interval</span>
+              </label>
+              <label class="kind-option">
+                <input
+                  type="radio"
+                  name="schedule-kind"
+                  value="at"
+                  .checked=${this._scheduleKind==="at"}
+                  @change=${()=>{this._scheduleKind="at"}}
+                />
+                <span>One-shot</span>
+              </label>
+            </div>
+          </div>
+
+          <!-- Cron fields -->
+          ${this._scheduleKind==="cron"?r`
+            <div class="field">
+              <label for="cron-expr">Schedule Expression</label>
+              <input
+                id="cron-expr"
+                type="text"
+                .value=${this._cronExpr}
+                placeholder="0 9 * * *"
+                @input=${t=>{this._cronExpr=t.target.value}}
+              />
+            </div>
+            <div class="field">
+              <label for="cron-tz">Timezone</label>
+              <select
+                id="cron-tz"
+                .value=${this._timezone}
+                @change=${t=>{this._timezone=t.target.value}}
+              >
+                ${Y.map(t=>r`<option value=${t} ?selected=${t===this._timezone}>${t}</option>`)}
+              </select>
+            </div>
+          `:p}
+
+          <!-- Interval field -->
+          ${this._scheduleKind==="every"?r`
+            <div class="field">
+              <label for="cron-interval">Interval (minutes)</label>
+              <input
+                id="cron-interval"
+                type="number"
+                min="1"
+                .value=${String(Math.round(this._everyMs/6e4))}
+                @input=${t=>{const i=parseInt(t.target.value,10);!isNaN(i)&&i>0&&(this._everyMs=i*6e4)}}
+              />
+            </div>
+          `:p}
+
+          <!-- One-shot field -->
+          ${this._scheduleKind==="at"?r`
+            <div class="field">
+              <label for="cron-at">Run At</label>
+              <input
+                id="cron-at"
+                type="datetime-local"
+                .value=${this._atDateTime}
+                @input=${t=>{this._atDateTime=t.target.value}}
+              />
+            </div>
+          `:p}
+
+          <!-- Enabled -->
+          <div class="field checkbox-field">
+            <input
+              id="cron-enabled"
+              type="checkbox"
+              .checked=${this._enabled}
+              @change=${t=>{this._enabled=t.target.checked}}
+            />
+            <label for="cron-enabled">Enabled</label>
+          </div>
+
+          <!-- Agent -->
+          <div class="field">
+            <label for="cron-agent">Agent</label>
+            <select
+              id="cron-agent"
+              .value=${this._agentId}
+              @change=${t=>{this._agentId=t.target.value}}
+            >
+              ${this.agents.length===0?r`<option value="">No agents available</option>`:this.agents.map(t=>r`<option value=${t} ?selected=${t===this._agentId}>${t}</option>`)}
+            </select>
+          </div>
+
+          <!-- Message -->
+          <div class="field">
+            <label for="cron-message">Message</label>
+            <textarea
+              id="cron-message"
+              rows="3"
+              .value=${this._message}
+              placeholder="Message to send to the agent..."
+              @input=${t=>{this._message=t.target.value}}
+            ></textarea>
+          </div>
+
+          <!-- Session Target -->
+          <div class="field">
+            <label for="cron-session">Session Target</label>
+            <select
+              id="cron-session"
+              .value=${this._sessionTarget}
+              @change=${t=>{this._sessionTarget=t.target.value}}
+            >
+              <option value="main" ?selected=${this._sessionTarget==="main"}>Main</option>
+              <option value="isolated" ?selected=${this._sessionTarget==="isolated"}>Isolated</option>
+            </select>
+          </div>
+
+          <!-- Delivery Target -->
+          <div class="field">
+            <label for="cron-delivery">Delivery</label>
+            <select
+              id="cron-delivery"
+              .value=${this._deliveryMode}
+              @change=${t=>{this._deliveryMode=t.target.value}}
+            >
+              <option value="none" ?selected=${this._deliveryMode==="none"}>None (local only)</option>
+              <option value="origin" ?selected=${this._deliveryMode==="origin"}>Origin (captured channel)</option>
+              <option value="custom" ?selected=${this._deliveryMode==="custom"}>Custom channel</option>
+            </select>
+          </div>
+          ${this._deliveryMode==="origin"&&this.job?.deliveryTarget?r`
+            <div class="field">
+              <label>Current target</label>
+              <span style="font-size:var(--ic-text-sm);color:var(--ic-text-dim)">${this.job.deliveryTarget.channelType??"unknown"}:${this.job.deliveryTarget.channelId}</span>
+            </div>
+          `:p}
+          ${this._deliveryMode==="custom"?r`
+            <div class="field">
+              <label for="cron-delivery-type">Channel Type</label>
+              <input
+                id="cron-delivery-type"
+                type="text"
+                .value=${this._deliveryChannelType}
+                placeholder="telegram"
+                @input=${t=>{this._deliveryChannelType=t.target.value}}
+              />
+            </div>
+            <div class="field">
+              <label for="cron-delivery-id">Channel ID</label>
+              <input
+                id="cron-delivery-id"
+                type="text"
+                .value=${this._deliveryChannelId}
+                placeholder="-100372..."
+                @input=${t=>{this._deliveryChannelId=t.target.value}}
+              />
+            </div>
+          `:p}
+
+          <!-- Max Concurrent -->
+          <div class="field">
+            <label for="cron-max">Max Concurrent</label>
+            <input
+              id="cron-max"
+              type="number"
+              min="1"
+              .value=${String(this._maxConcurrent)}
+              @input=${t=>{const i=parseInt(t.target.value,10);!isNaN(i)&&i>=1&&(this._maxConcurrent=i)}}
+            />
+          </div>
+
+          <!-- Next 5 runs preview -->
+          <div class="next-runs">
+            <h3>Next 5 runs</h3>
+            ${this._nextRuns.length>0?r`
+                <ul>
+                  ${this._nextRuns.map(t=>r`<li>${t}</li>`)}
+                </ul>
+              `:r`<p class="empty-msg">Enter a valid schedule</p>`}
+          </div>
+        </div>
+
+        <!-- Buttons -->
+        <div class="button-row">
+          <button class="btn btn-cancel" @click=${this._onCancel}>Cancel</button>
+          <button class="btn btn-save" @click=${this._onSave}>Save</button>
+        </div>
+      </div>
+    `}};h.styles=[C,E,A`
+      :host {
+        display: block;
+      }
+
+      .editor-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        padding: var(--ic-space-lg);
+      }
+
+      h2 {
+        margin: 0 0 var(--ic-space-lg);
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .form-grid {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md);
+      }
+
+      .field {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        font-weight: 500;
+      }
+
+      input,
+      select,
+      textarea {
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        transition: border-color var(--ic-transition);
+        width: 100%;
+      }
+
+      input::placeholder,
+      textarea::placeholder {
+        color: var(--ic-text-dim);
+      }
+
+      input:focus,
+      select:focus,
+      textarea:focus {
+        border-color: var(--ic-accent);
+        outline: none;
+      }
+
+      input:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      select {
+        appearance: auto;
+        cursor: pointer;
+      }
+
+      textarea {
+        resize: vertical;
+        min-height: 4rem;
+      }
+
+      .checkbox-field {
+        flex-direction: row;
+        align-items: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .checkbox-field input[type="checkbox"] {
+        width: auto;
+        accent-color: var(--ic-accent);
+      }
+
+      .kind-group {
+        display: flex;
+        gap: var(--ic-space-md);
+      }
+
+      .kind-option {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        cursor: pointer;
+      }
+
+      .kind-option input[type="radio"] {
+        width: auto;
+        accent-color: var(--ic-accent);
+      }
+
+      .kind-option label {
+        cursor: pointer;
+      }
+
+      .next-runs {
+        margin-top: var(--ic-space-sm);
+      }
+
+      .next-runs h3 {
+        margin: 0 0 var(--ic-space-xs);
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+      }
+
+      .next-runs ul {
+        list-style: disc;
+        margin: 0;
+        padding-left: var(--ic-space-lg);
+      }
+
+      .next-runs li {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        line-height: 1.6;
+      }
+
+      .next-runs .empty-msg {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+
+      .button-row {
+        display: flex;
+        justify-content: flex-end;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-lg);
+      }
+
+      .btn {
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        font-weight: 500;
+        cursor: pointer;
+        transition:
+          background var(--ic-transition),
+          border-color var(--ic-transition);
+      }
+
+      .btn-cancel {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .btn-cancel:hover {
+        border-color: var(--ic-text-muted);
+        color: var(--ic-text);
+      }
+
+      .btn-save {
+        background: var(--ic-accent);
+        border: 1px solid var(--ic-accent);
+        color: #fff;
+      }
+
+      .btn-save:hover {
+        filter: brightness(1.1);
+      }
+    `];u([f({type:Object})],h.prototype,"job",2);u([f()],h.prototype,"mode",2);u([f({type:Array})],h.prototype,"agents",2);u([o()],h.prototype,"_id",2);u([o()],h.prototype,"_name",2);u([o()],h.prototype,"_scheduleKind",2);u([o()],h.prototype,"_cronExpr",2);u([o()],h.prototype,"_timezone",2);u([o()],h.prototype,"_everyMs",2);u([o()],h.prototype,"_atDateTime",2);u([o()],h.prototype,"_enabled",2);u([o()],h.prototype,"_agentId",2);u([o()],h.prototype,"_message",2);u([o()],h.prototype,"_maxConcurrent",2);u([o()],h.prototype,"_sessionTarget",2);u([o()],h.prototype,"_deliveryMode",2);u([o()],h.prototype,"_deliveryChannelType",2);u([o()],h.prototype,"_deliveryChannelId",2);u([o()],h.prototype,"_nextRuns",2);h=u([S("ic-cron-editor")],h);var q=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,d=(e,t,i,a)=>{for(var s=a>1?void 0:a?Q(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(a?l(t,i,s):l(s))||s);return a&&s&&q(t,i,s),s};const W=[{id:"cron-jobs",label:"Cron Jobs"},{id:"heartbeat",label:"Heartbeat"},{id:"extracted-tasks",label:"Extracted Tasks"}];function X(e){switch(e.kind){case"cron":return e.expr??"cron";case"every":{const t=e.everyMs??0;return t>=36e5?`Every ${Math.round(t/36e5)}h`:t>=6e4?`Every ${Math.round(t/6e4)}m`:`Every ${Math.round(t/1e3)}s`}case"at":return e.at?new Date(e.at).toLocaleString():"one-shot";default:return e.kind}}function T(e){return e<1e3?`${e}ms`:`${(e/1e3).toFixed(1)}s`}function w(e){return e<=0?"--":new Date(e).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}function k(e){return e>=36e5?`Every ${Math.round(e/36e5)}h`:e>=6e4?`Every ${Math.round(e/6e4)}m`:`Every ${Math.round(e/1e3)}s`}function ee(e){return{id:e.id,name:e.name,agentId:e.agentId,schedule:{kind:e.schedule.kind,expr:e.schedule.expr,tz:e.schedule.tz,everyMs:e.schedule.everyMs,at:e.schedule.at},message:e.payload?.message??e.payload?.text??"",enabled:e.enabled,maxConcurrent:1,sessionTarget:e.sessionTarget??"main",deliveryTarget:e.deliveryTarget}}let c=class extends M{constructor(){super(...arguments),this.rpcClient=null,this.routeParams={},this.eventDispatcher=null,this._jobs=[],this._loading=!0,this._error="",this._activeTab="cron-jobs",this._executions=[],this._heartbeats=[],this._heartbeatEnabled=!1,this._heartbeatIntervalMs=3e5,this._extractedTasks=[],this._editorOpen=!1,this._editingJob=null,this._editorError="",this._configAgentIds=[],this._selectedAgentId="",this._cronEnabled=null,this._cronJobCount=0,this._heartbeatAgents=[],this._heartbeatAlerts=[],this._heartbeatDeliveries=[],this._rpcStatusUnsubs=[],this._sse=null,this._jobsLoaded=!1}connectedCallback(){super.connectedCallback(),this._initSse()}disconnectedCallback(){super.disconnectedCallback();for(const e of this._rpcStatusUnsubs)e();this._rpcStatusUnsubs=[]}updated(e){if(e.has("rpcClient")&&this.rpcClient&&!this._jobsLoaded){this._loadAll();const t=this.rpcClient.onStatusChange(i=>{i==="connected"&&!this._jobsLoaded&&(this._error="",this._loadAll())});this._rpcStatusUnsubs.push(t)}if((e.has("routeParams")||e.has("_jobs"))&&this.routeParams.jobId&&this._jobsLoaded){const t=this._jobs.find(i=>i.id===this.routeParams.jobId);t&&!this._editorOpen&&(this._editingJob=t,this._editorOpen=!0,this._editorError="")}e.has("eventDispatcher")&&this.eventDispatcher&&!this._sse&&this._initSse()}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new H(this,this.eventDispatcher,{"scheduler:job_started":e=>{const t=e,i={jobId:t.jobId,jobName:t.jobName??t.jobId,agentId:t.agentId??"",timestamp:t.timestamp??Date.now(),success:"pending"};this._executions=[i,...this._executions].slice(0,50)},"scheduler:job_completed":e=>{const t=e,i=this._executions.findIndex(a=>a.jobId===t.jobId&&a.success==="pending");if(i>=0){const a=[...this._executions];a[i]={...a[i],success:t.success??!0,durationMs:t.durationMs,error:t.error,timestamp:t.timestamp??a[i].timestamp},this._executions=a}else{const a={jobId:t.jobId,jobName:t.jobName??t.jobId,agentId:t.agentId??"",timestamp:t.timestamp??Date.now(),success:t.success??!0,durationMs:t.durationMs,error:t.error};this._executions=[a,...this._executions].slice(0,50)}},"scheduler:heartbeat_delivered":e=>{const t=e,i={agentId:t.agentId??"",channelType:t.channelType??"",outcome:t.outcome??"delivered",level:t.level??"ok",reason:t.reason,durationMs:t.durationMs??0,timestamp:t.timestamp??Date.now()};this._heartbeatDeliveries=[i,...this._heartbeatDeliveries].slice(0,50)},"scheduler:heartbeat_alert":e=>{const t=e,i={agentId:t.agentId??"",classification:t.classification??"transient",reason:t.reason??"",consecutiveErrors:t.consecutiveErrors??0,backoffMs:t.backoffMs??0,timestamp:t.timestamp??Date.now()};this._heartbeatAlerts=[i,...this._heartbeatAlerts].slice(0,50),this._updateAgentFromAlert(i)},"scheduler:task_extracted":e=>{const t=e,i={taskId:t.taskId??`task-${Date.now()}`,title:t.title??"Untitled task",priority:t.priority??"medium",confidence:t.confidence??0,sessionKey:t.sessionKey??"",timestamp:t.timestamp??Date.now(),status:"pending"};this._extractedTasks=[i,...this._extractedTasks]}}))}_loadAll(){this._loadAgentIds().then(()=>{Promise.allSettled([this._loadJobs(),this._loadCronStatus()])}),Promise.allSettled([this._loadHeartbeatConfig(),this._loadHeartbeatStates()])}async _loadJobs(){if(!this.rpcClient){this._loading=!1;return}try{const e=await this.rpcClient.call("cron.list",{_agentId:this._selectedAgentId||void 0});this._jobs=Array.isArray(e)?e:e.jobs??[],this._jobsLoaded=!0}catch(e){const t=e instanceof Error?e.message:"Failed to load jobs";t.includes("not enabled")?(this._cronEnabled=!1,this._error=""):this._error=t}finally{this._loading=!1}}async _loadHeartbeatConfig(){if(this.rpcClient)try{const t=(await this.rpcClient.call("config.read",{section:"scheduler"}))?.heartbeat;t&&(this._heartbeatEnabled=t.enabled??!1,this._heartbeatIntervalMs=t.intervalMs??3e5)}catch{}}async _loadAgentIds(){if(this.rpcClient){try{const e=await this.rpcClient.call("config.read",{section:"agents"});e&&typeof e=="object"&&(this._configAgentIds=Object.keys(e))}catch{}this._configAgentIds.length>0&&!this._selectedAgentId&&(this._selectedAgentId=this._configAgentIds[0])}}async _loadCronStatus(){if(!(!this.rpcClient||!this._selectedAgentId))try{const e=await this.rpcClient.call("cron.status",{_agentId:this._selectedAgentId});this._cronEnabled=e?.running??null,this._cronJobCount=e?.jobCount??0}catch{this._cronEnabled=null}}async _loadHeartbeatStates(){if(this.rpcClient)try{const e=await this.rpcClient.call("heartbeat.states",{});this._heartbeatAgents=e?.agents??[]}catch{}}_updateAgentFromAlert(e){const t=this._heartbeatAgents.findIndex(a=>a.agentId===e.agentId);if(t<0)return;const i=[...this._heartbeatAgents];i[t]={...i[t],consecutiveErrors:e.consecutiveErrors,lastAlertMs:e.timestamp,lastErrorKind:e.classification},this._heartbeatAgents=i}_onAgentSelect(e){e!==this._selectedAgentId&&(this._selectedAgentId=e,this._jobs=[],this._executions=[],this._error="",this._loading=!0,this._jobsLoaded=!1,this._loadJobs(),this._loadCronStatus())}async _handleEditorSave(e){if(!this.rpcClient)return;const t=e.detail;if(this._editorError="",this._editingJob){const i=[...this._jobs],a=this._jobs.findIndex(s=>s.id===this._editingJob.id);if(a>=0){const s={...this._jobs[a],name:t.name,agentId:t.agentId,schedule:t.schedule,payload:{kind:"agent_turn",message:t.message},sessionTarget:t.sessionTarget,enabled:t.enabled,deliveryTarget:t.deliveryTarget},n=[...this._jobs];n[a]=s,this._jobs=n}try{await this.rpcClient.call("cron.update",{jobId:this._editingJob.id,_agentId:this._selectedAgentId,...t}),this._editorOpen=!1,this._editingJob=null}catch(s){this._jobs=i,this._editorError=s instanceof Error?s.message:"Failed to update job"}}else{const i={id:t.id,name:t.name,agentId:t.agentId,schedule:t.schedule,payload:{kind:"agent_turn",message:t.message},sessionTarget:t.sessionTarget,enabled:t.enabled,consecutiveErrors:0,createdAtMs:Date.now(),deliveryTarget:t.deliveryTarget};this._jobs=[...this._jobs,i];try{const a=await this.rpcClient.call("cron.add",{...t,_agentId:this._selectedAgentId,_deliveryTarget:t.deliveryTarget});if(a?.jobId&&a.jobId!==i.id){const s=this._jobs.findIndex(n=>n.id===i.id);if(s>=0){const n=[...this._jobs];n[s]={...n[s],id:a.jobId},this._jobs=n}}this._editorOpen=!1,this._editingJob=null}catch(a){this._jobs=this._jobs.filter(s=>s.id!==i.id),this._editorError=a instanceof Error?a.message:"Failed to create job"}}}async _handleDeleteJob(e){if(!this.rpcClient||!window.confirm("Delete this job?"))return;const t=[...this._jobs];this._jobs=this._jobs.filter(i=>i.id!==e);try{await this.rpcClient.call("cron.remove",{jobId:e,_agentId:this._selectedAgentId})}catch(i){this._jobs=t,this._error=i instanceof Error?i.message:"Failed to delete job"}}async _handleToggleHeartbeat(){if(!this.rpcClient)return;const e=!this._heartbeatEnabled;this._heartbeatEnabled=e;try{await this.rpcClient.call("config.set",{section:"scheduler",path:"heartbeat.enabled",value:e})}catch(t){this._heartbeatEnabled=!e,this._error=t instanceof Error?t.message:"Failed to toggle heartbeat"}}_handleCompleteTask(e){this._extractedTasks=this._extractedTasks.map(t=>t.taskId===e?{...t,status:"completed"}:t)}_handleDismissTask(e){this._extractedTasks=this._extractedTasks.map(t=>t.taskId===e?{...t,status:"dismissed"}:t)}async _handleRunJob(e){if(this.rpcClient)try{await this.rpcClient.call("cron.run",{jobName:e,_agentId:this._selectedAgentId}),I.show("Job triggered","success")}catch(t){this._error=t instanceof Error?t.message:"Failed to run job"}}async _handleTriggerHeartbeat(e){if(this.rpcClient)try{await this.rpcClient.call("heartbeat.trigger",{agentId:e}),I.show("Heartbeat triggered for "+e,"success")}catch(t){this._error=t instanceof Error?t.message:"Failed to trigger heartbeat"}}_openCreateEditor(){this._editingJob=null,this._editorOpen=!0,this._editorError=""}_openEditEditor(e){this._editingJob=e,this._editorOpen=!0,this._editorError=""}_closeEditor(){this._editorOpen=!1,this._editingJob=null,this._editorError=""}_closeEditorOnBackdrop(e){e.target===e.currentTarget&&this._closeEditor()}_onTabChange(e){this._activeTab=e.detail}get _editingJobInput(){return this._editingJob?ee(this._editingJob):null}get _agentIds(){const e=new Set([...this._configAgentIds,...this._jobs.map(i=>i.agentId)]),t=Array.from(e);if(this._selectedAgentId){const i=t.indexOf(this._selectedAgentId);i>0&&(t.splice(i,1),t.unshift(this._selectedAgentId))}return t}_renderAgentSelector(){return this._configAgentIds.length<=1&&this._jobs.length===0?p:r`
+      <div class="agent-selector" role="radiogroup" aria-label="Select agent">
+        <span class="agent-selector-label">Agent:</span>
+        ${this._configAgentIds.map(e=>r`
+            <button
+              class="agent-pill ${e===this._selectedAgentId?"agent-pill--active":""}"
+              role="radio"
+              aria-checked=${e===this._selectedAgentId?"true":"false"}
+              @click=${()=>this._onAgentSelect(e)}
+            >${e}</button>
+          `)}
+      </div>
+    `}_renderAgentStatus(){if(this._cronEnabled===null)return p;const e=this._cronEnabled?"status-dot status-dot--active":"status-dot status-dot--inactive",t=this._cronEnabled?`Cron scheduler running (${this._cronJobCount} job${this._cronJobCount!==1?"s":""})`:`Cron scheduler not enabled for '${this._selectedAgentId}'`;return r`
+      <div class="agent-status">
+        <span class=${e}></span>
+        <span>${t}</span>
+      </div>
+    `}_renderJobRow(e){const t=e.enabled?e.consecutiveErrors>0?"status-dot status-dot--error":"status-dot status-dot--active":"status-dot status-dot--inactive";return r`
+      <div class="grid-row" role="row" @click=${()=>this._openEditEditor(e)}>
+        <div class="cell" role="cell">${e.name||e.id}</div>
+        <div class="cell" role="cell">${X(e.schedule)}</div>
+        <div class="cell" role="cell">
+          ${e.lastRunAtMs&&e.lastRunAtMs>0?r`<ic-relative-time .timestamp=${e.lastRunAtMs}></ic-relative-time>`:"Never"}
+        </div>
+        <div class="cell" role="cell">
+          ${e.enabled&&e.nextRunAtMs&&e.nextRunAtMs>0?r`<ic-relative-time .timestamp=${e.nextRunAtMs}></ic-relative-time>`:"(off)"}
+        </div>
+        <div class="cell" role="cell">
+          <span class="status-info">
+            <span class=${t}></span>
+            ${e.consecutiveErrors>0?r`<span class="error-count">${e.consecutiveErrors} errors</span>`:p}
+          </span>
+        </div>
+        <div class="cell" role="cell">
+          ${e.deliveryTarget?r`<ic-tag variant="info">${e.deliveryTarget.channelType??"channel"}</ic-tag>`:r`<span style="color:var(--ic-text-dim)">local</span>`}
+        </div>
+        <div class="cell" role="cell">
+          <div class="action-group">
+            <button
+              class="btn-run"
+              ?disabled=${!e.enabled}
+              title=${e.enabled?"Execute this job now":"Enable job to run"}
+              @click=${i=>{i.stopPropagation(),this._handleRunJob(e.name||e.id)}}
+            >Run</button>
+            <button
+              class="btn-edit"
+              title="Edit this job"
+              @click=${i=>{i.stopPropagation(),this._openEditEditor(e)}}
+            >Edit</button>
+            <button
+              class="btn-delete"
+              @click=${i=>{i.stopPropagation(),this._handleDeleteJob(e.id)}}
+            >Delete</button>
+          </div>
+        </div>
+      </div>
+    `}_renderCronJobsTab(){return r`
+      ${this._renderAgentSelector()}
+      ${this._renderAgentStatus()}
+      ${this._loading?r`<ic-skeleton-view variant="list"></ic-skeleton-view>`:this._jobs.length===0?r`
+              <ic-empty-state
+                icon="clock"
+                message="No scheduled jobs"
+                description="Configure cron jobs or heartbeat checks for your agents."
+              >
+                <button class="cta-btn" style="background:var(--ic-accent);color:#fff;border:none;border-radius:var(--ic-radius-md);padding:0.5rem 1rem;cursor:pointer;font-family:inherit;font-size:var(--ic-text-sm)" @click=${()=>{window.location.hash="#/config"}}>Open Settings</button>
+              </ic-empty-state>
+            `:r`
+              <div class="job-grid" role="table">
+                <div class="grid-header" role="row">
+                  <div class="cell" role="columnheader">Name</div>
+                  <div class="cell" role="columnheader">Schedule</div>
+                  <div class="cell" role="columnheader">Last Run</div>
+                  <div class="cell" role="columnheader">Next Run</div>
+                  <div class="cell" role="columnheader">Status</div>
+                  <div class="cell" role="columnheader">Deliver</div>
+                  <div class="cell" role="columnheader">Actions</div>
+                </div>
+                ${this._jobs.map(e=>this._renderJobRow(e))}
+              </div>
+
+              ${this._renderRecentExecutions()}
+            `}
+    `}_renderRecentExecutions(){return r`
+      <div class="executions-section">
+        <h3>Recent Executions</h3>
+        ${this._executions.length===0?r`<div class="no-data">No recent executions</div>`:r`
+              <div class="execution-list">
+                ${this._executions.map(e=>r`
+                    <div class="execution-entry">
+                      <span class="exec-timestamp">${w(e.timestamp)}</span>
+                      <span class="exec-job">${e.jobName||e.jobId}</span>
+                      <span class=${e.success==="pending"?"exec-result--pending":e.success?"exec-result--success":"exec-result--fail"}>${e.success==="pending"?"...":e.success?"OK":"FAIL"}</span>
+                      ${e.durationMs!=null?r`<span class="exec-duration">(${T(e.durationMs)})</span>`:p}
+                      ${e.error?r`<span class="exec-error">${e.error}</span>`:p}
+                    </div>
+                  `)}
+              </div>
+            `}
+      </div>
+    `}_renderHeartbeatTab(){if(this._heartbeatAgents.length===0)return this._heartbeatEnabled||this._heartbeats.length>0?r`
+          <div class="hb-summary-bar">
+            <span>Global heartbeat: ${this._heartbeatEnabled?"enabled":"disabled"}</span>
+            <span>Interval: ${k(this._heartbeatIntervalMs)}</span>
+          </div>
+          <ic-empty-state
+            icon="scheduler"
+            message="No heartbeat agents"
+            description="Configure heartbeat in agent settings to see per-agent status."
+          ></ic-empty-state>
+        `:r`
+        <ic-empty-state
+          icon="scheduler"
+          message="No heartbeat agents"
+          description="Configure heartbeat in agent settings to see per-agent status."
+        ></ic-empty-state>
+      `;const e=Date.now(),t=this._heartbeatAgents.filter(s=>s.enabled).length,i=this._heartbeatAgents.filter(s=>s.backoffUntilMs>e).length,a=this._heartbeatAgents.filter(s=>s.consecutiveErrors>0).length;return r`
+      <div class="hb-summary-bar">
+        <span>${t} agent${t!==1?"s":""} enabled</span>
+        ${i>0?r`<span class="alerts-highlight">${i} in backoff</span>`:p}
+        ${a>0?r`<span class="alerts-highlight">${a} with errors</span>`:p}
+      </div>
+
+      <div class="hb-card-grid">
+        ${this._heartbeatAgents.map(s=>this._renderHeartbeatCard(s,e))}
+      </div>
+
+      ${this._heartbeatAlerts.length>0?r`
+            <div class="hb-recent-section">
+              <h3>Recent Alerts</h3>
+              <div class="hb-event-list">
+                ${this._heartbeatAlerts.slice(0,20).map(s=>r`
+                    <div class="hb-event-entry">
+                      <span class="hb-event-ts">${w(s.timestamp)}</span>
+                      <span class="hb-event-agent">${s.agentId}</span>
+                      <ic-tag variant=${s.classification==="permanent"?"error":"warning"}>${s.classification}</ic-tag>
+                      <span class="hb-event-reason">${s.reason}</span>
+                      ${s.backoffMs>0?r`<span class="hb-event-duration">(backoff ${k(s.backoffMs)})</span>`:p}
+                    </div>
+                  `)}
+              </div>
+            </div>
+          `:p}
+
+      ${this._heartbeatDeliveries.length>0?r`
+            <div class="hb-recent-section">
+              <h3>Recent Deliveries</h3>
+              <div class="hb-event-list">
+                ${this._heartbeatDeliveries.slice(0,20).map(s=>r`
+                    <div class="hb-event-entry">
+                      <span class="hb-event-ts">${w(s.timestamp)}</span>
+                      <span class="hb-event-agent">${s.agentId}</span>
+                      <ic-tag variant=${s.outcome==="delivered"?"success":s.outcome==="failed"?"error":"warning"}>${s.outcome}</ic-tag>
+                      <span>${s.channelType}</span>
+                      <span class="hb-event-duration">(${T(s.durationMs)})</span>
+                    </div>
+                  `)}
+              </div>
+            </div>
+          `:p}
+    `}_renderHeartbeatCard(e,t){const i=e.backoffUntilMs>t,a=e.consecutiveErrors>0,s=e.tickStartedAtMs>0;let n,l;return e.enabled?i?(n="backoff",l="warning"):a?(n="error",l="error"):(n="healthy",l="success"):(n="disabled",l="default"),r`
+      <div class="hb-card">
+        <div class="hb-card-header">
+          <span class="hb-card-agent">${e.agentId}</span>
+          <ic-tag variant=${l}>${n}</ic-tag>
+        </div>
+        <div class="hb-card-row">
+          <span class="hb-card-label">Interval:</span>
+          <span>${k(e.intervalMs)}</span>
+        </div>
+        <div class="hb-card-row">
+          <span class="hb-card-label">Last run:</span>
+          ${e.lastRunMs>0?r`<ic-relative-time .timestamp=${e.lastRunMs}></ic-relative-time>`:r`<span>--</span>`}
+        </div>
+        <div class="hb-card-row">
+          <span class="hb-card-label">Next due:</span>
+          ${e.nextDueMs>0?r`<ic-relative-time .timestamp=${e.nextDueMs}></ic-relative-time>`:r`<span>--</span>`}
+        </div>
+        ${a?r`
+              <div class="hb-card-row">
+                <span class="hb-card-label">Errors:</span>
+                <span class="alerts-highlight">${e.consecutiveErrors}${e.lastErrorKind?` (${e.lastErrorKind})`:""}</span>
+              </div>
+            `:p}
+        ${s?r`<span class="hb-running-indicator">running...</span>`:p}
+        <button
+          class="btn-run"
+          ?disabled=${!e.enabled}
+          title=${e.enabled?"Trigger heartbeat check now":"Enable heartbeat to trigger"}
+          @click=${()=>this._handleTriggerHeartbeat(e.agentId)}
+          style="margin-top:var(--ic-space-xs);align-self:flex-start"
+        >Trigger</button>
+      </div>
+    `}_renderExtractedTasksTab(){return this._extractedTasks.length===0?r`
+        <ic-empty-state
+          icon="scheduler"
+          message="No extracted tasks"
+          description="Tasks will appear when agents extract them from conversations."
+        ></ic-empty-state>
+      `:r`
+      <div class="task-grid" role="table">
+        <div class="grid-header" role="row">
+          <div class="cell" role="columnheader">Title</div>
+          <div class="cell" role="columnheader">Priority</div>
+          <div class="cell" role="columnheader">Status</div>
+          <div class="cell" role="columnheader">Actions</div>
+        </div>
+        ${this._extractedTasks.map(e=>this._renderTaskRow(e))}
+      </div>
+    `}_renderTaskRow(e){const t=`priority-tag priority-tag--${e.priority}`;return r`
+      <div class="grid-row" role="row">
+        <div class="cell" role="cell">${e.title}</div>
+        <div class="cell" role="cell">
+          <span class=${t}>${e.priority}</span>
+        </div>
+        <div class="cell" role="cell">${e.status}</div>
+        <div class="cell" role="cell">
+          ${e.status==="pending"?r`
+                <div class="task-actions">
+                  <button class="btn-sm btn-complete" @click=${()=>this._handleCompleteTask(e.taskId)}>Complete</button>
+                  <button class="btn-sm btn-dismiss" @click=${()=>this._handleDismissTask(e.taskId)}>Dismiss</button>
+                </div>
+              `:p}
+        </div>
+      </div>
+    `}_renderEditorOverlay(){return this._editorOpen?r`
+      <div class="editor-overlay" @click=${this._closeEditorOnBackdrop}>
+        <div class="editor-panel" @click=${e=>e.stopPropagation()}>
+          <ic-cron-editor
+            .job=${this._editingJobInput}
+            .mode=${this._editingJob?"edit":"create"}
+            .agents=${this._agentIds}
+            @save=${this._handleEditorSave}
+            @cancel=${()=>this._closeEditor()}
+          ></ic-cron-editor>
+          ${this._editorError?r`<div class="editor-error">${this._editorError}</div>`:p}
+        </div>
+      </div>
+    `:p}render(){return r`
+      <div class="scheduler-header">
+        <h2>Scheduler</h2>
+        <button class="btn-primary" @click=${()=>this._openCreateEditor()}>+ New Job</button>
+      </div>
+
+      ${this._error?r`<div class="error-message">${this._error}</div>`:p}
+
+      <ic-tabs
+        .tabs=${W}
+        .activeTab=${this._activeTab}
+        @tab-change=${this._onTabChange}
+      >
+        <div slot="cron-jobs">${this._renderCronJobsTab()}</div>
+        <div slot="heartbeat">${this._renderHeartbeatTab()}</div>
+        <div slot="extracted-tasks">${this._renderExtractedTasksTab()}</div>
+      </ic-tabs>
+
+      ${this._renderEditorOverlay()}
+    `}};c.styles=[C,E,A`
+      :host {
+        display: block;
+      }
+
+      .scheduler-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .scheduler-header h2 {
+        margin: 0;
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .btn-primary {
+        background: var(--ic-accent);
+        color: #fff;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        font-weight: 500;
+        cursor: pointer;
+        transition: background var(--ic-transition);
+      }
+
+      .btn-primary:hover {
+        filter: brightness(1.1);
+      }
+
+      /* Error message */
+      .error-message {
+        color: var(--ic-error, #f87171);
+        font-size: var(--ic-text-sm);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: rgba(127, 29, 29, 0.12);
+        border: 1px solid #7f1d1d;
+        border-radius: var(--ic-radius-md);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      /* Job grid table (div-based for happy-dom compat) */
+      .job-grid {
+        display: grid;
+        grid-template-columns: minmax(100px, 2fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) 80px minmax(60px, 1fr) auto;
+        width: 100%;
+      }
+
+      .grid-header {
+        display: contents;
+      }
+
+      .grid-header .cell {
+        background: var(--ic-surface);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .grid-row {
+        display: contents;
+        cursor: pointer;
+      }
+
+      .grid-row .cell {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        border-bottom: 1px solid var(--ic-border);
+        color: var(--ic-text);
+        display: flex;
+        align-items: center;
+        transition: background var(--ic-transition);
+      }
+
+      .grid-row:hover .cell {
+        background: var(--ic-surface-2);
+      }
+
+      /* Status dot */
+      .status-dot {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+
+      .status-dot--active {
+        background: #22c55e;
+      }
+
+      .status-dot--inactive {
+        background: var(--ic-text-dim, #6b7280);
+      }
+
+      .status-dot--error {
+        background: #ef4444;
+      }
+
+      .status-info {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+      }
+
+      .error-count {
+        font-size: var(--ic-text-xs);
+        color: #ef4444;
+      }
+
+      /* Delete button */
+      .btn-delete {
+        background: transparent;
+        border: none;
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-xs);
+        cursor: pointer;
+        padding: 4px 8px;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        transition: color var(--ic-transition), background var(--ic-transition);
+        font-family: inherit;
+      }
+
+      .btn-delete:hover {
+        color: #ef4444;
+        background: rgba(239, 68, 68, 0.1);
+      }
+
+      /* Run / Trigger action buttons */
+      .btn-run {
+        background: transparent;
+        border: 1px solid var(--ic-accent);
+        color: var(--ic-accent);
+        font-size: var(--ic-text-xs);
+        cursor: pointer;
+        padding: 4px 8px;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        transition: color var(--ic-transition), background var(--ic-transition);
+        font-family: inherit;
+      }
+
+      .btn-run:hover {
+        background: var(--ic-accent);
+        color: #fff;
+      }
+
+      .btn-run:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+
+      .btn-run:disabled:hover {
+        background: transparent;
+        color: var(--ic-accent);
+      }
+
+      .action-group {
+        display: flex;
+        gap: var(--ic-space-xs);
+      }
+
+      /* Recent executions */
+      .executions-section {
+        margin-top: var(--ic-space-xl, 2rem);
+      }
+
+      .executions-section h3 {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        margin: 0 0 var(--ic-space-sm);
+      }
+
+      .execution-list {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .execution-entry {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        font-size: var(--ic-text-xs);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+      }
+
+      .execution-entry:hover {
+        background: var(--ic-surface);
+      }
+
+      .exec-timestamp {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        color: var(--ic-text-dim);
+        min-width: 5rem;
+      }
+
+      .exec-job {
+        color: var(--ic-text);
+        font-weight: 500;
+      }
+
+      .exec-result--success {
+        color: #22c55e;
+      }
+
+      .exec-result--fail {
+        color: #ef4444;
+      }
+
+      .exec-result--pending {
+        color: var(--ic-text-dim);
+      }
+
+      .exec-duration {
+        color: var(--ic-text-dim);
+      }
+
+      .exec-error {
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+
+      .no-data {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+        padding: var(--ic-space-md) 0;
+      }
+
+      /* Heartbeat tab -- per-agent cards */
+      .hb-summary-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+        padding: var(--ic-space-sm) 0 var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+      }
+
+      .hb-summary-bar span {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+      }
+
+      .hb-card-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        gap: var(--ic-space-md);
+      }
+
+      .hb-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      .hb-card-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--ic-space-sm);
+      }
+
+      .hb-card-agent {
+        font-weight: 600;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .hb-card-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+      }
+
+      .hb-card-label {
+        min-width: 70px;
+        color: var(--ic-text-muted);
+      }
+
+      .hb-running-indicator {
+        color: var(--ic-accent);
+        font-size: var(--ic-text-xs);
+        font-style: italic;
+      }
+
+      /* Recent alerts / deliveries */
+      .hb-recent-section {
+        margin-top: var(--ic-space-lg);
+      }
+
+      .hb-recent-section h3 {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        margin: 0 0 var(--ic-space-sm);
+      }
+
+      .hb-event-list {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .hb-event-entry {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        font-size: var(--ic-text-xs);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+      }
+
+      .hb-event-entry:hover {
+        background: var(--ic-surface);
+      }
+
+      .hb-event-ts {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        color: var(--ic-text-dim);
+        min-width: 5rem;
+      }
+
+      .hb-event-agent {
+        font-weight: 500;
+        color: var(--ic-text);
+      }
+
+      .hb-event-reason {
+        color: var(--ic-text-dim);
+        font-style: italic;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 20rem;
+      }
+
+      .hb-event-duration {
+        color: var(--ic-text-dim);
+      }
+
+      .alerts-highlight {
+        color: #ef4444;
+        font-weight: 600;
+      }
+
+      /* Extracted tasks grid table */
+      .task-grid {
+        display: grid;
+        grid-template-columns: minmax(150px, 3fr) 100px 100px auto;
+        width: 100%;
+      }
+
+      .task-grid .grid-header .cell,
+      .task-grid .grid-row .cell {
+        /* Inherit from .grid-header/.grid-row above */
+      }
+
+      .priority-tag {
+        display: inline-block;
+        padding: 2px 8px;
+        border-radius: 9999px;
+        font-size: var(--ic-text-xs);
+        font-weight: 500;
+      }
+
+      .priority-tag--high {
+        background: rgba(239, 68, 68, 0.15);
+        color: #ef4444;
+      }
+
+      .priority-tag--medium {
+        background: rgba(234, 179, 8, 0.15);
+        color: #eab308;
+      }
+
+      .priority-tag--low {
+        background: rgba(34, 197, 94, 0.15);
+        color: #22c55e;
+      }
+
+      .btn-sm {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-xs);
+        cursor: pointer;
+        padding: 2px 8px;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        font-family: inherit;
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .btn-sm:hover {
+        color: var(--ic-text);
+        border-color: var(--ic-text-muted);
+      }
+
+      .task-actions {
+        display: flex;
+        gap: var(--ic-space-xs);
+      }
+
+      /* Editor overlay */
+      .editor-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 100;
+      }
+
+      .editor-panel {
+        max-width: 32rem;
+        width: 100%;
+        max-height: 90vh;
+        overflow-y: auto;
+        margin: var(--ic-space-md);
+      }
+
+      .editor-error {
+        color: #ef4444;
+        font-size: var(--ic-text-sm);
+        padding: var(--ic-space-sm);
+        text-align: center;
+      }
+
+      /* Agent selector pills */
+      .agent-selector {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-md);
+        flex-wrap: wrap;
+      }
+
+      .agent-selector-label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        font-weight: 500;
+      }
+
+      .agent-pill {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        border-radius: 9999px;
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        transition: background var(--ic-transition), border-color var(--ic-transition), color var(--ic-transition);
+      }
+
+      .agent-pill:hover {
+        border-color: var(--ic-text-muted);
+        color: var(--ic-text);
+      }
+
+      .agent-pill--active {
+        background: var(--ic-accent);
+        border-color: var(--ic-accent);
+        color: #fff;
+      }
+
+      .agent-pill--active:hover {
+        filter: brightness(1.1);
+      }
+
+      .agent-status {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .agent-status .status-dot {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+    `];d([f({attribute:!1})],c.prototype,"rpcClient",2);d([f({attribute:!1})],c.prototype,"routeParams",2);d([f({attribute:!1})],c.prototype,"eventDispatcher",2);d([o()],c.prototype,"_jobs",2);d([o()],c.prototype,"_loading",2);d([o()],c.prototype,"_error",2);d([o()],c.prototype,"_activeTab",2);d([o()],c.prototype,"_executions",2);d([o()],c.prototype,"_heartbeats",2);d([o()],c.prototype,"_heartbeatEnabled",2);d([o()],c.prototype,"_heartbeatIntervalMs",2);d([o()],c.prototype,"_extractedTasks",2);d([o()],c.prototype,"_editorOpen",2);d([o()],c.prototype,"_editingJob",2);d([o()],c.prototype,"_editorError",2);d([o()],c.prototype,"_configAgentIds",2);d([o()],c.prototype,"_selectedAgentId",2);d([o()],c.prototype,"_cronEnabled",2);d([o()],c.prototype,"_cronJobCount",2);d([o()],c.prototype,"_heartbeatAgents",2);d([o()],c.prototype,"_heartbeatAlerts",2);d([o()],c.prototype,"_heartbeatDeliveries",2);c=d([S("ic-scheduler-view")],c);export{c as IcSchedulerView};