squidclaw 2026.4.20 → 2026.4.21

package/dist/control-ui/assets/sessions-GTAtxfEB.js

@@ -1,306 +0,0 @@
-import{A as k,t as f,d as i,i as K,v,f as p,M as S,I,P as U}from"./index-DhPAE7si.js";const F=["","off","minimal","low","medium","high","xhigh"],G=["","off","on"],_=[{value:"",label:"inherit"},{value:"off",label:"off (explicit)"},{value:"on",label:"on"},{value:"full",label:"full"}],V=[{value:"",label:"inherit"},{value:"on",label:"on"},{value:"off",label:"off"}],w=["","off","on","stream"],O=[10,25,50,100];function H(e){if(!e)return"";const t=v(e);return t==="z.ai"||t==="z-ai"?"zai":t}function A(e){return H(e)==="zai"}function j(e){return A(e)?G:F}function P(e,t){return t?e.includes(t)?[...e]:[...e,t]:[...e]}function N(e,t){return t?e.some(o=>o.value===t)?[...e]:[...e,{value:t,label:`${t} (custom)`}]:[...e]}function Q(e,t){return!t||!e||e==="off"?e:"on"}function q(e,t){return e?t&&e==="on"?"low":e:null}function Y(e,t){const o=v(t);return o?e.filter(c=>{const s=v(c.key),r=v(c.label),d=v(c.kind),l=v(c.displayName);return s.includes(o)||r.includes(o)||d.includes(o)||l.includes(o)}):e}function Z(e,t,o){const c=o==="asc"?1:-1;return[...e].toSorted((s,r)=>{let d=0;switch(t){case"key":d=(s.key??"").localeCompare(r.key??"");break;case"kind":d=(s.kind??"").localeCompare(r.kind??"");break;case"updated":{const l=s.updatedAt??0,u=r.updatedAt??0;d=l-u;break}case"tokens":{const l=s.totalTokens??s.inputTokens??s.outputTokens??0,u=r.totalTokens??r.inputTokens??r.outputTokens??0;d=l-u;break}}return d*c})}function J(e,t,o){const c=t*o;return e.slice(c,c+o)}function E(e){switch(e){case"manual":return"manual";case"auto-threshold":return"auto-threshold";case"overflow-retry":return"overflow retry";case"timeout-retry":return"timeout retry";default:return e}}function W(e){return typeof e.tokensBefore=="number"&&typeof e.tokensAfter=="number"&&Number.isFinite(e.tokensBefore)&&Number.isFinite(e.tokensAfter)?`${e.tokensBefore.toLocaleString()} → ${e.tokensAfter.toLocaleString()} tokens`:typeof e.tokensBefore=="number"&&Number.isFinite(e.tokensBefore)?`${e.tokensBefore.toLocaleString()} tokens before`:"token delta unavailable"}function te(e){const t=e.result?.sessions??[],o=Y(t,e.searchQuery),c=Z(o,e.sortColumn,e.sortDir),s=c.length,r=Math.max(1,Math.ceil(s/e.pageSize)),d=Math.min(e.page,r-1),l=J(c,d,e.pageSize),u=(n,h,y="")=>{const g=e.sortColumn===n,m=g&&e.sortDir==="asc"?"desc":"asc";return i`
-      <th
-        class=${y}
-        data-sortable
-        data-sort-dir=${g?e.sortDir:""}
-        @click=${()=>e.onSortChange(n,g?m:"desc")}
-      >
-        ${h}
-        <span class="data-table-sort-icon">${K.arrowUpDown}</span>
-      </th>
-    `};return i`
-    <section class="card">
-      <div class="row" style="justify-content: space-between; margin-bottom: 12px;">
-        <div>
-          <div class="card-title">Sessions</div>
-          <div class="card-sub">
-            ${e.result?`Store: ${e.result.path}`:"Active session keys and per-session overrides."}
-          </div>
-        </div>
-        <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-          ${e.loading?f("common.loading"):f("common.refresh")}
-        </button>
-      </div>
-
-      <div class="filters" style="margin-bottom: 12px;">
-        <label class="field-inline">
-          <span>Active</span>
-          <input
-            style="width: 72px;"
-            placeholder="min"
-            .value=${e.activeMinutes}
-            @input=${n=>e.onFiltersChange({activeMinutes:n.target.value,limit:e.limit,includeGlobal:e.includeGlobal,includeUnknown:e.includeUnknown})}
-          />
-        </label>
-        <label class="field-inline">
-          <span>Limit</span>
-          <input
-            style="width: 64px;"
-            .value=${e.limit}
-            @input=${n=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:n.target.value,includeGlobal:e.includeGlobal,includeUnknown:e.includeUnknown})}
-          />
-        </label>
-        <label class="field-inline checkbox">
-          <input
-            type="checkbox"
-            .checked=${e.includeGlobal}
-            @change=${n=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:e.limit,includeGlobal:n.target.checked,includeUnknown:e.includeUnknown})}
-          />
-          <span>Global</span>
-        </label>
-        <label class="field-inline checkbox">
-          <input
-            type="checkbox"
-            .checked=${e.includeUnknown}
-            @change=${n=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:e.limit,includeGlobal:e.includeGlobal,includeUnknown:n.target.checked})}
-          />
-          <span>Unknown</span>
-        </label>
-      </div>
-
-      ${e.error?i`<div class="callout danger" style="margin-bottom: 12px;">${e.error}</div>`:k}
-
-      <div class="data-table-wrapper">
-        <div class="data-table-toolbar">
-          <div class="data-table-search">
-            <input
-              type="text"
-              placeholder="Filter by key, label, kind…"
-              .value=${e.searchQuery}
-              @input=${n=>e.onSearchChange(n.target.value)}
-            />
-          </div>
-        </div>
-
-        ${e.selectedKeys.size>0?i`
-              <div class="data-table-bulk-bar">
-                <span>${e.selectedKeys.size} selected</span>
-                <button class="btn btn--sm" @click=${e.onDeselectAll}>
-                  ${f("common.unselect")}
-                </button>
-                <button
-                  class="btn btn--sm danger"
-                  ?disabled=${e.loading}
-                  @click=${e.onDeleteSelected}
-                >
-                  ${K.trash} Delete
-                </button>
-              </div>
-            `:k}
-
-        <div class="data-table-container">
-          <table class="data-table">
-            <thead>
-              <tr>
-                <th class="data-table-checkbox-col">
-                  ${l.length>0?i`<input
-                        type="checkbox"
-                        .checked=${l.length>0&&l.every(n=>e.selectedKeys.has(n.key))}
-                        .indeterminate=${l.some(n=>e.selectedKeys.has(n.key))&&!l.every(n=>e.selectedKeys.has(n.key))}
-                        @change=${()=>{l.every(h=>e.selectedKeys.has(h.key))?e.onDeselectPage(l.map(h=>h.key)):e.onSelectPage(l.map(h=>h.key))}}
-                        aria-label="Select all on page"
-                      />`:k}
-                </th>
-                ${u("key","Key","data-table-key-col")}
-                <th>Label</th>
-                ${u("kind","Kind")} ${u("updated","Updated")}
-                ${u("tokens","Tokens")}
-                <th>Compaction</th>
-                <th>Thinking</th>
-                <th>Fast</th>
-                <th>Verbose</th>
-                <th>Reasoning</th>
-              </tr>
-            </thead>
-            <tbody>
-              ${l.length===0?i`
-                    <tr>
-                      <td
-                        colspan="11"
-                        style="text-align: center; padding: 48px 16px; color: var(--muted)"
-                      >
-                        No sessions found.
-                      </td>
-                    </tr>
-                  `:l.flatMap(n=>X(n,e))}
-            </tbody>
-          </table>
-        </div>
-
-        ${s>0?i`
-              <div class="data-table-pagination">
-                <div class="data-table-pagination__info">
-                  ${d*e.pageSize+1}-${Math.min((d+1)*e.pageSize,s)}
-                  of ${s} row${s===1?"":"s"}
-                </div>
-                <div class="data-table-pagination__controls">
-                  <select
-                    style="height: 32px; padding: 0 8px; font-size: 13px; border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--card);"
-                    .value=${String(e.pageSize)}
-                    @change=${n=>e.onPageSizeChange(Number(n.target.value))}
-                  >
-                    ${O.map(n=>i`<option value=${n}>${n} per page</option>`)}
-                  </select>
-                  <button ?disabled=${d<=0} @click=${()=>e.onPageChange(d-1)}>
-                    Previous
-                  </button>
-                  <button
-                    ?disabled=${d>=r-1}
-                    @click=${()=>e.onPageChange(d+1)}
-                  >
-                    Next
-                  </button>
-                </div>
-              </div>
-            `:k}
-      </div>
-    </section>
-  `}function X(e,t){const o=e.updatedAt?p(e.updatedAt):f("common.na"),c=e.thinkingLevel??"",s=A(e.modelProvider),r=Q(c,s),d=P(j(e.modelProvider),r),l=e.fastMode===!0?"on":e.fastMode===!1?"off":"",u=N(V,l),n=e.verboseLevel??"",h=N(_,n),y=e.reasoningLevel??"",g=P(w,y),m=e.latestCompactionCheckpoint,x=e.compactionCheckpointCount??0,L=t.expandedCheckpointKey===e.key,C=t.checkpointItemsByKey[e.key]??[],z=t.checkpointErrorByKey[e.key],$=S(e.displayName)??null,M=S(e.label)??"",B=!!($&&$!==e.key&&$!==M),T=e.kind!=="global",R=T?`${I("chat",t.basePath)}?session=${encodeURIComponent(e.key)}`:null,D=e.kind==="direct"?"data-table-badge--direct":e.kind==="group"?"data-table-badge--group":e.kind==="global"?"data-table-badge--global":"data-table-badge--unknown";return[i`<tr>
-      <td class="data-table-checkbox-col">
-        <input
-          type="checkbox"
-          .checked=${t.selectedKeys.has(e.key)}
-          @change=${()=>t.onToggleSelect(e.key)}
-          aria-label="Select session"
-        />
-      </td>
-      <td class="data-table-key-col">
-        <div class="mono session-key-cell">
-          ${T?i`<a
-                href=${R}
-                class="session-link"
-                @click=${a=>{a.defaultPrevented||a.button!==0||a.metaKey||a.ctrlKey||a.shiftKey||a.altKey||t.onNavigateToChat&&(a.preventDefault(),t.onNavigateToChat(e.key))}}
-                >${e.key}</a
-              >`:e.key}
-          ${B?i`<span class="muted session-key-display-name">${$}</span>`:k}
-        </div>
-      </td>
-      <td>
-        <input
-          .value=${e.label??""}
-          ?disabled=${t.loading}
-          placeholder="(optional)"
-          style="width: 100%; max-width: 140px; padding: 6px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: var(--radius-sm);"
-          @change=${a=>{const b=S(a.target.value)??null;t.onPatch(e.key,{label:b})}}
-        />
-      </td>
-      <td>
-        <span class="data-table-badge ${D}">${e.kind}</span>
-      </td>
-      <td>${o}</td>
-      <td>${U(e)}</td>
-      <td>
-        <div style="display: grid; gap: 6px;">
-          <span class="muted" style="font-size: 12px;">
-            ${x>0?`${x} checkpoint${x===1?"":"s"}`:"none"}
-          </span>
-          ${m?i`
-                <span style="font-size: 12px;">
-                  ${E(m.reason)} ·
-                  ${p(m.createdAt)}
-                </span>
-              `:k}
-          <button
-            class="btn btn--sm"
-            ?disabled=${t.checkpointLoadingKey===e.key}
-            @click=${()=>t.onToggleCheckpointDetails(e.key)}
-          >
-            ${L?"Hide checkpoints":"Show checkpoints"}
-          </button>
-        </div>
-      </td>
-      <td>
-        <select
-          ?disabled=${t.loading}
-          style="padding: 6px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: var(--radius-sm); min-width: 90px;"
-          @change=${a=>{const b=a.target.value;t.onPatch(e.key,{thinkingLevel:q(b,s)})}}
-        >
-          ${d.map(a=>i`<option value=${a} ?selected=${r===a}>
-                ${a||"inherit"}
-              </option>`)}
-        </select>
-      </td>
-      <td>
-        <select
-          ?disabled=${t.loading}
-          style="padding: 6px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: var(--radius-sm); min-width: 90px;"
-          @change=${a=>{const b=a.target.value;t.onPatch(e.key,{fastMode:b===""?null:b==="on"})}}
-        >
-          ${u.map(a=>i`<option value=${a.value} ?selected=${l===a.value}>
-                ${a.label}
-              </option>`)}
-        </select>
-      </td>
-      <td>
-        <select
-          ?disabled=${t.loading}
-          style="padding: 6px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: var(--radius-sm); min-width: 90px;"
-          @change=${a=>{const b=a.target.value;t.onPatch(e.key,{verboseLevel:b||null})}}
-        >
-          ${h.map(a=>i`<option value=${a.value} ?selected=${n===a.value}>
-                ${a.label}
-              </option>`)}
-        </select>
-      </td>
-      <td>
-        <select
-          ?disabled=${t.loading}
-          style="padding: 6px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: var(--radius-sm); min-width: 90px;"
-          @change=${a=>{const b=a.target.value;t.onPatch(e.key,{reasoningLevel:b||null})}}
-        >
-          ${g.map(a=>i`<option value=${a} ?selected=${y===a}>
-                ${a||"inherit"}
-              </option>`)}
-        </select>
-      </td>
-    </tr>`,...L?[i`<tr>
-            <td colspan="11" style="padding: 0;">
-              <div
-                style="padding: 14px 16px; border-top: 1px solid var(--border); background: var(--surface-2, rgba(127, 127, 127, 0.05));"
-              >
-                ${t.checkpointLoadingKey===e.key?i`<div class="muted">Loading checkpoints…</div>`:z?i`<div class="callout danger">${z}</div>`:C.length===0?i`<div class="muted">
-                          No compaction checkpoints recorded for this session.
-                        </div>`:i`
-                          <div style="display: grid; gap: 10px;">
-                            ${C.map(a=>i`
-                                <div
-                                  style="border: 1px solid var(--border); border-radius: var(--radius-md); padding: 12px; display: grid; gap: 8px;"
-                                >
-                                  <div
-                                    style="display: flex; gap: 8px; justify-content: space-between; align-items: center; flex-wrap: wrap;"
-                                  >
-                                    <strong>
-                                      ${E(a.reason)} ·
-                                      ${p(a.createdAt)}
-                                    </strong>
-                                    <span class="muted" style="font-size: 12px;">
-                                      ${W(a)}
-                                    </span>
-                                  </div>
-                                  ${a.summary?i`<div style="white-space: pre-wrap;">
-                                        ${a.summary}
-                                      </div>`:i`<div class="muted">No summary captured.</div>`}
-                                  <div style="display: flex; gap: 8px; flex-wrap: wrap;">
-                                    <button
-                                      class="btn btn--sm"
-                                      ?disabled=${t.checkpointBusyKey===a.checkpointId}
-                                      @click=${()=>t.onBranchFromCheckpoint(e.key,a.checkpointId)}
-                                    >
-                                      Branch from checkpoint
-                                    </button>
-                                    <button
-                                      class="btn btn--sm"
-                                      ?disabled=${t.checkpointBusyKey===a.checkpointId}
-                                      @click=${()=>t.onRestoreCheckpoint(e.key,a.checkpointId)}
-                                    >
-                                      Restore
-                                    </button>
-                                  </div>
-                                </div>
-                              `)}
-                          </div>
-                        `}
-              </div>
-            </td>
-          </tr>`]:[]]}export{te as renderSessions};
-//# sourceMappingURL=sessions-GTAtxfEB.js.map

