@askdkc/kiokuko 0.1.16 → 0.1.19

package/dist/web/ui.js

@@ -10,6 +10,93 @@ const WEB_I18N_CONFIG = JSON.stringify({
     .replaceAll('>', '\\u003e')
     .replaceAll('\u2028', '\\u2028')
     .replaceAll('\u2029', '\\u2029');
+/** Strict client-boundary decoder for the bounded external-skill list shape. */
+export function externalSkillListItemIsValid(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value))
+        return false;
+    const skill = value;
+    const fields = new Set([
+        'skillId', 'provider', 'sourceType', 'sourceLocator', 'slug', 'name', 'installUrl',
+        'officialStatus', 'duplicate', 'installs', 'state', 'sourceWorkspace', 'sourceCommit',
+        'snapshotHash', 'metadata', 'auditStatus', 'generation', 'firstSeenAt', 'lastSeenAt',
+        'lastCheckedAt', 'disabledAt',
+    ]);
+    const text = (item, maximum) => typeof item === 'string'
+        && item.length >= 1 && item.length <= maximum && item === item.trim() && !/[\u0000-\u001f\u007f]/u.test(item);
+    const timestamp = (item) => {
+        if (typeof item !== 'string')
+            return false;
+        const parsed = Date.parse(item);
+        return Number.isFinite(parsed) && new Date(parsed).toISOString() === item;
+    };
+    const metadata = skill.metadata;
+    const sourceLocator = skill.sourceLocator;
+    const slug = skill.slug;
+    const sourceCommit = skill.sourceCommit;
+    const snapshotHash = skill.snapshotHash;
+    const disabledAt = skill.disabledAt;
+    const officialStatus = skill.officialStatus;
+    const state = skill.state;
+    const auditStatus = skill.auditStatus;
+    if (Object.keys(skill).length !== fields.size || Object.keys(skill).some((field) => !fields.has(field))
+        || !text(skill.skillId, 500) || !text(skill.provider, 50) || !/^[A-Za-z0-9_.-]+$/u.test(skill.provider)
+        || skill.sourceType !== 'github'
+        || typeof sourceLocator !== 'string' || !/^[a-z0-9_.-]{1,100}\/[a-z0-9_.-]{1,100}$/u.test(sourceLocator)
+        || typeof slug !== 'string' || !/^[A-Za-z0-9_.\-/]{1,240}$/u.test(slug)
+        || slug.split('/').some((part) => part === '' || part === '.' || part === '..')
+        || skill.skillId !== `github:${sourceLocator}:${slug}`
+        || !text(skill.name, 500)
+        || skill.installUrl !== null && skill.installUrl !== `https://github.com/${sourceLocator}`
+        || typeof officialStatus !== 'string'
+        || !['curated', 'catalog-verified', 'owner-verified', 'registry-only', 'unknown'].includes(officialStatus)
+        || typeof skill.duplicate !== 'boolean'
+        || typeof skill.installs !== 'number' || !Number.isSafeInteger(skill.installs) || skill.installs < 0
+        || typeof state !== 'string'
+        || !['discovered', 'imported', 'blocked', 'stale', 'disabled'].includes(state)
+        || !text(skill.sourceWorkspace, 240)
+        || sourceCommit !== null && (typeof sourceCommit !== 'string' || !/^(?:[0-9a-f]{40}|[0-9a-f]{64})$/u.test(sourceCommit))
+        || snapshotHash !== null && (typeof snapshotHash !== 'string' || !/^[0-9a-f]{64}$/u.test(snapshotHash))
+        || (sourceCommit === null) !== (snapshotHash === null)
+        || typeof metadata !== 'object' || metadata === null || Array.isArray(metadata)
+        || Object.keys(metadata).length !== 2 || !Object.hasOwn(metadata, 'documents') || !Object.hasOwn(metadata, 'technology')
+        || typeof metadata.documents !== 'number'
+        || !Number.isSafeInteger(metadata.documents)
+        || metadata.documents < 0
+        || metadata.documents > 64
+        || metadata.technology !== null && !text(metadata.technology, 500)
+        || typeof auditStatus !== 'string'
+        || !['not-required', 'passed', 'failed', 'unavailable'].includes(auditStatus)
+        || typeof skill.generation !== 'number' || !Number.isSafeInteger(skill.generation) || skill.generation < 1
+        || !timestamp(skill.firstSeenAt) || !timestamp(skill.lastSeenAt) || !timestamp(skill.lastCheckedAt)
+        || disabledAt !== null && !timestamp(disabledAt)
+        || skill.firstSeenAt > skill.lastSeenAt
+        || skill.firstSeenAt > skill.lastCheckedAt
+        || disabledAt !== null && disabledAt < skill.firstSeenAt
+        || sourceCommit === null && (['imported', 'disabled'].includes(state) || disabledAt !== null)
+        || sourceCommit !== null && !['imported', 'disabled', 'stale', 'blocked'].includes(state)
+        || state === 'imported' && disabledAt !== null
+        || state === 'disabled' && disabledAt === null
+        || sourceCommit === null && (metadata.documents !== 0 || metadata.technology !== null)
+        || sourceCommit !== null && (metadata.documents === 0 || !text(metadata.technology, 500)))
+        return false;
+    return true;
+}
+/** Strict client-boundary decoder for one external-skill mapping summary. */
+export function externalSkillEntrySummaryIsValid(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value))
+        return false;
+    const entry = value;
+    const fields = new Set(['entryId', 'revision', 'sourcePath', 'chunkIndex', 'primary', 'active']);
+    return Object.keys(entry).length === fields.size
+        && Object.keys(entry).every((field) => fields.has(field))
+        && typeof entry.entryId === 'string' && entry.entryId.length >= 1 && entry.entryId.length <= 500 && entry.entryId === entry.entryId.trim()
+        && typeof entry.revision === 'number' && Number.isSafeInteger(entry.revision) && entry.revision >= 1
+        && typeof entry.sourcePath === 'string' && entry.sourcePath.length >= 1 && entry.sourcePath.length <= 2_000
+        && /^[A-Za-z0-9_.\-/]+$/u.test(entry.sourcePath) && !entry.sourcePath.startsWith('/')
+        && !entry.sourcePath.split('/').some((part) => part === '' || part === '.' || part === '..')
+        && typeof entry.chunkIndex === 'number' && Number.isSafeInteger(entry.chunkIndex) && entry.chunkIndex >= 0
+        && typeof entry.primary === 'boolean' && typeof entry.active === 'boolean';
+}
 export const WEB_HTML = String.raw `<!doctype html>
 <html lang="en">
 <head>
@@ -65,11 +152,18 @@ export const WEB_HTML = String.raw `<!doctype html>
     .entry-card:hover,.entry-card.selected { border-color:#93c5fd; box-shadow:0 8px 20px rgba(37,99,235,.10); }
     .entry-meta { display:flex; gap:7px; align-items:center; flex-wrap:wrap; color:var(--muted); font-size:12px; }
     .badge { border-radius:999px; padding:3px 8px; background:#f1f5f9; color:#475569; font-weight:700; }
+    .badge.origin-project { background:#dbeafe; color:#1d4ed8; }
+    .badge.origin-ecosystem { background:#dcfce7; color:#166534; }
+    .badge.origin-global { background:#fef3c7; color:#92400e; }
     .badge.verified { background:#dcfce7; color:#166534; }
     .badge.candidate { background:#fef3c7; color:#92400e; }
     .badge.superseded { background:#fee2e2; color:#991b1b; }
     .entry-card h3 { margin:9px 0 6px; font-size:16px; }
     .snippet { margin:0; color:var(--muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-wrap; }
+    .federated-card { border-left:4px solid #22c55e; }
+    .federated-card.global { border-left-color:#f59e0b; }
+    .federated-source,.selection-reasons { margin-top:8px; color:var(--muted); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
+    .federated-detail { display:grid; gap:12px; }
     .tags { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
     .tag { border:0; background:transparent; color:var(--accent); font-size:12px; padding:0; }
     .tag:hover { text-decoration:underline; }
@@ -106,19 +200,44 @@ export const WEB_HTML = String.raw `<!doctype html>
     .curator-close { display:grid; place-items:center; flex:0 0 auto; width:44px; height:44px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--muted); font-size:26px; line-height:1; }
     .curator-close:hover { border-color:#93c5fd; background:var(--accent-soft); color:var(--accent); }
     .curator-status { margin:0 0 12px; }
+    .curator-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:0 0 14px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
+    .curator-filter { display:grid; gap:4px; color:var(--muted); font-size:11px; font-weight:800; }
+    .curator-filter-check { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:12px; font-weight:700; }
+    .curator-filter-check input { width:16px; height:16px; }
+    .curator-filter-tags { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:7px; padding-top:4px; }
+    .curator-filter-tags .tag.active { font-weight:800; text-decoration:underline; }
     .curator-list { display:grid; gap:12px; }
     .curator-card { border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--panel); }
-    .curator-card.selected { border-color:#93c5fd; box-shadow:0 8px 20px rgba(37,99,235,.10); }
-    .curator-select { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:13px; font-weight:700; }
-    .curator-select input { width:17px; height:17px; accent-color:#2563eb; }
     .curator-workspace { overflow-wrap:anywhere; }
     .curator-card h3 { margin:8px 0; font-size:17px; }
     .curator-overview { margin:8px 0 12px; color:var(--muted); white-space:pre-wrap; line-height:1.55; }
+    .curator-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; }
+    .curator-review-details { margin-top:12px; }
     .curator-draft { margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
     .curator-draft h4 { margin:0 0 10px; font-size:14px; }
     .curator-draft-label { margin:10px 0 4px; color:var(--muted); font-size:12px; font-weight:700; }
     .curator-draft-value { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.5; }
     .curator-reasons { color:var(--muted); font-size:12px; white-space:pre-wrap; }
+    .curator-confirm-modal { position:absolute; inset:0; z-index:2; display:grid; place-items:center; padding:24px; background:rgba(15,23,42,.58); }
+    .curator-confirm-dialog { width:min(680px,calc(100vw - 32px)); max-height:min(760px,calc(100vh - 48px)); display:flex; flex-direction:column; min-height:0; background:var(--panel); box-shadow:0 28px 90px rgba(15,23,42,.34); }
+    .curator-confirm-dialog .panel-body { min-height:0; overflow-y:auto; }
+    .curator-confirm-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 14px; }
+    .curator-confirm-field { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
+    .curator-confirm-field dt { margin:0 0 5px; color:var(--muted); font-size:12px; font-weight:800; }
+    .curator-confirm-field dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
+    .curator-confirm-draft { max-height:280px; overflow:auto; margin:0; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.5; }
+    .curator-confirm-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
+    .skill-dialog { width:min(1040px,calc(100vw - 32px)); max-height:min(860px,calc(100vh - 48px)); display:flex; flex-direction:column; min-height:0; background:rgba(255,255,255,.96); box-shadow:0 28px 90px rgba(15,23,42,.28); }
+    .skill-dialog .panel-body { min-height:0; overflow-y:auto; }
+    .skill-list { display:grid; gap:12px; }
+    .skill-card { border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--panel); }
+    .skill-card h3 { margin:8px 0; font-size:17px; overflow-wrap:anywhere; }
+    .skill-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; margin-top:12px; }
+    .skill-field { min-width:0; padding:10px 11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
+    .skill-field dt { margin:0 0 4px; color:var(--muted); font-size:11px; font-weight:800; }
+    .skill-field dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; font-size:13px; }
+    .skill-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
+    .skill-source-link { color:var(--accent); overflow-wrap:anywhere; }
     @keyframes curator-backdrop-in { from { opacity:0; } to { opacity:1; } }
     @keyframes curator-backdrop-out { from { opacity:1; } to { opacity:0; } }
     @keyframes curator-dialog-in { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@@ -128,7 +247,7 @@ export const WEB_HTML = String.raw `<!doctype html>
     }
     @media (max-width:680px) { .operator-grid { grid-template-columns:1fr; } }
     @media (max-width:1050px) { .layout { grid-template-columns:180px minmax(280px,1fr); } .editor-panel { grid-column:1 / -1; } }
-    @media (max-width:680px) { .shell { padding:16px; } .topbar { display:block; position:relative; } .brand { padding-right:56px; } .topbar-side { margin-top:16px; align-self:auto; } .language-picker { position:absolute; top:0; right:0; } .toolbar { justify-content:stretch; margin-top:0; } .topbar-side .control,.topbar-side .search { flex:1 1 100%; width:100%; } .search { min-width:0; } .layout { grid-template-columns:1fr; } .genres-panel { order:0; } .list-panel { order:1; } .editor-panel { order:2; } .entry-list { max-height:none; } .curator-dialog-head { flex-wrap:wrap; } .curator-header-actions { flex:1 1 100%; width:100%; margin-left:0; } .curator-actions { justify-content:flex-end; } }
+    @media (max-width:680px) { .shell { padding:16px; } .topbar { display:block; position:relative; } .brand { padding-right:56px; } .topbar-side { margin-top:16px; align-self:auto; } .language-picker { position:absolute; top:0; right:0; } .toolbar { justify-content:stretch; margin-top:0; } .topbar-side .control,.topbar-side .search { flex:1 1 100%; width:100%; } .search { min-width:0; } .layout { grid-template-columns:1fr; } .genres-panel { order:0; } .list-panel { order:1; } .editor-panel { order:2; } .entry-list { max-height:none; } .curator-dialog-head { flex-wrap:wrap; } .curator-header-actions { flex:1 1 100%; width:100%; margin-left:0; } .curator-actions { justify-content:flex-end; } .curator-confirm-grid { grid-template-columns:1fr; } .curator-confirm-actions { flex-direction:column-reverse; } .curator-confirm-actions .button { width:100%; } }
   </style>
 </head>
 <body>
@@ -150,6 +269,7 @@ export const WEB_HTML = String.raw `<!doctype html>
           <select id="workspace" class="control" aria-label="Workspace" data-i18n-aria-label="workspaceLabel"></select>
           <input id="search" class="search" type="search" placeholder="Search memory…" aria-label="Search memory…" data-i18n-placeholder="searchPlaceholder" data-i18n-aria-label="searchPlaceholder">
           <button id="curator-button" class="button" type="button" data-i18n="curator">Curator</button>
+          <button id="external-skills-button" class="button" type="button" data-i18n="openExternalSkills">External Skills</button>
           <button id="refresh" class="button" type="button" data-i18n="refresh">Refresh</button>
         </div>
       </div>
@@ -188,14 +308,52 @@ export const WEB_HTML = String.raw `<!doctype html>
       </div>
       <div class="panel-body">
         <p id="curator-description" class="subtitle" data-i18n="curatorDescription">Review reusable knowledge candidates and add them to global memory.</p>
-        <div id="curator-selection-count" class="curator-selection-count curator-selection-summary">0 selected</div>
+        <div id="curator-filters" class="curator-filters" aria-label="Curator filters"></div>
+        <div class="curator-selection-summary"><span id="curator-result-count" class="curator-selection-count">0 candidates</span></div>
         <div id="curator-status" class="status" role="status" aria-live="polite"></div>
         <div id="curator-list" class="curator-list"></div>
       </div>
     </section>
+    <div id="curator-confirm-modal" class="curator-confirm-modal" hidden>
+      <section id="curator-confirm-panel" class="panel curator-confirm-dialog" role="alertdialog" aria-modal="true" aria-labelledby="curator-confirm-title" aria-describedby="curator-confirm-description">
+        <div class="panel-head">
+          <h2 id="curator-confirm-title" data-i18n="curatorConfirmTitle">Confirm Global memory addition</h2>
+        </div>
+        <div class="panel-body">
+          <p id="curator-confirm-description" class="subtitle" data-i18n="curatorConfirmDescription">Verify the source, applicability, and complete regenerated draft.</p>
+          <dl class="curator-confirm-grid">
+            <div class="curator-confirm-field"><dt data-i18n="curatorConfirmSource">Source project</dt><dd id="curator-confirm-source"></dd></div>
+            <div class="curator-confirm-field"><dt data-i18n="curatorConfirmSkill">Skill</dt><dd id="curator-confirm-skill"></dd></div>
+            <div class="curator-confirm-field"><dt data-i18n="curatorConfirmApplicability">Applicability</dt><dd id="curator-confirm-applicability"></dd></div>
+          </dl>
+          <h3 data-i18n="curatorConfirmDraft">Draft to add</h3>
+          <pre id="curator-confirm-draft" class="curator-confirm-draft"></pre>
+          <div id="curator-confirm-status" class="status curator-status" role="status" aria-live="polite"></div>
+          <div class="curator-confirm-actions">
+            <button id="curator-confirm-cancel" class="button" type="button" data-i18n="curatorCancel">Cancel</button>
+            <button id="curator-confirm-submit" class="button primary" type="button" data-i18n="curatorConfirmAction">Add this draft to Global</button>
+          </div>
+        </div>
+      </section>
+    </div>
+  </div>
+  <div id="external-skills-modal" class="curator-modal" hidden>
+    <section id="external-skills-panel" class="panel skill-dialog" role="dialog" aria-modal="true" aria-labelledby="external-skills-title" aria-describedby="external-skills-description">
+      <div class="panel-head curator-dialog-head">
+        <div class="curator-heading"><h2 id="external-skills-title" data-i18n="externalSkills">External Skills</h2><span class="badge" data-i18n="trustBadge">stored data is untrusted / non-actionable</span></div>
+        <div class="curator-header-actions"><button id="external-skills-refresh" class="button" type="button" data-i18n="externalSkillsRefresh">Refresh</button><button id="external-skills-close" class="curator-close" type="button" aria-label="Close External Skills" data-i18n-aria-label="externalSkillsClose"><span aria-hidden="true">×</span></button></div>
+      </div>
+      <div class="panel-body">
+        <p id="external-skills-description" class="subtitle" data-i18n="externalSkillsDescription">Review fetched skills as untrusted reference data. Nothing here installs software or runs scripts.</p>
+        <div id="external-skills-status" class="status" role="status" aria-live="polite"></div>
+        <div id="external-skills-list" class="skill-list"></div>
+      </div>
+    </section>
   </div>
   <script>
     const i18n = ${WEB_I18N_CONFIG};
+    const validExternalSkillListItem = (${externalSkillListItemIsValid.toString()});
+    const validExternalSkillEntrySummary = (${externalSkillEntrySummaryIsValid.toString()});
     const localeStorageKey = 'kiokuko.web.locale';
     const normalizeLocale = (value) => {
       if (typeof value !== 'string') return null;
@@ -207,7 +365,14 @@ export const WEB_HTML = String.raw `<!doctype html>
       if (language === 'zh' && (parts.length === 1 || parts.includes('hans') || parts.includes('cn') || parts.includes('sg'))) return 'zh-CN';
       return null;
     };
-    const readStoredLocale = () => { try { return localStorage.getItem(localeStorageKey); } catch { return null; } };
+    const isStorageAccessError = (error) => typeof DOMException !== 'undefined' && error instanceof DOMException;
+    const readStoredLocale = () => {
+      try { return localStorage.getItem(localeStorageKey); }
+      catch (error) {
+        if (!isStorageAccessError(error)) throw error;
+        return null;
+      }
+    };
     const browserLocales = Array.isArray(navigator.languages) ? navigator.languages : [navigator.language];
     const localeCandidates = [new URLSearchParams(location.search).get('lang'), readStoredLocale(), ...browserLocales];
     const initialLocale = localeCandidates.map(normalizeLocale).find(Boolean) || i18n.defaultLocale;
@@ -217,7 +382,8 @@ export const WEB_HTML = String.raw `<!doctype html>
     const botModes = [
       ['bot:common', 'bot.common'], ['bot:researcher', 'bot.researcher'], ['bot:builder', 'bot.builder'], ['bot:reviewer', 'bot.reviewer'], ['bot:devops', 'bot.devops'], ['bot:writer', 'bot.writer'], ['bot:analyst', 'bot.analyst']
     ];
-    const state = { locale: initialLocale, workspace: '', kind: 'all', tag: '', query: '', entries: [], tags: [], selected: null, runs: [], selectedRun: null, curatorCandidates: [], curatorSelected: new Set(), curatorGlobalized: new Set(), curatorOpen: false, curatorPreviousFocus: null, localizedStatus: null };
+    const curatorUrl = new URLSearchParams(location.search);
+    const state = { locale: initialLocale, workspace: '', kind: 'all', tag: '', query: '', entries: [], recallItems: [], tags: [], selected: null, selectedRecall: null, runs: [], selectedRun: null, curatorCandidates: [], curatorGlobalized: new Set(), curatorNextCursor: null, curatorTotalApproximate: 0, curatorOpen: false, curatorPreviousFocus: null, curatorPendingCandidate: null, curatorConfirmationTrigger: null, curatorGlobalizeBusy: false, externalSkills: [], externalSkillsOpen: false, externalSkillsPreviousFocus: null, externalSkillsBusy: false, externalSkillsPendingDisable: null, localizedStatus: null, curatorSearch: curatorUrl.get('search') || '', curatorProject: curatorUrl.get('project') || '', curatorTags: new Set(curatorUrl.getAll('tag')), curatorFramework: curatorUrl.get('framework') || '', curatorLanguage: curatorUrl.get('language') || '', curatorMemoryClass: curatorUrl.get('memoryClass') || '', curatorTier: curatorUrl.get('tier') || '', curatorReady: curatorUrl.get('ready') === 'true', curatorIncludeGlobalized: curatorUrl.get('includeGlobalized') === 'true', curatorFacets: null };
     const $ = (id) => document.getElementById(id);
     const t = (key, parameters = {}) => {
       const template = i18n.messages[state.locale]?.[key] ?? i18n.messages[i18n.defaultLocale]?.[key] ?? key;
@@ -230,6 +396,7 @@ export const WEB_HTML = String.raw `<!doctype html>
     const setI18nText = (element, key) => { element.dataset.i18n = key; element.textContent = t(key); return element; };
     const labelForKind = (kind) => { const item = kinds.find(([value]) => value === kind); return item ? t(item[1]) : kind; };
     const labelForStatus = (status) => i18n.messages[state.locale]?.['status.' + status] ?? status;
+    const labelForOrigin = (origin) => t(origin === 'ecosystem' ? 'originEcosystem' : origin === 'global' ? 'originGlobal' : 'originProject');
     const updateEditorState = () => {
       const element = $('editor-state');
       if (state.selected) { delete element.dataset.i18n; element.dataset.i18nStatus = state.selected.status; element.textContent = labelForStatus(state.selected.status); }
@@ -264,9 +431,10 @@ export const WEB_HTML = String.raw `<!doctype html>
     };
     const selectLocale = (value) => {
       state.locale = normalizeLocale(value) || i18n.defaultLocale;
-      try { localStorage.setItem(localeStorageKey, state.locale); } catch {}
+      try { localStorage.setItem(localeStorageKey, state.locale); }
+      catch (error) { if (!isStorageAccessError(error)) throw error; }
       setLanguageMenuOpen(false, true);
-      applyTranslations(); renderFilters(); renderEntries(); renderRuns(); renderRunDetail(); renderCurator(); updateEditorState();
+      applyTranslations(); renderFilters(); renderEntries(); renderRuns(); renderRunDetail(); renderCurator(); renderExternalSkills(); updateEditorState();
     };
     const applyTranslations = () => {
       document.documentElement.lang = state.locale;
@@ -280,10 +448,24 @@ export const WEB_HTML = String.raw `<!doctype html>
       renderLanguageMenu();
       if (state.localizedStatus) showStatus(state.localizedStatus.plural ? tp(state.localizedStatus.key, state.localizedStatus.count) : t(state.localizedStatus.key, state.localizedStatus.parameters), state.localizedStatus.error);
     };
+    const apiError = (value) => {
+      const rawCode = value?.error?.code;
+      const rawMessage = value?.error?.message;
+      const code = typeof rawCode === 'string' && /^[A-Z][A-Z0-9_]{0,63}$/.test(rawCode) ? rawCode : 'REQUEST_FAILED';
+      const normalizedMessage = typeof rawMessage === 'string' ? rawMessage.replace(/[\u0000-\u001f\u007f]+/g, ' ').trim().slice(0, 300) : '';
+      const error = new Error(normalizedMessage || t('requestFailed'));
+      error.code = code;
+      return error;
+    };
+    const apiErrorText = (error) => {
+      const code = error instanceof Error && typeof error.code === 'string' && /^[A-Z][A-Z0-9_]{0,63}$/.test(error.code) ? error.code : 'REQUEST_FAILED';
+      const normalizedMessage = error instanceof Error ? error.message.replace(/[\u0000-\u001f\u007f]+/g, ' ').trim().slice(0, 300) : '';
+      return '[' + code + '] ' + (normalizedMessage || t('requestFailed'));
+    };
     const api = async (path, options) => {
       const response = await fetch(path, options);
       const value = await response.json();
-      if (!response.ok) throw new Error(value.error?.message || t('requestFailed'));
+      if (!response.ok) throw apiError(value);
       return value;
     };
     const escapeTags = (value) => value.split(',').map((item) => item.trim()).filter(Boolean);
@@ -298,6 +480,55 @@ export const WEB_HTML = String.raw `<!doctype html>
       if (blocked) appMain.setAttribute('aria-hidden', 'true');
       else appMain.removeAttribute('aria-hidden');
     };
+    function restoreCuratorUrl() {
+      const params = new URLSearchParams(location.search);
+      state.curatorSearch = params.get('search') || '';
+      state.curatorProject = params.get('project') || '';
+      state.curatorTags = new Set(params.getAll('tag'));
+      state.curatorFramework = params.get('framework') || '';
+      state.curatorLanguage = params.get('language') || '';
+      state.curatorMemoryClass = params.get('memoryClass') || '';
+      state.curatorTier = params.get('tier') || '';
+      state.curatorReady = params.get('ready') === 'true';
+      state.curatorIncludeGlobalized = params.get('includeGlobalized') === 'true';
+    }
+    function syncCuratorUrl(push = false) {
+      const params = new URLSearchParams(location.search);
+      for (const key of ['search', 'project', 'framework', 'language', 'memoryClass', 'tier', 'ready', 'includeGlobalized', 'tag']) params.delete(key);
+      if (state.curatorSearch) params.set('search', state.curatorSearch);
+      if (state.curatorProject) params.set('project', state.curatorProject);
+      if (state.curatorFramework) params.set('framework', state.curatorFramework);
+      if (state.curatorLanguage) params.set('language', state.curatorLanguage);
+      if (state.curatorMemoryClass) params.set('memoryClass', state.curatorMemoryClass);
+      if (state.curatorTier) params.set('tier', state.curatorTier);
+      if (state.curatorReady) params.set('ready', 'true');
+      if (state.curatorIncludeGlobalized) params.set('includeGlobalized', 'true');
+      for (const tag of state.curatorTags) params.append('tag', tag);
+      const nextUrl = location.pathname + (params.toString() ? '?' + params.toString() : '');
+      if (push) history.pushState(null, '', nextUrl); else history.replaceState(null, '', nextUrl);
+    }
+    function curatorFilterSelect(label, values, value, onChange) {
+      const wrapper = document.createElement('label'); wrapper.className = 'curator-filter';
+      const text = document.createElement('span'); text.textContent = label;
+      const select = document.createElement('select');
+      const all = document.createElement('option'); all.value = ''; all.textContent = 'All'; select.append(all);
+      for (const item of values || []) { const option = document.createElement('option'); option.value = item.value || item.workspace; option.textContent = item.name || item.value || item.workspace; select.append(option); }
+      select.value = value || ''; select.addEventListener('change', () => onChange(select.value)); wrapper.append(text, select); return wrapper;
+    }
+    function renderCuratorFilters() {
+      const root = $('curator-filters'); if (!root) return;
+      const facets = state.curatorFacets || {};
+      const search = document.createElement('input'); search.type = 'search'; search.placeholder = 'Search candidates'; search.value = state.curatorSearch; search.addEventListener('input', () => { state.curatorSearch = search.value.trim(); clearTimeout(state.curatorSearchTimer); state.curatorSearchTimer = setTimeout(() => { syncCuratorUrl(true); loadCurator(); }, 180); });
+      const project = curatorFilterSelect('Project', facets.projects, state.curatorProject, (value) => { state.curatorProject = value; syncCuratorUrl(true); loadCurator(); });
+      const framework = curatorFilterSelect('Framework', facets.frameworks, state.curatorFramework, (value) => { state.curatorFramework = value; syncCuratorUrl(true); loadCurator(); });
+      const language = curatorFilterSelect('Language', facets.languages, state.curatorLanguage, (value) => { state.curatorLanguage = value; syncCuratorUrl(true); loadCurator(); });
+      const memoryClass = curatorFilterSelect('Memory class', facets.memoryClasses, state.curatorMemoryClass, (value) => { state.curatorMemoryClass = value; syncCuratorUrl(true); loadCurator(); });
+      const readiness = curatorFilterSelect('Readiness', [{ value: 'portable', name: 'Portable' }, { value: 'repeated', name: 'Repeated' }, { value: 'observed', name: 'Observed' }], state.curatorTier, (value) => { state.curatorTier = value; syncCuratorUrl(true); loadCurator(); });
+      const ready = document.createElement('label'); ready.className = 'curator-filter-check'; const readyInput = document.createElement('input'); readyInput.type = 'checkbox'; readyInput.checked = state.curatorReady; readyInput.addEventListener('change', () => { state.curatorReady = readyInput.checked; syncCuratorUrl(true); loadCurator(); }); ready.append(readyInput, document.createTextNode('Skill-ready'));
+      const globalized = document.createElement('label'); globalized.className = 'curator-filter-check'; const globalizedInput = document.createElement('input'); globalizedInput.type = 'checkbox'; globalizedInput.checked = state.curatorIncludeGlobalized; globalizedInput.addEventListener('change', () => { state.curatorIncludeGlobalized = globalizedInput.checked; syncCuratorUrl(true); loadCurator(); }); globalized.append(globalizedInput, document.createTextNode('Show already globalized'));
+      const tags = document.createElement('div'); tags.className = 'curator-filter-tags'; for (const facet of facets.tags || []) { const button = document.createElement('button'); button.type = 'button'; button.className = 'tag' + (state.curatorTags.has(facet.value) ? ' active' : ''); button.textContent = '#' + facet.value + ' (' + facet.count + ')'; button.addEventListener('click', () => { if (state.curatorTags.has(facet.value)) state.curatorTags.delete(facet.value); else state.curatorTags.add(facet.value); syncCuratorUrl(true); loadCurator(); }); tags.append(button); }
+      root.replaceChildren(search, project, framework, language, memoryClass, readiness, ready, globalized, tags);
+    }
     function openCurator() {
       if (state.curatorOpen) { $('curator-close')?.focus(); return; }
       state.curatorPreviousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
@@ -309,6 +540,8 @@ export const WEB_HTML = String.raw `<!doctype html>
       requestAnimationFrame(() => $('curator-close')?.focus());
     }
     function closeCurator() {
+      if (state.curatorGlobalizeBusy) return;
+      if (state.curatorPendingCandidate) closeCuratorConfirmation(false);
       const modal = $('curator-modal');
       if (modal.hidden) return;
       state.curatorOpen = false;
@@ -340,6 +573,242 @@ export const WEB_HTML = String.raw `<!doctype html>
       else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
     }
 
+    const setExternalSkillsStatus = (message, error = false) => {
+      const element = $('external-skills-status');
+      element.textContent = message;
+      element.className = error ? 'status notice error curator-status' : 'status curator-status';
+    };
+    function openExternalSkills() {
+      if (state.externalSkillsOpen) { $('external-skills-close')?.focus(); return; }
+      state.externalSkillsPreviousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      state.externalSkillsOpen = true;
+      const modal = $('external-skills-modal');
+      modal.classList.remove('is-closing');
+      setCuratorBackgroundBlocked(true);
+      modal.hidden = false;
+      requestAnimationFrame(() => $('external-skills-close')?.focus());
+    }
+    function closeExternalSkills() {
+      if (state.externalSkillsBusy) return;
+      const modal = $('external-skills-modal');
+      if (modal.hidden) return;
+      state.externalSkillsOpen = false;
+      state.externalSkillsPendingDisable = null;
+      modal.classList.add('is-closing');
+      let finished = false;
+      const finish = () => {
+        if (finished) return;
+        finished = true;
+        modal.hidden = true;
+        modal.classList.remove('is-closing');
+        setCuratorBackgroundBlocked(false);
+        const previousFocus = state.externalSkillsPreviousFocus;
+        state.externalSkillsPreviousFocus = null;
+        if (previousFocus?.isConnected) previousFocus.focus(); else $('external-skills-button')?.focus();
+      };
+      modal.addEventListener('animationend', (event) => { if (event.target === modal) finish(); }, { once: true });
+      window.setTimeout(finish, 220);
+    }
+    function handleExternalSkillsKeydown(event) {
+      if (event.key === 'Escape') { event.preventDefault(); closeExternalSkills(); return; }
+      if (event.key !== 'Tab') return;
+      const modal = $('external-skills-modal');
+      const focusable = [...modal.querySelectorAll('button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])')];
+      if (!focusable.length) { event.preventDefault(); return; }
+      const first = focusable[0]; const last = focusable.at(-1);
+      if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+      else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+    }
+    function skillField(labelKey, value) {
+      const field = document.createElement('div'); field.className = 'skill-field';
+      const label = document.createElement('dt'); setI18nText(label, labelKey);
+      const content = document.createElement('dd'); content.textContent = value || t('unknown');
+      field.append(label, content); return field;
+    }
+    function externalSkillButton(attribute, skillId) {
+      return [...document.querySelectorAll('[' + attribute + ']')].find((element) => element.getAttribute(attribute) === skillId);
+    }
+    function externalSkillSourceUrl(skill) {
+      return /^[A-Za-z0-9_.-]{1,100}\/[A-Za-z0-9_.-]{1,100}$/.test(skill.sourceLocator) ? 'https://github.com/' + skill.sourceLocator : null;
+    }
+    function renderExternalSkills() {
+      if (!state.externalSkillsOpen) return;
+      const root = $('external-skills-list');
+      if (!state.externalSkills.length) { const empty = document.createElement('div'); empty.className = 'editor-empty'; setI18nText(empty, 'externalSkillsEmpty'); root.replaceChildren(empty); return; }
+      root.replaceChildren(...state.externalSkills.map((skill) => {
+        const card = document.createElement('article'); card.className = 'skill-card';
+        const meta = document.createElement('div'); meta.className = 'entry-meta';
+        const stateBadge = document.createElement('span'); stateBadge.className = 'badge ' + (skill.state === 'disabled' ? 'superseded' : skill.state === 'imported' ? 'verified' : 'candidate'); stateBadge.textContent = skill.state;
+        const official = document.createElement('span'); official.className = 'badge'; official.textContent = skill.officialStatus;
+        meta.append(stateBadge, official);
+        const heading = document.createElement('h3'); heading.textContent = skill.name;
+        const fields = document.createElement('dl'); fields.className = 'skill-card-grid';
+        fields.append(
+          skillField('externalSkillsSource', skill.sourceLocator + '/' + skill.slug),
+          skillField('externalSkillsCommit', skill.sourceCommit ? skill.sourceCommit.slice(0, 12) : null),
+          skillField('externalSkillsSnapshot', skill.snapshotHash ? skill.snapshotHash.slice(0, 12) : null),
+          skillField('externalSkillsDocuments', String(skill.metadata?.documents ?? 0)),
+          skillField('externalSkillsFirstSeen', skill.firstSeenAt),
+          skillField('externalSkillsLastChecked', skill.lastCheckedAt),
+          skillField('externalSkillsTechnology', skill.metadata?.technology ?? skill.name),
+          skillField('externalSkillsAudit', skill.auditStatus),
+          skillField('externalSkillsState', skill.state),
+        );
+        const notice = document.createElement('div'); notice.className = 'notice'; setI18nText(notice, 'externalSkillsUntrusted');
+        const actions = document.createElement('div'); actions.className = 'skill-card-actions';
+        const sourceUrl = externalSkillSourceUrl(skill);
+        if (sourceUrl) { const source = document.createElement('a'); source.className = 'button'; source.href = sourceUrl; source.target = '_blank'; source.rel = 'noopener noreferrer'; setI18nText(source, 'externalSkillsSourceUrl'); actions.append(source); }
+        const refresh = document.createElement('button'); refresh.type = 'button'; refresh.className = 'button'; refresh.setAttribute('data-external-skill-refresh', skill.skillId); setI18nText(refresh, 'externalSkillsRefresh'); refresh.disabled = state.externalSkillsBusy; refresh.addEventListener('click', () => externalSkillAction(skill.skillId, 'refresh')); actions.append(refresh);
+        const action = skill.state === 'disabled' ? 'enable' : skill.state === 'imported' ? 'disable' : null;
+        if (action === 'disable' && state.externalSkillsPendingDisable === skill.skillId) {
+          const confirmation = document.createElement('div'); confirmation.className = 'notice'; confirmation.textContent = t('externalSkillsDisableConfirm');
+          const confirm = document.createElement('button'); confirm.type = 'button'; confirm.className = 'button primary'; confirm.setAttribute('data-external-skill-confirm', skill.skillId); setI18nText(confirm, 'externalSkillsDisable'); confirm.disabled = state.externalSkillsBusy; confirm.addEventListener('click', () => externalSkillAction(skill.skillId, action, true));
+          const cancel = document.createElement('button'); cancel.type = 'button'; cancel.className = 'button'; setI18nText(cancel, 'curatorCancel'); cancel.disabled = state.externalSkillsBusy; cancel.addEventListener('click', () => { state.externalSkillsPendingDisable = null; renderExternalSkills(); requestAnimationFrame(() => externalSkillButton('data-external-skill-toggle', skill.skillId)?.focus()); });
+          actions.append(confirmation, confirm, cancel);
+        } else if (action !== null) {
+          const toggle = document.createElement('button'); toggle.type = 'button'; toggle.className = 'button primary'; toggle.setAttribute('data-external-skill-toggle', skill.skillId); setI18nText(toggle, action === 'enable' ? 'externalSkillsEnable' : 'externalSkillsDisable'); toggle.disabled = state.externalSkillsBusy; toggle.addEventListener('click', () => externalSkillAction(skill.skillId, action)); actions.append(toggle);
+        }
+        const mapping = document.createElement('div'); mapping.className = 'detail-text'; mapping.hidden = true;
+        const viewEntries = document.createElement('button'); viewEntries.type = 'button'; viewEntries.className = 'button'; viewEntries.setAttribute('aria-expanded', 'false'); setI18nText(viewEntries, 'externalSkillsViewEntries'); viewEntries.disabled = state.externalSkillsBusy; viewEntries.addEventListener('click', async () => {
+          viewEntries.disabled = true;
+          try {
+            const detail = externalSkillDetail(await api('/api/skills/' + encodeURIComponent(skill.skillId)), skill.skillId);
+            if (detail === null) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+            const entries = detail.entries;
+            mapping.textContent = entries.length ? entries.map((entry) => entry.sourcePath + '#' + entry.chunkIndex + ' → ' + entry.entryId + '@' + entry.revision + (entry.active ? '' : ' (inactive)')).join('\n') : t('externalSkillsNoEntries');
+            mapping.hidden = false;
+            viewEntries.setAttribute('aria-expanded', 'true');
+          } catch {
+            mapping.textContent = '';
+            mapping.hidden = true;
+            viewEntries.setAttribute('aria-expanded', 'false');
+            setExternalSkillsStatus(t('externalSkillsFailure'), true);
+          }
+          finally { viewEntries.disabled = state.externalSkillsBusy; }
+        });
+        actions.append(viewEntries);
+        card.append(meta, heading, fields, notice, actions, mapping); return card;
+      }));
+    }
+    async function reloadExternalSkills() {
+      const skills = [];
+      const skillIds = new Set();
+      const cursors = new Set();
+      let cursor = null;
+      for (let page = 0; page < 100; page += 1) {
+        const result = await api('/api/skills?limit=200' + (cursor === null ? '' : '&cursor=' + encodeURIComponent(cursor)));
+        if (!result || typeof result !== 'object' || Array.isArray(result)
+          || Object.keys(result).length !== 5
+          || result.untrusted !== true
+          || !Array.isArray(result.skills) || result.skills.length > 200
+          || !Number.isSafeInteger(result.count) || result.count !== result.skills.length
+          || typeof result.truncated !== 'boolean'
+          || result.nextCursor !== null && typeof result.nextCursor !== 'string') throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+        if (skills.length + result.skills.length > 20_000) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+        for (const skill of result.skills) {
+          if (!validExternalSkillListItem(skill) || skillIds.has(skill.skillId)) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+          skillIds.add(skill.skillId); skills.push(skill);
+        }
+        if (!result.truncated) {
+          if (result.nextCursor !== null) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+          state.externalSkills = skills;
+          renderExternalSkills();
+          return;
+        }
+        if (result.skills.length === 0 || typeof result.nextCursor !== 'string' || result.nextCursor.length === 0 || cursors.has(result.nextCursor)) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+        cursors.add(result.nextCursor); cursor = result.nextCursor;
+      }
+      throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+    }
+    function externalSkillDetail(result, expectedSkillId) {
+      if (!result || typeof result !== 'object' || Array.isArray(result)
+        || Object.keys(result).length !== 4 || result.untrusted !== true
+        || !validExternalSkillListItem(result.skill) || result.skill.skillId !== expectedSkillId
+        || !Array.isArray(result.entries) || result.entries.length > 200
+        || typeof result.entriesTruncated !== 'boolean'
+        || result.entriesTruncated && result.entries.length !== 200
+        || result.skill.sourceCommit === null && result.entries.length !== 0) return null;
+      const entryIds = new Set(); const mappingIds = new Set();
+      for (const entry of result.entries) {
+        const mappingId = validExternalSkillEntrySummary(entry) ? entry.sourcePath + '\u0000' + entry.chunkIndex : null;
+        if (mappingId === null || entryIds.has(entry.entryId) || mappingIds.has(mappingId)) return null;
+        entryIds.add(entry.entryId); mappingIds.add(mappingId);
+      }
+      return { skill: result.skill, entries: result.entries, entriesTruncated: result.entriesTruncated };
+    }
+    async function reloadExternalSkill(skillId) {
+      const detail = externalSkillDetail(await api('/api/skills/' + encodeURIComponent(skillId)), skillId);
+      if (detail === null) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+      const index = state.externalSkills.findIndex((skill) => skill.skillId === skillId);
+      if (index < 0) throw apiError({ error: { code: 'INVALID_RESPONSE', message: t('requestFailed') } });
+      state.externalSkills[index] = detail.skill;
+      renderExternalSkills();
+    }
+    async function externalSkillAction(skillId, action, confirmed = false) {
+      if (state.externalSkillsBusy) return;
+      if (action === 'disable' && !confirmed) { state.externalSkillsPendingDisable = skillId; renderExternalSkills(); requestAnimationFrame(() => externalSkillButton('data-external-skill-confirm', skillId)?.focus()); return; }
+      state.externalSkillsPendingDisable = null;
+      state.externalSkillsBusy = true;
+      $('external-skills-refresh').disabled = true;
+      $('external-skills-panel').setAttribute('aria-busy', 'true');
+      setExternalSkillsStatus(action === 'refresh' ? t('externalSkillsRefreshing') : t('externalSkillsLoading'));
+      renderExternalSkills();
+      try {
+        let actionError = null;
+        try {
+          await api('/api/skills/' + encodeURIComponent(skillId) + '/' + action, { method: 'POST' });
+        } catch (error) {
+          actionError = error;
+        }
+        let reloadError = null;
+        try {
+          await reloadExternalSkill(skillId);
+        } catch (error) {
+          reloadError = error;
+        }
+        if (reloadError) {
+          state.externalSkills = [];
+          state.externalSkillsPendingDisable = null;
+        }
+        if (actionError) {
+          const reloadFailure = reloadError ? ' / ' + apiErrorText(reloadError) : '';
+          setExternalSkillsStatus(apiErrorText(actionError) + reloadFailure, true);
+        } else if (reloadError) {
+          setExternalSkillsStatus(apiErrorText(reloadError), true);
+        } else {
+          setExternalSkillsStatus(t(action === 'disable' ? 'externalSkillsDisabled' : action === 'enable' ? 'externalSkillsEnabled' : 'externalSkillsRefreshed'));
+        }
+      } finally {
+        state.externalSkillsBusy = false;
+        $('external-skills-refresh').disabled = false;
+        $('external-skills-panel').removeAttribute('aria-busy');
+        renderExternalSkills();
+        requestAnimationFrame(() => externalSkillButton(action === 'refresh' ? 'data-external-skill-refresh' : 'data-external-skill-toggle', skillId)?.focus());
+      }
+    }
+    async function loadExternalSkills(open = true) {
+      if (state.externalSkillsBusy) return;
+      if (open) openExternalSkills();
+      state.externalSkills = [];
+      state.externalSkillsPendingDisable = null;
+      state.externalSkillsBusy = true;
+      $('external-skills-refresh').disabled = true;
+      renderExternalSkills();
+      setExternalSkillsStatus(t('externalSkillsLoading'));
+      $('external-skills-panel').setAttribute('aria-busy', 'true');
+      try {
+        await reloadExternalSkills();
+        setExternalSkillsStatus('');
+      } catch (error) {
+        setExternalSkillsStatus(t('externalSkillsOffline') + ' ' + apiErrorText(error), true);
+      } finally {
+        $('external-skills-panel').removeAttribute('aria-busy');
+        state.externalSkillsBusy = false;
+        $('external-skills-refresh').disabled = false;
+        renderExternalSkills();
+      }
+    }
+
     function filterButton(key, label, count, active, onClick) {
         const button = document.createElement('button');
         button.type = 'button';
@@ -369,10 +838,34 @@ export const WEB_HTML = String.raw `<!doctype html>
       if (tagButtons.length > 0) root.append(filterGroup(t('crossTagFilterTitle'), tagButtons));
     }
 
+    function renderFederatedItems() {
+      const list = $('entry-list');
+      list.replaceChildren(...state.recallItems.map((item) => {
+        const card = document.createElement('article'); card.className = 'entry-card federated-card ' + (item.origin === 'global' ? 'global' : '');
+        const meta = document.createElement('div'); meta.className = 'entry-meta';
+        const origin = document.createElement('span'); origin.className = 'badge origin-' + item.origin; origin.textContent = labelForOrigin(item.origin);
+        const kind = document.createElement('span'); kind.className = 'badge'; kind.textContent = labelForKind(item.kind);
+        const status = document.createElement('span'); status.className = 'badge ' + item.status; status.textContent = labelForStatus(item.status);
+        meta.append(origin, kind, status);
+        const title = document.createElement('h3'); title.textContent = item.title;
+        const snippet = document.createElement('p'); snippet.className = 'snippet'; snippet.textContent = item.snippet;
+        const source = document.createElement('div'); source.className = 'federated-source';
+        const sourceLines = [];
+        if (item.sourceWorkspace) sourceLines.push(t('sourceWorkspace', { workspace: item.sourceWorkspace }));
+        if (item.sourceProject) sourceLines.push(t('sourceProject', { project: item.sourceProject }));
+        source.textContent = sourceLines.join('\n');
+        const tags = document.createElement('div'); tags.className = 'tags'; item.tags.forEach((tag) => { const tagItem = document.createElement('span'); tagItem.className = 'tag'; tagItem.textContent = '#' + tag; tags.append(tagItem); });
+        const reasons = document.createElement('div'); reasons.className = 'selection-reasons'; reasons.textContent = [t('selectionReasons'), ...item.selectionReasons.map((reason) => '• ' + reason)].join('\n');
+        card.append(meta, title, snippet, source, tags, reasons); card.addEventListener('click', () => { state.selected = null; state.selectedRecall = item; renderEntries(); renderEditor(); }); return card;
+      }));
+    }
+
     function renderEntries() {
-      $('result-count').textContent = tp('entryCount', state.entries.length);
-      $('list-title').textContent = state.tag ? '#' + state.tag : (state.kind === 'all' ? t('entriesTitle') : labelForKind(state.kind));
+      const displayed = state.recallItems.length > 0 ? state.recallItems.length : state.entries.length;
+      $('result-count').textContent = tp('entryCount', displayed);
+      $('list-title').textContent = state.recallItems.length > 0 ? t('entriesTitle') : (state.tag ? '#' + state.tag : (state.kind === 'all' ? t('entriesTitle') : labelForKind(state.kind)));
       const list = $('entry-list');
+      if (state.recallItems.length > 0) { renderFederatedItems(); return; }
       if (!state.entries.length) {
         const empty = document.createElement('div'); empty.className = 'editor-empty'; setI18nText(empty, 'noEntries'); list.replaceChildren(empty); return;
       }
@@ -390,7 +883,26 @@ export const WEB_HTML = String.raw `<!doctype html>
       }));
     }
 
+    function renderFederatedDetail() {
+      const editor = $('editor'); const item = state.selectedRecall;
+      if (!item) return;
+      const origin = document.createElement('span'); origin.className = 'badge origin-' + item.origin; origin.textContent = labelForOrigin(item.origin);
+      const heading = document.createElement('h3'); heading.textContent = item.title;
+      const meta = document.createElement('div'); meta.className = 'entry-meta'; meta.append(origin);
+      if (item.sourceWorkspace) { const source = document.createElement('span'); source.className = 'badge'; source.textContent = t('sourceWorkspace', { workspace: item.sourceWorkspace }); meta.append(source); }
+      if (item.sourceProject) { const source = document.createElement('span'); source.className = 'badge'; source.textContent = t('sourceProject', { project: item.sourceProject }); meta.append(source); }
+      const notice = document.createElement('div'); notice.className = 'notice'; notice.textContent = t('federatedReadOnly');
+      const detail = document.createElement('div'); detail.className = 'federated-detail';
+      const snippet = document.createElement('div'); snippet.className = 'detail-text'; snippet.textContent = item.snippet;
+      const reasons = detailBlock('selectionReasons', item.selectionReasons.join('\n'));
+      const tags = detailBlock('commaSeparatedTags', item.tags.map((tag) => '#' + tag).join(' '));
+      detail.append(snippet, reasons, tags);
+      const stateBadge = $('editor-state'); delete stateBadge.dataset.i18n; delete stateBadge.dataset.i18nStatus; stateBadge.textContent = labelForOrigin(item.origin);
+      editor.replaceChildren(meta, heading, notice, detail);
+    }
+
     function renderEditor() {
+      if (state.selectedRecall) { renderFederatedDetail(); return; }
       const editor = $('editor');
       const entry = state.selected;
       updateEditorState();
@@ -418,34 +930,106 @@ export const WEB_HTML = String.raw `<!doctype html>
       }); editor.replaceChildren(form);
     }
 
-    async function selectEntry(id) { try { const result = await api('/api/entries/' + encodeURIComponent(id) + '?workspace=' + encodeURIComponent(state.workspace)); state.selected = result.entry; renderEntries(); renderEditor(); } catch (error) { setStatus(error.message, true); } }
+    async function selectEntry(id) { try { const result = await api('/api/entries/' + encodeURIComponent(id) + '?workspace=' + encodeURIComponent(state.workspace)); state.selectedRecall = null; state.selected = result.entry; renderEntries(); renderEditor(); } catch (error) { setStatus(error.message, true); } }
 
     const curatorCandidateKey = (candidate) => candidate.workspace + '\u0000' + candidate.entryId;
 
-    async function applySelectedCurator() {
-      const selected = state.curatorCandidates.filter((candidate) => state.curatorSelected.has(curatorCandidateKey(candidate)) && !state.curatorGlobalized.has(curatorCandidateKey(candidate)));
-      if (!selected.length) return;
-      let added = 0;
-      let failed = 0;
-      for (const candidate of selected) {
-        try {
-          await api('/api/curator/globalize?workspace=' + encodeURIComponent(candidate.workspace), {
-            method: 'POST',
-            headers: { 'content-type': 'application/json' },
-            body: JSON.stringify({ workspace: candidate.workspace, entryId: candidate.entryId, expectedRevision: candidate.revision }),
-          });
-          state.curatorGlobalized.add(curatorCandidateKey(candidate));
-          added += 1;
-        } catch (error) {
-          failed += 1;
-          setStatus(error.message, true);
-        }
+    function setCuratorConfirmationStatus(message, error = false) {
+      const element = $('curator-confirm-status');
+      element.textContent = message;
+      element.className = error ? 'status notice error curator-status' : 'status curator-status';
+    }
+
+    function openCuratorConfirmation(candidate, trigger) {
+      if (state.curatorGlobalizeBusy || state.curatorGlobalized.has(curatorCandidateKey(candidate))) return;
+      state.curatorPendingCandidate = candidate;
+      state.curatorConfirmationTrigger = trigger instanceof HTMLElement ? trigger : null;
+      $('curator-confirm-source').textContent = candidate.projectName || candidate.workspace;
+      $('curator-confirm-skill').textContent = candidate.skillName;
+      $('curator-confirm-applicability').textContent = candidate.applicability ? JSON.stringify(candidate.applicability, null, 2) : t('curatorApplicabilityNone');
+      $('curator-confirm-draft').textContent = [
+        t('curatorDraftTitle') + '\n' + candidate.draft.title,
+        t('curatorDraftSummary') + '\n' + candidate.draft.summary,
+        t('curatorDraftBody') + '\n' + candidate.draft.body,
+        t('curatorDraftVersion') + '\n' + candidate.draft.version,
+      ].join('\n\n');
+      setCuratorConfirmationStatus('');
+      const panel = $('curator-panel');
+      panel.inert = true;
+      panel.setAttribute('aria-hidden', 'true');
+      const submit = $('curator-confirm-submit');
+      submit.disabled = false;
+      setI18nText(submit, 'curatorConfirmAction');
+      $('curator-confirm-cancel').disabled = false;
+      $('curator-confirm-modal').hidden = false;
+      requestAnimationFrame(() => submit.focus());
+    }
+
+    function closeCuratorConfirmation(restoreFocus = true) {
+      if (state.curatorGlobalizeBusy) return;
+      $('curator-confirm-modal').hidden = true;
+      const panel = $('curator-panel');
+      panel.inert = false;
+      panel.removeAttribute('aria-hidden');
+      const trigger = state.curatorConfirmationTrigger;
+      state.curatorPendingCandidate = null;
+      state.curatorConfirmationTrigger = null;
+      setCuratorConfirmationStatus('');
+      if (restoreFocus) requestAnimationFrame(() => {
+        if (trigger?.isConnected) trigger.focus();
+        else $('curator-close')?.focus();
+      });
+    }
+
+    function handleCuratorConfirmationKeydown(event) {
+      event.stopPropagation();
+      if (event.key === 'Escape') { event.preventDefault(); closeCuratorConfirmation(); return; }
+      if (event.key !== 'Tab') return;
+      const panel = $('curator-confirm-panel');
+      const focusable = [...panel.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])')];
+      if (!focusable.length) { event.preventDefault(); return; }
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+      else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+    }
+
+    async function globalizePendingCurator() {
+      const candidate = state.curatorPendingCandidate;
+      if (!candidate || state.curatorGlobalizeBusy) return;
+      state.curatorGlobalizeBusy = true;
+      const panel = $('curator-confirm-panel');
+      const cancel = $('curator-confirm-cancel');
+      const submit = $('curator-confirm-submit');
+      panel.setAttribute('aria-busy', 'true');
+      cancel.disabled = true;
+      submit.disabled = true;
+      setI18nText(submit, 'curatorGlobalizing');
+      setCuratorConfirmationStatus(t('curatorGlobalizing'));
+      try {
+        await api('/api/curator/globalize?workspace=' + encodeURIComponent(candidate.workspace), {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ workspace: candidate.workspace, entryId: candidate.entryId, expectedRevision: candidate.revision }),
+        });
+        state.curatorGlobalized.add(curatorCandidateKey(candidate));
+        state.curatorGlobalizeBusy = false;
+        closeCuratorConfirmation(false);
+        await loadCurator();
+        await loadEntries();
+        setLocalizedStatus('curatorAdded');
+        setCuratorStatus(t('curatorAdded'));
+        requestAnimationFrame(() => $('curator-close')?.focus());
+      } catch (error) {
+        const message = error instanceof Error ? error.message : t('curatorGlobalizeFailed');
+        setCuratorConfirmationStatus(t('curatorGlobalizeFailed') + ' ' + message, true);
+      } finally {
+        state.curatorGlobalizeBusy = false;
+        panel.removeAttribute('aria-busy');
+        cancel.disabled = false;
+        submit.disabled = false;
+        setI18nText(submit, 'curatorConfirmAction');
       }
-      state.curatorSelected.clear();
-      await loadCurator();
-      await loadEntries();
-      if (added > 0 && failed === 0) { setLocalizedStatus('curatorBatchAdded', { count: added }); setCuratorStatus(t('curatorBatchAdded', { count: added })); }
-      else if (added > 0) { setLocalizedStatus('curatorBatchPartial', { added, failed }, true); setCuratorStatus(t('curatorBatchPartial', { added, failed }), true); }
     }
 
     function renderCurator() {
@@ -453,25 +1037,16 @@ export const WEB_HTML = String.raw `<!doctype html>
       const modal = $('curator-modal');
       modal.hidden = false;
       const root = $('curator-list');
-      const selectable = state.curatorCandidates.filter((candidate) => !state.curatorGlobalized.has(curatorCandidateKey(candidate)));
-      $('curator-selection-count').textContent = t('curatorSelected', { count: state.curatorSelected.size });
+      $('curator-result-count').textContent = t('curatorResultCount', { count: state.curatorTotalApproximate || state.curatorCandidates.length });
       const actionRoot = $('curator-actions'); actionRoot.replaceChildren();
-      const selectAll = document.createElement('button'); selectAll.type = 'button'; selectAll.className = 'button'; setI18nText(selectAll, 'curatorSelectAll'); selectAll.disabled = selectable.length === 0;
-      selectAll.addEventListener('click', () => { selectable.forEach((candidate) => state.curatorSelected.add(curatorCandidateKey(candidate))); renderCurator(); });
-      const clearSelection = document.createElement('button'); clearSelection.type = 'button'; clearSelection.className = 'button'; setI18nText(clearSelection, 'curatorClearSelection'); clearSelection.disabled = state.curatorSelected.size === 0;
-      clearSelection.addEventListener('click', () => { state.curatorSelected.clear(); renderCurator(); });
-      const apply = document.createElement('button'); apply.type = 'button'; apply.className = 'button primary'; setI18nText(apply, 'curatorApplySelected'); apply.disabled = state.curatorSelected.size === 0;
-      apply.addEventListener('click', () => applySelectedCurator());
-      actionRoot.append(selectAll, clearSelection, apply);
+      if (state.curatorNextCursor) {
+        const more = document.createElement('button'); more.type = 'button'; more.className = 'button'; setI18nText(more, 'curatorLoadMore'); more.addEventListener('click', () => loadCurator(true)); actionRoot.append(more);
+      }
       if (!state.curatorCandidates.length) { const empty = document.createElement('div'); empty.className = 'editor-empty'; setI18nText(empty, 'noCuratorCandidates'); root.replaceChildren(empty); return; }
-      const cards = state.curatorCandidates.map((candidate) => {
+      const cards = state.curatorCandidates.map((candidate, index) => {
         const card = document.createElement('article'); card.className = 'curator-card';
         const candidateKey = curatorCandidateKey(candidate);
         const done = state.curatorGlobalized.has(candidateKey);
-        const selectLabel = document.createElement('label'); selectLabel.className = 'curator-select';
-        const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = state.curatorSelected.has(candidateKey); checkbox.disabled = done;
-        checkbox.addEventListener('change', () => { if (checkbox.checked) state.curatorSelected.add(candidateKey); else state.curatorSelected.delete(candidateKey); renderCurator(); });
-        const selectText = document.createElement('span'); selectText.textContent = done ? t('globalized') : t('curatorSelectSkill'); selectLabel.append(checkbox, selectText);
         const meta = document.createElement('div'); meta.className = 'entry-meta';
         const kind = document.createElement('span'); kind.className = 'badge'; kind.textContent = labelForKind(candidate.kind);
         const score = document.createElement('span'); score.className = 'badge'; score.textContent = t('curatorScore', { score: candidate.score });
@@ -480,6 +1055,7 @@ export const WEB_HTML = String.raw `<!doctype html>
         if (candidate.knowledge && candidate.knowledge.skillReady) { const ready = document.createElement('span'); ready.className = 'badge'; setI18nText(ready, 'curatorSkillReady'); meta.append(ready); }
         const heading = document.createElement('h3'); heading.textContent = candidate.skillName;
         const overview = document.createElement('div'); overview.className = 'curator-overview'; overview.textContent = candidate.overview.join('\n');
+        const tags = document.createElement('div'); tags.className = 'tags'; (candidate.tags || []).forEach((tag) => { const tagItem = document.createElement('span'); tagItem.className = 'tag'; tagItem.textContent = '#' + tag; tags.append(tagItem); });
         const knowledge = document.createElement('div'); knowledge.className = 'curator-reasons'; knowledge.textContent = candidate.knowledge ? [
           t('curatorEvidence', { hits: candidate.knowledge.qualifiedHits, runs: candidate.knowledge.independentRuns, workspaces: candidate.knowledge.independentWorkspaces }),
           t('curatorSilo', { value: candidate.knowledge.averageCompleteness }),
@@ -506,22 +1082,52 @@ export const WEB_HTML = String.raw `<!doctype html>
           draft.append(label, content);
         }
         const reasons = document.createElement('div'); reasons.className = 'curator-reasons'; reasons.textContent = [...(candidate.reasons || []), ...(candidate.warnings || []).map((warning) => t('curatorWarning', { warning }))].join('\n');
-        card.classList.toggle('selected', checkbox.checked);
-        card.append(selectLabel, meta, heading, overview, knowledge, draft, reasons); return card;
+        const details = document.createElement('div'); details.id = 'curator-review-' + index; details.className = 'curator-review-details'; details.hidden = true; details.append(knowledge, draft, reasons);
+        const actions = document.createElement('div'); actions.className = 'curator-card-actions';
+        const review = document.createElement('button'); review.type = 'button'; review.className = 'button'; review.setAttribute('aria-controls', details.id); review.setAttribute('aria-expanded', 'false'); setI18nText(review, 'curatorReview');
+        review.addEventListener('click', () => { details.hidden = !details.hidden; review.setAttribute('aria-expanded', String(!details.hidden)); setI18nText(review, details.hidden ? 'curatorReview' : 'curatorHideReview'); });
+        const globalize = document.createElement('button'); globalize.type = 'button'; globalize.className = 'button primary'; globalize.disabled = done; setI18nText(globalize, done ? 'globalized' : 'curatorGlobalizeCandidate');
+        globalize.addEventListener('click', () => openCuratorConfirmation(candidate, globalize));
+        actions.append(review, globalize);
+        card.append(meta, heading, overview, tags, actions, details); return card;
       });
-      root.replaceChildren(toolbar, ...cards);
+      root.replaceChildren(...cards);
     }
 
-    async function loadCurator() {
-      openCurator();
+    async function loadCurator(append = false) {
+      // Keep the documented legacy URL shape recognizable for clients: /api/curator/candidates?limit=50
+      if (!append) {
+        openCurator();
+        state.curatorCandidates = [];
+        state.curatorNextCursor = null;
+        state.curatorTotalApproximate = 0;
+      } else if (!state.curatorNextCursor) return;
       const panel = $('curator-panel');
       panel.setAttribute('aria-busy', 'true');
       setCuratorStatus(t('curatorLoading'));
       try {
-        const result = await api('/api/curator/candidates?limit=50');
-        state.curatorCandidates = result.candidates || [];
-        const available = new Set(state.curatorCandidates.map((candidate) => curatorCandidateKey(candidate)));
-        state.curatorSelected = new Set([...state.curatorSelected].filter((key) => available.has(key)));
+        if (!append) {
+          const facetParams = new URLSearchParams({ workspace: 'all' });
+          if (state.curatorIncludeGlobalized) facetParams.set('includeGlobalized', 'true');
+          const facetResult = await api('/api/curator/facets?' + facetParams);
+          state.curatorFacets = facetResult.facets || {};
+          renderCuratorFilters();
+        }
+        const params = new URLSearchParams({ workspace: 'all', limit: '50' });
+        if (state.curatorProject) params.set('project', state.curatorProject);
+        if (state.curatorSearch) params.set('search', state.curatorSearch);
+        if (state.curatorFramework) params.set('framework', state.curatorFramework);
+        if (state.curatorLanguage) params.set('language', state.curatorLanguage);
+        if (state.curatorMemoryClass) params.set('memoryClass', state.curatorMemoryClass);
+        if (state.curatorTier) params.set('tier', state.curatorTier);
+        if (state.curatorReady) params.set('skillReadyOnly', 'true');
+        if (state.curatorIncludeGlobalized) params.set('includeGlobalized', 'true');
+        for (const tag of state.curatorTags) params.append('tag', tag);
+        if (append && state.curatorNextCursor) params.set('cursor', state.curatorNextCursor);
+        const result = await api('/api/curator/candidates?' + params);
+        state.curatorCandidates = append ? [...state.curatorCandidates, ...(result.candidates || [])] : (result.candidates || []);
+        state.curatorNextCursor = result.nextCursor || null;
+        state.curatorTotalApproximate = Number(result.totalApproximate || state.curatorCandidates.length);
         setCuratorStatus('');
         renderCurator();
       }
@@ -582,7 +1188,29 @@ export const WEB_HTML = String.raw `<!doctype html>
       } catch (error) { setStatus(error.message, true); }
     }
 
-    async function loadEntries() { if (!state.workspace) return; try { const params = new URLSearchParams({ workspace: state.workspace }); if (state.kind !== 'all') params.set('kind', state.kind); if (state.tag) params.set('tag', state.tag); if (state.query) params.set('q', state.query); const result = await api('/api/entries?' + params); state.entries = result.entries; if (state.selected && !state.entries.some((entry) => entry.id === state.selected.id)) state.selected = null; renderEntries(); renderFilters(); if (!state.selected && state.entries[0]) await selectEntry(state.entries[0].id); else renderEditor(); setLocalizedCountStatus('displayedCount', result.entries.length); } catch (error) { setStatus(error.message, true); } }
+    async function loadEntries() {
+      if (!state.workspace) return;
+      try {
+        const params = new URLSearchParams({ workspace: state.workspace });
+        if (state.kind !== 'all') params.set('kind', state.kind);
+        if (state.tag) params.set('tag', state.tag);
+        if (state.query) params.set('q', state.query);
+        const result = await api('/api/entries?' + params);
+        state.entries = result.entries;
+        state.recallItems = [];
+        state.selectedRecall = null;
+        if (state.query && state.kind === 'all' && !state.tag) {
+          const recallParams = new URLSearchParams({ workspace: state.workspace, q: state.query, limit: '100' });
+          const recalled = await api('/api/memory/recall?' + recallParams);
+          state.recallItems = recalled.combined?.items || [];
+          state.selected = null;
+        } else if (state.selected && !state.entries.some((entry) => entry.id === state.selected.id)) state.selected = null;
+        renderEntries(); renderFilters();
+        if (!state.recallItems.length && !state.selected && state.entries[0]) await selectEntry(state.entries[0].id);
+        else renderEditor();
+        setLocalizedCountStatus('displayedCount', state.recallItems.length || result.entries.length);
+      } catch (error) { setStatus(error.message, true); }
+    }
     async function loadTags() { if (!state.workspace) return; try { const result = await api('/api/tags?workspace=' + encodeURIComponent(state.workspace)); state.tags = result.tags; renderFilters(); } catch (error) { setStatus(error.message, true); } }
     async function loadWorkspaces() { try { const result = await api('/api/workspaces'); const select = $('workspace'); select.replaceChildren(...result.workspaces.map((item) => { const option = document.createElement('option'); option.value = item.workspace; option.textContent = (item.displayName || item.workspace) + ' (' + item.count + ')'; return option; })); if (!state.workspace && result.workspaces[0]) state.workspace = result.workspaces[0].workspace; select.value = state.workspace; if (state.workspace) { await loadTags(); await loadEntries(); await loadRuns(); } if (state.curatorOpen) await loadCurator(); else if (!state.workspace) setLocalizedStatus('noWorkspace', {}, true); } catch (error) { setStatus(error.message, true); } }
     $('language-toggle').addEventListener('click', () => {
@@ -606,10 +1234,18 @@ export const WEB_HTML = String.raw `<!doctype html>
     });
     document.addEventListener('click', (event) => { if (!$('language-picker')?.contains(event.target)) setLanguageMenuOpen(false); });
     document.addEventListener('focusin', (event) => { if (!$('language-picker')?.contains(event.target)) setLanguageMenuOpen(false); });
-    $('workspace').addEventListener('change', (event) => { if (state.curatorOpen) closeCurator(); state.workspace = event.target.value; state.selected = null; state.selectedRun = null; state.runs = []; state.tag = ''; state.curatorCandidates = []; state.curatorSelected = new Set(); state.curatorGlobalized = new Set(); state.curatorOpen = false; loadTags().then(loadEntries).then(loadRuns); });
+    $('workspace').addEventListener('change', (event) => { if (state.curatorOpen) closeCurator(); if (state.externalSkillsOpen) closeExternalSkills(); state.workspace = event.target.value; state.selected = null; state.selectedRecall = null; state.selectedRun = null; state.runs = []; state.tag = ''; state.curatorCandidates = []; state.curatorGlobalized = new Set(); state.curatorNextCursor = null; state.curatorTotalApproximate = 0; state.curatorOpen = false; loadTags().then(loadEntries).then(loadRuns); });
     $('curator-button').addEventListener('click', () => loadCurator());
     $('curator-close').addEventListener('click', () => closeCurator());
+    $('external-skills-button').addEventListener('click', () => loadExternalSkills());
+    $('external-skills-close').addEventListener('click', () => closeExternalSkills());
+    $('external-skills-refresh').addEventListener('click', () => loadExternalSkills(false));
+    $('curator-confirm-cancel').addEventListener('click', () => closeCuratorConfirmation());
+    $('curator-confirm-submit').addEventListener('click', () => globalizePendingCurator());
+    $('curator-confirm-modal').addEventListener('keydown', handleCuratorConfirmationKeydown);
     $('curator-modal').addEventListener('keydown', handleCuratorKeydown);
+    $('external-skills-modal').addEventListener('keydown', handleExternalSkillsKeydown);
+    window.addEventListener('popstate', () => { restoreCuratorUrl(); if (state.curatorOpen) loadCurator(); });
     $('refresh').addEventListener('click', () => loadWorkspaces());
     let searchTimer; $('search').addEventListener('input', (event) => { clearTimeout(searchTimer); state.query = event.target.value.trim(); searchTimer = setTimeout(() => loadEntries(), 180); });
     applyTranslations();