comisai 1.0.37 → 1.0.41

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

@@ -1,1182 +0,0 @@
-import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u,i as d}from"./index-8Tg9oc-C.js";import"./ic-tag-CvMVQFRR.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-icon-BGNCCPpZ.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-tabs-yBjkWKJH.js";function f(e,t,n){let r=new Set;for(let i of e.split(`,`)){let e=i.trim(),a=e.match(/^(\*|(\d+)-(\d+))\/(\d+)$/);if(a){let e=parseInt(a[4],10);if(e<=0)return null;let i=t,o=n;if(a[2]!==void 0&&a[3]!==void 0&&(i=parseInt(a[2],10),o=parseInt(a[3],10)),i<t||o>n||i>o)return null;for(let t=i;t<=o;t+=e)r.add(t);continue}if(e===`*`){for(let e=t;e<=n;e++)r.add(e);continue}let o=e.match(/^(\d+)-(\d+)$/);if(o){let e=parseInt(o[1],10),i=parseInt(o[2],10);if(e<t||i>n||e>i)return null;for(let t=e;t<=i;t++)r.add(t);continue}if(/^\d+$/.test(e)){let i=parseInt(e,10);if(i<t||i>n)return null;r.add(i);continue}return null}return r.size>0?Array.from(r).sort((e,t)=>e-t):null}function p(e,t,n,r){let i=e.trim().split(/\s+/);if(i.length!==5)return[];let a=f(i[0],0,59),o=f(i[1],0,23),s=f(i[2],1,31),c=f(i[3],1,12),l=f(i[4],0,6);if(!a||!o||!s||!c||!l)return[];let u=new Set(a),d=new Set(o),p=new Set(s),m=new Set(c),h=new Set(l),g=[],_=r.getTime()+366*24*60*60*1e3,v=new Date(r);for(v.setSeconds(0,0),v.setTime(v.getTime()+6e4);v.getTime()<=_&&g.length<n;){let e=v.getMinutes(),t=v.getHours(),n=v.getDate(),r=v.getMonth()+1,i=v.getDay();u.has(e)&&d.has(t)&&p.has(n)&&m.has(r)&&h.has(i)&&g.push(new Date(v)),v.setTime(v.getTime()+6e4)}return g}function m(e,t,n){if(e<=0||!Number.isFinite(e))return[];let r=[],i=n.getTime();for(let n=0;n<t;n++)i+=e,r.push(new Date(i));return r}function h(e,t){let n=new Date(e);if(isNaN(n.getTime()))return[];let r=t??new Date;return n.getTime()>r.getTime()?[n]:[]}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()}}var _=[`UTC`,`America/New_York`,`America/Chicago`,`America/Denver`,`America/Los_Angeles`,`Europe/London`,`Europe/Berlin`,`Asia/Tokyo`,`Asia/Shanghai`,`Australia/Sydney`],v=class extends r{constructor(...e){super(...e),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}static{this.styles=[o,i,n`
-      :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);
-      }
-    `]}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(t=>e.has(t))&&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(){let e=new Date,t=[];switch(this._scheduleKind){case`cron`:t=p(this._cronExpr,this._timezone,5,e);break;case`every`:t=m(this._everyMs,5,e);break;case`at`:t=h(this._atDateTime,e);break}this._nextRuns=t.map(e=>g(e,this._scheduleKind===`cron`?this._timezone:void 0))}_assembleJob(){let 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(){return t`
-      <div class="editor-card">
-        <h2>${this.mode===`edit`?`Edit Cron Job`:`New Cron Job`}</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=${e=>{this._id=e.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=${e=>{this._name=e.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`?t`
-            <div class="field">
-              <label for="cron-expr">Schedule Expression</label>
-              <input
-                id="cron-expr"
-                type="text"
-                .value=${this._cronExpr}
-                placeholder="0 9 * * *"
-                @input=${e=>{this._cronExpr=e.target.value}}
-              />
-            </div>
-            <div class="field">
-              <label for="cron-tz">Timezone</label>
-              <select
-                id="cron-tz"
-                .value=${this._timezone}
-                @change=${e=>{this._timezone=e.target.value}}
-              >
-                ${_.map(e=>t`<option value=${e} ?selected=${e===this._timezone}>${e}</option>`)}
-              </select>
-            </div>
-          `:l}
-
-          <!-- Interval field -->
-          ${this._scheduleKind===`every`?t`
-            <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=${e=>{let t=parseInt(e.target.value,10);!isNaN(t)&&t>0&&(this._everyMs=t*6e4)}}
-              />
-            </div>
-          `:l}
-
-          <!-- One-shot field -->
-          ${this._scheduleKind===`at`?t`
-            <div class="field">
-              <label for="cron-at">Run At</label>
-              <input
-                id="cron-at"
-                type="datetime-local"
-                .value=${this._atDateTime}
-                @input=${e=>{this._atDateTime=e.target.value}}
-              />
-            </div>
-          `:l}
-
-          <!-- Enabled -->
-          <div class="field checkbox-field">
-            <input
-              id="cron-enabled"
-              type="checkbox"
-              .checked=${this._enabled}
-              @change=${e=>{this._enabled=e.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=${e=>{this._agentId=e.target.value}}
-            >
-              ${this.agents.length===0?t`<option value="">No agents available</option>`:this.agents.map(e=>t`<option value=${e} ?selected=${e===this._agentId}>${e}</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=${e=>{this._message=e.target.value}}
-            ></textarea>
-          </div>
-
-          <!-- Session Target -->
-          <div class="field">
-            <label for="cron-session">Session Target</label>
-            <select
-              id="cron-session"
-              .value=${this._sessionTarget}
-              @change=${e=>{this._sessionTarget=e.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=${e=>{this._deliveryMode=e.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?t`
-            <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>
-          `:l}
-          ${this._deliveryMode===`custom`?t`
-            <div class="field">
-              <label for="cron-delivery-type">Channel Type</label>
-              <input
-                id="cron-delivery-type"
-                type="text"
-                .value=${this._deliveryChannelType}
-                placeholder="telegram"
-                @input=${e=>{this._deliveryChannelType=e.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=${e=>{this._deliveryChannelId=e.target.value}}
-              />
-            </div>
-          `:l}
-
-          <!-- 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=${e=>{let t=parseInt(e.target.value,10);!isNaN(t)&&t>=1&&(this._maxConcurrent=t)}}
-            />
-          </div>
-
-          <!-- Next 5 runs preview -->
-          <div class="next-runs">
-            <h3>Next 5 runs</h3>
-            ${this._nextRuns.length>0?t`
-                <ul>
-                  ${this._nextRuns.map(e=>t`<li>${e}</li>`)}
-                </ul>
-              `:t`<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>
-    `}};c([s({type:Object})],v.prototype,`job`,void 0),c([s()],v.prototype,`mode`,void 0),c([s({type:Array})],v.prototype,`agents`,void 0),c([a()],v.prototype,`_id`,void 0),c([a()],v.prototype,`_name`,void 0),c([a()],v.prototype,`_scheduleKind`,void 0),c([a()],v.prototype,`_cronExpr`,void 0),c([a()],v.prototype,`_timezone`,void 0),c([a()],v.prototype,`_everyMs`,void 0),c([a()],v.prototype,`_atDateTime`,void 0),c([a()],v.prototype,`_enabled`,void 0),c([a()],v.prototype,`_agentId`,void 0),c([a()],v.prototype,`_message`,void 0),c([a()],v.prototype,`_maxConcurrent`,void 0),c([a()],v.prototype,`_sessionTarget`,void 0),c([a()],v.prototype,`_deliveryMode`,void 0),c([a()],v.prototype,`_deliveryChannelType`,void 0),c([a()],v.prototype,`_deliveryChannelId`,void 0),c([a()],v.prototype,`_nextRuns`,void 0),v=c([e(`ic-cron-editor`)],v);var y=[{id:`cron-jobs`,label:`Cron Jobs`},{id:`heartbeat`,label:`Heartbeat`},{id:`extracted-tasks`,label:`Extracted Tasks`}];function b(e){switch(e.kind){case`cron`:return e.expr??`cron`;case`every`:{let 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 x(e){return e<1e3?`${e}ms`:`${(e/1e3).toFixed(1)}s`}function S(e){return e<=0?`--`:new Date(e).toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function C(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 w(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}}var T=class extends r{constructor(...e){super(...e),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}static{this.styles=[o,i,n`
-      :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%;
-      }
-    `]}connectedCallback(){super.connectedCallback(),this._initSse()}disconnectedCallback(){super.disconnectedCallback();for(let e of this._rpcStatusUnsubs)e();this._rpcStatusUnsubs=[]}updated(e){if(e.has(`rpcClient`)&&this.rpcClient&&!this._jobsLoaded){this._loadAll();let e=this.rpcClient.onStatusChange(e=>{e===`connected`&&!this._jobsLoaded&&(this._error=``,this._loadAll())});this._rpcStatusUnsubs.push(e)}if((e.has(`routeParams`)||e.has(`_jobs`))&&this.routeParams.jobId&&this._jobsLoaded){let e=this._jobs.find(e=>e.id===this.routeParams.jobId);e&&!this._editorOpen&&(this._editingJob=e,this._editorOpen=!0,this._editorError=``)}e.has(`eventDispatcher`)&&this.eventDispatcher&&!this._sse&&this._initSse()}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new d(this,this.eventDispatcher,{"scheduler:job_started":e=>{let t=e,n={jobId:t.jobId,jobName:t.jobName??t.jobId,agentId:t.agentId??``,timestamp:t.timestamp??Date.now(),success:`pending`};this._executions=[n,...this._executions].slice(0,50)},"scheduler:job_completed":e=>{let t=e,n=this._executions.findIndex(e=>e.jobId===t.jobId&&e.success===`pending`);if(n>=0){let e=[...this._executions];e[n]={...e[n],success:t.success??!0,durationMs:t.durationMs,error:t.error,timestamp:t.timestamp??e[n].timestamp},this._executions=e}else{let e={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=[e,...this._executions].slice(0,50)}},"scheduler:heartbeat_delivered":e=>{let t=e,n={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=[n,...this._heartbeatDeliveries].slice(0,50)},"scheduler:heartbeat_alert":e=>{let t=e,n={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=[n,...this._heartbeatAlerts].slice(0,50),this._updateAgentFromAlert(n)},"scheduler:task_extracted":e=>{let t=e,n={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=[n,...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{let 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){let 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{let e=(await this.rpcClient.call(`config.read`,{section:`scheduler`}))?.heartbeat;e&&(this._heartbeatEnabled=e.enabled??!1,this._heartbeatIntervalMs=e.intervalMs??3e5)}catch{}}async _loadAgentIds(){if(this.rpcClient){try{let 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{let 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{let e=await this.rpcClient.call(`heartbeat.states`,{});this._heartbeatAgents=e?.agents??[]}catch{}}_updateAgentFromAlert(e){let t=this._heartbeatAgents.findIndex(t=>t.agentId===e.agentId);if(t<0)return;let n=[...this._heartbeatAgents];n[t]={...n[t],consecutiveErrors:e.consecutiveErrors,lastAlertMs:e.timestamp,lastErrorKind:e.classification},this._heartbeatAgents=n}_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;let t=e.detail;if(this._editorError=``,this._editingJob){let e=[...this._jobs],n=this._jobs.findIndex(e=>e.id===this._editingJob.id);if(n>=0){let e={...this._jobs[n],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},r=[...this._jobs];r[n]=e,this._jobs=r}try{await this.rpcClient.call(`cron.update`,{jobId:this._editingJob.id,_agentId:this._selectedAgentId,...t}),this._editorOpen=!1,this._editingJob=null}catch(t){this._jobs=e,this._editorError=t instanceof Error?t.message:`Failed to update job`}}else{let e={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,e];try{let n=await this.rpcClient.call(`cron.add`,{...t,_agentId:this._selectedAgentId,_deliveryTarget:t.deliveryTarget});if(n?.jobId&&n.jobId!==e.id){let t=this._jobs.findIndex(t=>t.id===e.id);if(t>=0){let e=[...this._jobs];e[t]={...e[t],id:n.jobId},this._jobs=e}}this._editorOpen=!1,this._editingJob=null}catch(t){this._jobs=this._jobs.filter(t=>t.id!==e.id),this._editorError=t instanceof Error?t.message:`Failed to create job`}}}async _handleDeleteJob(e){if(!this.rpcClient||!window.confirm(`Delete this job?`))return;let t=[...this._jobs];this._jobs=this._jobs.filter(t=>t.id!==e);try{await this.rpcClient.call(`cron.remove`,{jobId:e,_agentId:this._selectedAgentId})}catch(e){this._jobs=t,this._error=e instanceof Error?e.message:`Failed to delete job`}}async _handleToggleHeartbeat(){if(!this.rpcClient)return;let 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}),u.show(`Job triggered`,`success`)}catch(e){this._error=e instanceof Error?e.message:`Failed to run job`}}async _handleTriggerHeartbeat(e){if(this.rpcClient)try{await this.rpcClient.call(`heartbeat.trigger`,{agentId:e}),u.show(`Heartbeat triggered for `+e,`success`)}catch(e){this._error=e instanceof Error?e.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?w(this._editingJob):null}get _agentIds(){let e=new Set([...this._configAgentIds,...this._jobs.map(e=>e.agentId)]),t=Array.from(e);if(this._selectedAgentId){let e=t.indexOf(this._selectedAgentId);e>0&&(t.splice(e,1),t.unshift(this._selectedAgentId))}return t}_renderAgentSelector(){return this._configAgentIds.length<=1&&this._jobs.length===0?l:t`
-      <div class="agent-selector" role="radiogroup" aria-label="Select agent">
-        <span class="agent-selector-label">Agent:</span>
-        ${this._configAgentIds.map(e=>t`
-            <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(){return this._cronEnabled===null?l:t`
-      <div class="agent-status">
-        <span class=${this._cronEnabled?`status-dot status-dot--active`:`status-dot status-dot--inactive`}></span>
-        <span>${this._cronEnabled?`Cron scheduler running (${this._cronJobCount} job${this._cronJobCount===1?``:`s`})`:`Cron scheduler not enabled for '${this._selectedAgentId}'`}</span>
-      </div>
-    `}_renderJobRow(e){let n=e.enabled?e.consecutiveErrors>0?`status-dot status-dot--error`:`status-dot status-dot--active`:`status-dot status-dot--inactive`;return t`
-      <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">${b(e.schedule)}</div>
-        <div class="cell" role="cell">
-          ${e.lastRunAtMs&&e.lastRunAtMs>0?t`<ic-relative-time .timestamp=${e.lastRunAtMs}></ic-relative-time>`:`Never`}
-        </div>
-        <div class="cell" role="cell">
-          ${e.enabled&&e.nextRunAtMs&&e.nextRunAtMs>0?t`<ic-relative-time .timestamp=${e.nextRunAtMs}></ic-relative-time>`:`(off)`}
-        </div>
-        <div class="cell" role="cell">
-          <span class="status-info">
-            <span class=${n}></span>
-            ${e.consecutiveErrors>0?t`<span class="error-count">${e.consecutiveErrors} errors</span>`:l}
-          </span>
-        </div>
-        <div class="cell" role="cell">
-          ${e.deliveryTarget?t`<ic-tag variant="info">${e.deliveryTarget.channelType??`channel`}</ic-tag>`:t`<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=${t=>{t.stopPropagation(),this._handleRunJob(e.name||e.id)}}
-            >Run</button>
-            <button
-              class="btn-edit"
-              title="Edit this job"
-              @click=${t=>{t.stopPropagation(),this._openEditEditor(e)}}
-            >Edit</button>
-            <button
-              class="btn-delete"
-              @click=${t=>{t.stopPropagation(),this._handleDeleteJob(e.id)}}
-            >Delete</button>
-          </div>
-        </div>
-      </div>
-    `}_renderCronJobsTab(){return t`
-      ${this._renderAgentSelector()}
-      ${this._renderAgentStatus()}
-      ${this._loading?t`<ic-skeleton-view variant="list"></ic-skeleton-view>`:this._jobs.length===0?t`
-              <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>
-            `:t`
-              <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 t`
-      <div class="executions-section">
-        <h3>Recent Executions</h3>
-        ${this._executions.length===0?t`<div class="no-data">No recent executions</div>`:t`
-              <div class="execution-list">
-                ${this._executions.map(e=>t`
-                    <div class="execution-entry">
-                      <span class="exec-timestamp">${S(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?l:t`<span class="exec-duration">(${x(e.durationMs)})</span>`}
-                      ${e.error?t`<span class="exec-error">${e.error}</span>`:l}
-                    </div>
-                  `)}
-              </div>
-            `}
-      </div>
-    `}_renderHeartbeatTab(){if(this._heartbeatAgents.length===0)return this._heartbeatEnabled||this._heartbeats.length>0?t`
-          <div class="hb-summary-bar">
-            <span>Global heartbeat: ${this._heartbeatEnabled?`enabled`:`disabled`}</span>
-            <span>Interval: ${C(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>
-        `:t`
-        <ic-empty-state
-          icon="scheduler"
-          message="No heartbeat agents"
-          description="Configure heartbeat in agent settings to see per-agent status."
-        ></ic-empty-state>
-      `;let e=Date.now(),n=this._heartbeatAgents.filter(e=>e.enabled).length,r=this._heartbeatAgents.filter(t=>t.backoffUntilMs>e).length,i=this._heartbeatAgents.filter(e=>e.consecutiveErrors>0).length;return t`
-      <div class="hb-summary-bar">
-        <span>${n} agent${n===1?``:`s`} enabled</span>
-        ${r>0?t`<span class="alerts-highlight">${r} in backoff</span>`:l}
-        ${i>0?t`<span class="alerts-highlight">${i} with errors</span>`:l}
-      </div>
-
-      <div class="hb-card-grid">
-        ${this._heartbeatAgents.map(t=>this._renderHeartbeatCard(t,e))}
-      </div>
-
-      ${this._heartbeatAlerts.length>0?t`
-            <div class="hb-recent-section">
-              <h3>Recent Alerts</h3>
-              <div class="hb-event-list">
-                ${this._heartbeatAlerts.slice(0,20).map(e=>t`
-                    <div class="hb-event-entry">
-                      <span class="hb-event-ts">${S(e.timestamp)}</span>
-                      <span class="hb-event-agent">${e.agentId}</span>
-                      <ic-tag variant=${e.classification===`permanent`?`error`:`warning`}>${e.classification}</ic-tag>
-                      <span class="hb-event-reason">${e.reason}</span>
-                      ${e.backoffMs>0?t`<span class="hb-event-duration">(backoff ${C(e.backoffMs)})</span>`:l}
-                    </div>
-                  `)}
-              </div>
-            </div>
-          `:l}
-
-      ${this._heartbeatDeliveries.length>0?t`
-            <div class="hb-recent-section">
-              <h3>Recent Deliveries</h3>
-              <div class="hb-event-list">
-                ${this._heartbeatDeliveries.slice(0,20).map(e=>t`
-                    <div class="hb-event-entry">
-                      <span class="hb-event-ts">${S(e.timestamp)}</span>
-                      <span class="hb-event-agent">${e.agentId}</span>
-                      <ic-tag variant=${e.outcome===`delivered`?`success`:e.outcome===`failed`?`error`:`warning`}>${e.outcome}</ic-tag>
-                      <span>${e.channelType}</span>
-                      <span class="hb-event-duration">(${x(e.durationMs)})</span>
-                    </div>
-                  `)}
-              </div>
-            </div>
-          `:l}
-    `}_renderHeartbeatCard(e,n){let r=e.backoffUntilMs>n,i=e.consecutiveErrors>0,a=e.tickStartedAtMs>0,o,s;return e.enabled?r?(o=`backoff`,s=`warning`):i?(o=`error`,s=`error`):(o=`healthy`,s=`success`):(o=`disabled`,s=`default`),t`
-      <div class="hb-card">
-        <div class="hb-card-header">
-          <span class="hb-card-agent">${e.agentId}</span>
-          <ic-tag variant=${s}>${o}</ic-tag>
-        </div>
-        <div class="hb-card-row">
-          <span class="hb-card-label">Interval:</span>
-          <span>${C(e.intervalMs)}</span>
-        </div>
-        <div class="hb-card-row">
-          <span class="hb-card-label">Last run:</span>
-          ${e.lastRunMs>0?t`<ic-relative-time .timestamp=${e.lastRunMs}></ic-relative-time>`:t`<span>--</span>`}
-        </div>
-        <div class="hb-card-row">
-          <span class="hb-card-label">Next due:</span>
-          ${e.nextDueMs>0?t`<ic-relative-time .timestamp=${e.nextDueMs}></ic-relative-time>`:t`<span>--</span>`}
-        </div>
-        ${i?t`
-              <div class="hb-card-row">
-                <span class="hb-card-label">Errors:</span>
-                <span class="alerts-highlight">${e.consecutiveErrors}${e.lastErrorKind?` (${e.lastErrorKind})`:``}</span>
-              </div>
-            `:l}
-        ${a?t`<span class="hb-running-indicator">running...</span>`:l}
-        <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?t`
-        <ic-empty-state
-          icon="scheduler"
-          message="No extracted tasks"
-          description="Tasks will appear when agents extract them from conversations."
-        ></ic-empty-state>
-      `:t`
-      <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){let n=`priority-tag priority-tag--${e.priority}`;return t`
-      <div class="grid-row" role="row">
-        <div class="cell" role="cell">${e.title}</div>
-        <div class="cell" role="cell">
-          <span class=${n}>${e.priority}</span>
-        </div>
-        <div class="cell" role="cell">${e.status}</div>
-        <div class="cell" role="cell">
-          ${e.status===`pending`?t`
-                <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>
-              `:l}
-        </div>
-      </div>
-    `}_renderEditorOverlay(){return this._editorOpen?t`
-      <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?t`<div class="editor-error">${this._editorError}</div>`:l}
-        </div>
-      </div>
-    `:l}render(){return t`
-      <div class="scheduler-header">
-        <h2>Scheduler</h2>
-        <button class="btn-primary" @click=${()=>this._openCreateEditor()}>+ New Job</button>
-      </div>
-
-      ${this._error?t`<div class="error-message">${this._error}</div>`:l}
-
-      <ic-tabs
-        .tabs=${y}
-        .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([s({attribute:!1})],T.prototype,`rpcClient`,void 0),c([s({attribute:!1})],T.prototype,`routeParams`,void 0),c([s({attribute:!1})],T.prototype,`eventDispatcher`,void 0),c([a()],T.prototype,`_jobs`,void 0),c([a()],T.prototype,`_loading`,void 0),c([a()],T.prototype,`_error`,void 0),c([a()],T.prototype,`_activeTab`,void 0),c([a()],T.prototype,`_executions`,void 0),c([a()],T.prototype,`_heartbeats`,void 0),c([a()],T.prototype,`_heartbeatEnabled`,void 0),c([a()],T.prototype,`_heartbeatIntervalMs`,void 0),c([a()],T.prototype,`_extractedTasks`,void 0),c([a()],T.prototype,`_editorOpen`,void 0),c([a()],T.prototype,`_editingJob`,void 0),c([a()],T.prototype,`_editorError`,void 0),c([a()],T.prototype,`_configAgentIds`,void 0),c([a()],T.prototype,`_selectedAgentId`,void 0),c([a()],T.prototype,`_cronEnabled`,void 0),c([a()],T.prototype,`_cronJobCount`,void 0),c([a()],T.prototype,`_heartbeatAgents`,void 0),c([a()],T.prototype,`_heartbeatAlerts`,void 0),c([a()],T.prototype,`_heartbeatDeliveries`,void 0),T=c([e(`ic-scheduler-view`)],T);export{T as IcSchedulerView};