package/dist/control-ui/assets/skills-DpZc5iVN.js

@@ -1,314 +0,0 @@
-import{v as m,A as i,t as g,d as a,N as $,Q as p,R as h}from"./index-DhPAE7si.js";import{g as w,c as x,a as S,r as k}from"./skills-shared-u4L48xHn.js";function y(e){return e?h(e,window.location.href):null}const D=[{id:"all",label:"All"},{id:"ready",label:"Ready"},{id:"needs-setup",label:"Needs Setup"},{id:"disabled",label:"Disabled"}];function C(e,l){switch(l){case"all":return!0;case"ready":return!e.disabled&&e.eligible;case"needs-setup":return!e.disabled&&!e.eligible;case"disabled":return e.disabled}}function f(e){return e.disabled?"muted":e.eligible?"ok":"warn"}function E(e){const l=e.report?.skills??[],s={all:l.length,ready:0,"needs-setup":0,disabled:0};for(const t of l)t.disabled?s.disabled++:t.eligible?s.ready++:s["needs-setup"]++;const n=e.statusFilter==="all"?l:l.filter(t=>C(t,e.statusFilter)),o=m(e.filter),c=o?n.filter(t=>m([t.name,t.description,t.source].join(" ")).includes(o)):n,u=w(c),r=e.detailKey?l.find(t=>t.skillKey===e.detailKey)??null:null;return a`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Skills</div>
-          <div class="card-sub">Installed skills and their status.</div>
-        </div>
-        <button
-          class="btn"
-          ?disabled=${e.loading||!e.connected}
-          @click=${e.onRefresh}
-        >
-          ${e.loading?g("common.loading"):g("common.refresh")}
-        </button>
-      </div>
-
-      <div class="agent-tabs" style="margin-top: 14px;">
-        ${D.map(t=>a`
-            <button
-              class="agent-tab ${e.statusFilter===t.id?"active":""}"
-              @click=${()=>e.onStatusFilterChange(t.id)}
-            >
-              ${t.label}<span class="agent-tab-count">${s[t.id]}</span>
-            </button>
-          `)}
-      </div>
-
-      <div
-        class="filters"
-        style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px;"
-      >
-        <label class="field" style="flex: 1; min-width: 180px;">
-          <input
-            .value=${e.filter}
-            @input=${t=>e.onFilterChange(t.target.value)}
-            placeholder="Filter installed skills"
-            autocomplete="off"
-            name="skills-filter"
-          />
-        </label>
-        <div class="muted">${c.length} shown</div>
-      </div>
-
-      <div style="margin-top: 16px; border-top: 1px solid var(--border); padding-top: 16px;">
-        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
-          <div style="font-weight: 600;">ClawHub</div>
-          <div class="muted" style="font-size: 13px;">
-            Search and install skills from the registry
-          </div>
-        </div>
-        <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
-          <label class="field" style="flex: 1; min-width: 180px;">
-            <input
-              .value=${e.clawhubQuery}
-              @input=${t=>e.onClawHubQueryChange(t.target.value)}
-              placeholder="Search ClawHub skills…"
-              autocomplete="off"
-              name="clawhub-search"
-            />
-          </label>
-          ${e.clawhubSearchLoading?a`<span class="muted">Searching…</span>`:i}
-        </div>
-        ${e.clawhubSearchError?a`<div class="callout danger" style="margin-top: 8px;">
-              ${e.clawhubSearchError}
-            </div>`:i}
-        ${e.clawhubInstallMessage?a`<div
-              class="callout ${e.clawhubInstallMessage.kind==="error"?"danger":"success"}"
-              style="margin-top: 8px;"
-            >
-              ${e.clawhubInstallMessage.text}
-            </div>`:i}
-        ${_(e)}
-      </div>
-
-      ${e.error?a`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:i}
-      ${c.length===0?a`
-            <div class="muted" style="margin-top: 16px">
-              ${!e.connected&&!e.report?"Not connected to gateway.":"No skills found."}
-            </div>
-          `:a`
-            <div class="agent-skills-groups" style="margin-top: 16px;">
-              ${u.map(t=>a`
-                  <details class="agent-skills-group" open>
-                    <summary class="agent-skills-header">
-                      <span>${t.label}</span>
-                      <span class="muted">${t.skills.length}</span>
-                    </summary>
-                    <div class="list skills-grid">
-                      ${t.skills.map(v=>K(v,e))}
-                    </div>
-                  </details>
-                `)}
-            </div>
-          `}
-    </section>
-
-    ${r?z(r,e):i}
-    ${e.clawhubDetailSlug?I(e):i}
-  `}function _(e){const l=e.clawhubResults;return l?l.length===0?a`<div class="muted" style="margin-top: 8px;">No skills found on ClawHub.</div>`:a`
-    <div class="list" style="margin-top: 8px;">
-      ${l.map(s=>a`
-          <div
-            class="list-item list-item-clickable"
-            @click=${()=>e.onClawHubDetailOpen(s.slug)}
-          >
-            <div class="list-main">
-              <div class="list-title">${s.displayName}</div>
-              <div class="list-sub">${s.summary?$(s.summary,120):s.slug}</div>
-            </div>
-            <div class="list-meta" style="display: flex; align-items: center; gap: 8px;">
-              ${s.version?a`<span class="muted" style="font-size: 12px;">v${s.version}</span>`:i}
-              <button
-                class="btn btn--sm"
-                ?disabled=${e.clawhubInstallSlug!==null}
-                @click=${n=>{n.stopPropagation(),e.onClawHubInstall(s.slug)}}
-              >
-                ${e.clawhubInstallSlug===s.slug?"Installing…":"Install"}
-              </button>
-            </div>
-          </div>
-        `)}
-    </div>
-  `:i}function I(e){const l=e.clawhubDetail;return a`
-    <dialog
-      class="md-preview-dialog"
-      ${p(n=>{!(n instanceof HTMLDialogElement)||n.open||n.showModal()})}
-      @click=${n=>{const o=n.currentTarget;n.target===o&&o.close()}}
-      @close=${e.onClawHubDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div class="md-preview-dialog__title">
-            ${l?.skill?.displayName??e.clawhubDetailSlug}
-          </div>
-          <button
-            class="btn btn--sm"
-            @click=${n=>{n.currentTarget.closest("dialog")?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          ${e.clawhubDetailLoading?a`<div class="muted">${g("common.loading")}</div>`:e.clawhubDetailError?a`<div class="callout danger">${e.clawhubDetailError}</div>`:l?.skill?a`
-                    <div style="font-size: 14px; line-height: 1.5;">
-                      ${l.skill.summary??""}
-                    </div>
-                    ${l.owner?.displayName?a`<div class="muted" style="font-size: 13px;">
-                          By
-                          ${l.owner.displayName}${l.owner.handle?a` (@${l.owner.handle})`:i}
-                        </div>`:i}
-                    ${l.latestVersion?a`<div class="muted" style="font-size: 13px;">
-                          Latest: v${l.latestVersion.version}
-                        </div>`:i}
-                    ${l.latestVersion?.changelog?a`<div
-                          style="font-size: 13px; border-top: 1px solid var(--border); padding-top: 12px; white-space: pre-wrap;"
-                        >
-                          ${l.latestVersion.changelog}
-                        </div>`:i}
-                    ${l.metadata?.os?a`<div class="muted" style="font-size: 12px;">
-                          Platforms: ${l.metadata.os.join(", ")}
-                        </div>`:i}
-                    <button
-                      class="btn primary"
-                      ?disabled=${e.clawhubInstallSlug!==null}
-                      @click=${()=>{e.clawhubDetailSlug&&e.onClawHubInstall(e.clawhubDetailSlug)}}
-                    >
-                      ${e.clawhubInstallSlug===e.clawhubDetailSlug?"Installing…":`Install ${l.skill.displayName}`}
-                    </button>
-                  `:a`<div class="muted">Skill not found.</div>`}
-        </div>
-      </div>
-    </dialog>
-  `}function K(e,l){const s=l.busyKey===e.skillKey,n=f(e);return a`
-    <div class="list-item list-item-clickable" @click=${()=>l.onDetailOpen(e.skillKey)}>
-      <div class="list-main">
-        <div class="list-title" style="display: flex; align-items: center; gap: 8px;">
-          <span class="statusDot ${n}"></span>
-          ${e.emoji?a`<span>${e.emoji}</span>`:i}
-          <span>${e.name}</span>
-        </div>
-        <div class="list-sub">${$(e.description,140)}</div>
-      </div>
-      <div
-        class="list-meta"
-        style="display: flex; align-items: center; justify-content: flex-end; gap: 10px;"
-      >
-        <label class="skill-toggle-wrap" @click=${o=>o.stopPropagation()}>
-          <input
-            type="checkbox"
-            class="skill-toggle"
-            .checked=${!e.disabled}
-            ?disabled=${s}
-            @change=${o=>{o.stopPropagation(),l.onToggle(e.skillKey,e.disabled)}}
-          />
-        </label>
-      </div>
-    </div>
-  `}function z(e,l){const s=l.busyKey===e.skillKey,n=l.edits[e.skillKey]??"",o=l.messages[e.skillKey]??null,c=e.install.length>0&&e.missing.bins.length>0,u=!!(e.bundled&&e.source!=="squidclaw-bundled"),r=x(e),t=S(e);return a`
-    <dialog
-      class="md-preview-dialog"
-      ${p(d=>{!(d instanceof HTMLDialogElement)||d.open||d.showModal()})}
-      @click=${d=>{const b=d.currentTarget;d.target===b&&b.close()}}
-      @close=${l.onDetailClose}
-    >
-      <div class="md-preview-dialog__panel">
-        <div class="md-preview-dialog__header">
-          <div
-            class="md-preview-dialog__title"
-            style="display: flex; align-items: center; gap: 8px;"
-          >
-            <span class="statusDot ${f(e)}"></span>
-            ${e.emoji?a`<span style="font-size: 18px;">${e.emoji}</span>`:i}
-            <span>${e.name}</span>
-          </div>
-          <button
-            class="btn btn--sm"
-            @click=${d=>{d.currentTarget.closest("dialog")?.close()}}
-          >
-            Close
-          </button>
-        </div>
-        <div class="md-preview-dialog__body" style="display: grid; gap: 16px;">
-          <div>
-            <div style="font-size: 14px; line-height: 1.5; color: var(--text);">
-              ${e.description}
-            </div>
-            ${k({skill:e,showBundledBadge:u})}
-          </div>
-
-          ${r.length>0?a`
-                <div
-                  class="callout"
-                  style="border-color: var(--warn-subtle); background: var(--warn-subtle); color: var(--warn);"
-                >
-                  <div style="font-weight: 600; margin-bottom: 4px;">Missing requirements</div>
-                  <div>${r.join(", ")}</div>
-                </div>
-              `:i}
-          ${t.length>0?a`
-                <div class="muted" style="font-size: 13px;">Reason: ${t.join(", ")}</div>
-              `:i}
-
-          <div style="display: flex; align-items: center; gap: 12px;">
-            <label class="skill-toggle-wrap">
-              <input
-                type="checkbox"
-                class="skill-toggle"
-                .checked=${!e.disabled}
-                ?disabled=${s}
-                @change=${()=>l.onToggle(e.skillKey,e.disabled)}
-              />
-            </label>
-            <span style="font-size: 13px; font-weight: 500;">
-              ${e.disabled?"Disabled":"Enabled"}
-            </span>
-            ${c?a`<button
-                  class="btn"
-                  ?disabled=${s}
-                  @click=${()=>l.onInstall(e.skillKey,e.name,e.install[0].id)}
-                >
-                  ${s?"Installing…":e.install[0].label}
-                </button>`:i}
-          </div>
-
-          ${o?a`<div class="callout ${o.kind==="error"?"danger":"success"}">
-                ${o.message}
-              </div>`:i}
-          ${e.primaryEnv?a`
-                <div style="display: grid; gap: 8px;">
-                  <div class="field">
-                    <span
-                      >API key
-                      <span class="muted" style="font-weight: normal; font-size: 0.88em;"
-                        >(${e.primaryEnv})</span
-                      ></span
-                    >
-                    <input
-                      type="password"
-                      .value=${n}
-                      @input=${d=>l.onEdit(e.skillKey,d.target.value)}
-                    />
-                  </div>
-                  ${(()=>{const d=y(e.homepage);return d?a`<div class="muted" style="font-size: 13px;">
-                          Get your key:
-                          <a href="${d}" target="_blank" rel="noopener noreferrer"
-                            >${e.homepage}</a
-                          >
-                        </div>`:i})()}
-                  <button
-                    class="btn primary"
-                    ?disabled=${s}
-                    @click=${()=>l.onSaveKey(e.skillKey)}
-                  >
-                    Save key
-                  </button>
-                </div>
-              `:i}
-
-          <div
-            style="border-top: 1px solid var(--border); padding-top: 12px; display: grid; gap: 6px; font-size: 12px; color: var(--muted);"
-          >
-            <div><span style="font-weight: 600;">Source:</span> ${e.source}</div>
-            <div style="font-family: var(--mono); word-break: break-all;">${e.filePath}</div>
-            ${(()=>{const d=y(e.homepage);return d?a`<div>
-                    <a href="${d}" target="_blank" rel="noopener noreferrer"
-                      >${e.homepage}</a
-                    >
-                  </div>`:i})()}
-          </div>
-        </div>
-      </div>
-    </dialog>
-  `}export{E as renderSkills};
-//# sourceMappingURL=skills-DpZc5iVN.js.map

package/dist/control-ui/assets/skills-shared-u4L48xHn.js

@@ -1,11 +0,0 @@
-import{A as t,d as o}from"./index-DhPAE7si.js";const e=[{id:"workspace",label:"Workspace Skills",sources:["squidclaw-workspace"]},{id:"built-in",label:"Built-in Skills",sources:["squidclaw-bundled"]},{id:"installed",label:"Installed Skills",sources:["squidclaw-managed"]},{id:"extra",label:"Extra Skills",sources:["squidclaw-extra"]}];function p(i){const s=new Map;for(const l of e)s.set(l.id,{id:l.id,label:l.label,skills:[]});const n=e.find(l=>l.id==="built-in"),a={id:"other",label:"Other Skills",skills:[]};for(const l of i){const d=l.bundled?n:e.find(r=>r.sources.includes(l.source));d?s.get(d.id)?.skills.push(l):a.skills.push(l)}const c=e.map(l=>s.get(l.id)).filter(l=>!!(l&&l.skills.length>0));return a.skills.length>0&&c.push(a),c}function b(i){return[...i.missing.bins.map(s=>`bin:${s}`),...i.missing.env.map(s=>`env:${s}`),...i.missing.config.map(s=>`config:${s}`),...i.missing.os.map(s=>`os:${s}`)]}function h(i){const s=[];return i.disabled&&s.push("disabled"),i.blockedByAllowlist&&s.push("blocked by allowlist"),s}function k(i){const s=i.skill,n=!!i.showBundledBadge;return o`
-    <div class="chip-row" style="margin-top: 6px;">
-      <span class="chip">${s.source}</span>
-      ${n?o` <span class="chip">bundled</span> `:t}
-      <span class="chip ${s.eligible?"chip-ok":"chip-warn"}">
-        ${s.eligible?"eligible":"blocked"}
-      </span>
-      ${s.disabled?o` <span class="chip chip-warn">disabled</span> `:t}
-    </div>
-  `}export{h as a,b as c,p as g,k as r};
-//# sourceMappingURL=skills-shared-u4L48xHn.js.map