mdk-skills 2.4.0 → 2.4.2

package/scripts/web-ui/src/views/Dashboard.vue

@@ -1,1697 +0,0 @@
-<template>
-  <div class="dashboard">
-    <div class="page-header">
-      <h2>技能列表</h2>
-      <div class="header-actions">
-        <n-select
-          v-model:value="sortBy"
-          :options="sortOptions"
-          size="small"
-          style="width: 120px"
-        />
-        <n-button size="small" @click="loadSkills">
-          <template #icon
-            ><n-icon><RefreshOutline /></n-icon
-          ></template>
-          刷新
-        </n-button>
-        <n-button v-if="!needsSetup" size="small" @click="openPullModal">
-          拉取
-        </n-button>
-      </div>
-    </div>
-
-    <div class="tag-filter" v-if="allTags.length > 0">
-      <n-tag
-        size="small"
-        :bordered="false"
-        :type="selectedTags.length === 0 ? 'primary' : 'default'"
-        style="cursor: pointer"
-        @click="selectedTags = []"
-      >
-        全部
-      </n-tag>
-      <n-tag
-        v-for="tag in allTags"
-        :key="tag"
-        size="small"
-        :bordered="false"
-        :type="selectedTags.includes(tag) ? 'primary' : 'default'"
-        style="cursor: pointer"
-        @click="toggleTag(tag)"
-      >
-        {{ tag }}
-      </n-tag>
-    </div>
-
-    <div class="search-bar" v-if="!needsSetup && skills.length > 0">
-      <n-input
-        v-model:value="searchQuery"
-        placeholder="搜索技能名称或描述..."
-        size="small"
-        clearable
-      >
-        <template #prefix>
-          <n-icon><SearchOutline /></n-icon>
-        </template>
-      </n-input>
-    </div>
-
-    <n-spin :show="loading">
-      <!-- 引导卡片：未设置技能目录时显示 -->
-      <n-card v-if="needsSetup" class="setup-card" size="small">
-        <div class="setup-card-content">
-          <div class="setup-icon">
-            <n-icon size="48" color="#2080f0"><FolderOpenOutline /></n-icon>
-          </div>
-          <h3 class="setup-title">欢迎使用 mdk-skills</h3>
-          <p class="setup-desc">
-            请先设置技能目录，指向包含 <code>.claude/skills</code> 的仓库路径。
-            设置后即可浏览和安装技能。
-          </p>
-          <n-button type="primary" size="small" @click="$router.push({ name: 'Settings' })">
-            前往设置
-          </n-button>
-        </div>
-      </n-card>
-
-      <div v-for="group in groupedSkills" :key="group.key" class="skill-group" :class="'group-' + group.type">
-        <div class="group-header" @click="toggleGroup(group.key)">
-          <span class="fold-arrow" :class="{ open: groupOpen[group.key] }">▶</span>
-          <span class="group-indicator" :class="'indicator-' + group.type"></span>
-          <span class="group-label">
-            <template v-if="group.type === 'remote'">
-              <span v-if="editingAlias === group.key" class="alias-edit-inline" @click.stop>
-                <n-input v-model:value="editAliasValue" size="tiny" style="width:200px" autofocus @blur="saveAlias(group)" @keyup.enter="saveAlias(group)" @keyup.escape="editingAlias = null" />
-              </span>
-              <span v-else>
-                {{ sourceNames[group.url] || group.url }}
-              </span>
-              <span class="alias-edit-trigger" @click.stop="startEditAlias(group)">
-                <n-icon size="13" class="alias-edit-icon"><PencilOutline /></n-icon>
-              </span>
-            </template>
-            <template v-else>本地技能</template>
-          </span>
-          <span class="group-count">{{ group.skills.length }} 个</span>
-          <span v-if="group.type === 'remote'" @click.stop>
-            <n-dropdown trigger="click" :options="getBatchMenuOptions(group)" @select="(key) => onBatchMenuSelect(key, group)">
-              <n-button size="tiny" class="group-menu-btn">
-                <template #icon><n-icon><EllipsisHorizontalOutline /></n-icon></template>
-              </n-button>
-            </n-dropdown>
-          </span>
-        </div>
-        <div class="group-body" v-show="groupOpen[group.key]">
-          <SkillCard
-            v-for="skill in group.skills"
-            :key="skill.name"
-            :skill="skill"
-            :usages="getUsage(skill.name)"
-            @refresh="loadSkills"
-            @click="showSkillDetail(skill)"
-          />
-        </div>
-      </div>
-    </n-spin>
-
-    <n-empty v-if="!loading && skills.length === 0 && !needsSetup" description="暂无技能数据">
-      <template #extra>
-        <n-button size="small" @click="openPullModal">去拉取技能</n-button>
-      </template>
-    </n-empty>
-
-    <n-empty v-if="!loading && skills.length > 0 && displaySkills.length === 0" description="没有匹配的技能">
-      <template #extra>
-        <n-button size="small" @click="selectedTags = []; searchQuery = ''">清除筛选</n-button>
-      </template>
-    </n-empty>
-
-    <!-- 仓库 README（页面底部） -->
-    <div class="readme-fold" v-if="readmeContent">
-      <div class="fold-header" @click="readmeOpen = !readmeOpen">
-        <span class="fold-arrow" :class="{ open: readmeOpen }">▶</span>
-        仓库说明
-      </div>
-      <div class="fold-body" v-show="readmeOpen">
-        <div class="markdown-content" v-html="renderedReadme" />
-      </div>
-    </div>
-
-    <!-- 技能详情弹窗 -->
-    <ModalComp
-      :show="detailVisible"
-      :title="detailSkill?.name || '技能详情'"
-      width="720px"
-      :mask-closable="true"
-      @update:show="handleDetailClose"
-    >
-      <div class="detail-body">
-        <!-- 编辑面板 -->
-        <div class="edit-panel" v-if="detailSkill">
-          <div class="edit-row">
-            <span class="edit-label">版本</span>
-            <n-input v-model:value="editVersion" size="small" style="width: 120px" />
-            <span v-if="detailSkill?._updateCount > 0" class="update-count-hint">r{{ detailSkill._updateCount }}</span>
-          </div>
-          <div class="edit-row">
-            <span class="edit-label">描述</span>
-            <n-input v-model:value="editDescription" type="textarea" size="small" :rows="2" />
-          </div>
-          <div class="edit-row">
-            <span class="edit-label">标签</span>
-            <n-dynamic-tags v-model:value="editTags" size="small" />
-          </div>
-          <div class="edit-actions">
-            <n-button size="small" type="primary" @click="saveMeta" :loading="savingMeta">保存</n-button>
-            <n-button size="small" type="error" @click="handleDelete">删除技能</n-button>
-          </div>
-          <!-- 来源信息 -->
-          <div v-if="skillSource" class="source-info">
-            <template v-if="skillSource.type === 'remote'">
-              <div class="source-row">
-                <span class="source-label">来源</span>
-                <span class="source-value">{{ sourceNames[skillSource.url] || skillSource.url }}</span>
-              </div>
-              <div class="source-row">
-                <span class="source-label">拉取时间</span>
-                <span class="source-value">{{ new Date(skillSource.pulledAt).toLocaleString() }}</span>
-              </div>
-              <div class="source-actions">
-                <n-button size="small" @click="handleUpdate" :loading="updatingSkill">检查更新</n-button>
-              </div>
-            </template>
-            <template v-else>
-              <div class="source-row">
-                <span class="source-label">类型</span>
-                <span class="source-value local-tag">本地技能</span>
-              </div>
-              <div v-if="skillSource.path" class="source-row">
-                <span class="source-label">路径</span>
-                <span class="source-value path-text">{{ skillSource.path }}</span>
-              </div>
-              <div class="source-actions">
-                <n-button size="small" @click="openDir">打开目录</n-button>
-              </div>
-              <div class="local-hint">
-                本地技能暂不支持远程更新。推送到 Git 仓库后可使用"拉取"功能分享给团队。
-              </div>
-            </template>
-          </div>
-          <n-divider style="margin: 12px 0" />
-        </div>
-
-        <div v-if="detailLoading" class="detail-status">
-          <n-spin />
-        </div>
-        <div
-          v-else-if="detailContent"
-          class="markdown-content"
-          v-html="renderedDetail"
-        />
-        <n-empty v-else description="该技能没有 SKILL.md 文档" />
-      </div>
-    </ModalComp>
-
-    <!-- 拉取弹窗（两阶段：预览 → 选择 → 拉取） -->
-    <ModalComp
-      :show="showPullModal"
-      title="从远程仓库拉取"
-      width="600px"
-      :mask-closable="true"
-      @update:show="(v) => { if (!v) { showPullModal = false; pulling = false; previewing = false; cancelTask(); cancelPull(pullUrl).catch(() => {}); } }"
-    >
-      <div class="pull-modal-body">
-        <!-- URL 输入 -->
-        <div class="pull-input-row">
-          <n-input v-model:value="pullUrl" placeholder="输入 GitHub 仓库地址..." size="small" @keyup.enter="handlePreview" />
-          <n-button size="small" type="primary" @click="handlePreview" :loading="previewing">预览</n-button>
-          <n-button size="small" @click="toggleSourceManager">管理源</n-button>
-        </div>
-
-        <!-- 别名管理 -->
-        <div v-if="showSourceManager" class="source-manager">
-          <div class="source-manager-header">
-            <span class="source-manager-title">远程源别名</span>
-            <n-button size="tiny" text @click="showSourceManager = false">关闭</n-button>
-          </div>
-          <div class="source-manager-list">
-            <div v-for="url in knownUrlsList" :key="url" class="source-manager-row">
-              <span class="source-manager-url" :title="url">{{ url }}</span>
-              <n-input v-model:value="editSourceNames[url]" placeholder="输入别名..." size="tiny" style="width:180px" clearable />
-            </div>
-            <div v-if="knownUrlsList.length === 0" class="source-manager-empty">暂无已拉取的远程源</div>
-          </div>
-          <div class="source-manager-actions">
-            <n-button size="small" type="primary" @click="doSaveSourceNames" :loading="savingSourceNames">保存</n-button>
-          </div>
-        </div>
-
-        <!-- 错误提示 -->
-        <div v-if="pullError" class="pull-error">
-          <n-alert type="error" :bordered="false" closable @close="pullError = ''">{{ pullError }}</n-alert>
-        </div>
-
-        <!-- 预览中 -->
-        <div v-if="previewing" class="pull-status">
-          <n-spin size="small" />
-          <span>正在获取远程技能列表...</span>
-        </div>
-
-        <!-- 预览结果：技能列表 + 勾选 -->
-        <div v-if="previewDone && !pulling && !pullResult" class="preview-result">
-          <div class="preview-info">
-            发现 <strong>{{ previewSkillList.length }}</strong> 个技能：
-            <n-button size="tiny" text @click="togglePullAll">全选/取消</n-button>
-          </div>
-          <n-input
-            v-model:value="pullSearch"
-            placeholder="搜索技能..."
-            size="small"
-            clearable
-            class="pull-search-input"
-          />
-          <div class="preview-list">
-            <n-checkbox
-              v-for="name in filteredPullSkills"
-              :key="name"
-              v-model:checked="pullCheck[name]"
-            >
-              {{ name }}
-              <n-tag v-if="existingSkillNames.has(name)" size="tiny" type="success" :bordered="false" class="installed-tag">已安装</n-tag>
-            </n-checkbox>
-          </div>
-          <div class="preview-actions">
-            <n-button size="small" @click="showPullModal = false">取消</n-button>
-            <n-button size="small" type="primary" @click="handlePull" :loading="pulling" :disabled="selectedPullCount === 0">
-              拉取选中 ({{ selectedPullCount }})
-            </n-button>
-          </div>
-        </div>
-
-        <!-- 拉取中 -->
-        <div v-if="pulling" class="pull-status">
-          <n-spin size="small" />
-          <span>正在拉取选中技能...</span>
-        </div>
-
-        <!-- 拉取结果 -->
-        <div v-if="pullResult" class="pull-result">
-          <div class="pull-result-line">
-            <span class="pull-result-label">已导入：</span>
-            <n-tag v-for="name in pullResult.imported" :key="name" size="small" type="success" style="margin: 2px">{{ name }}</n-tag>
-          </div>
-          <div v-if="pullResult.skipped?.length" class="pull-result-line">
-            <span class="pull-result-label">跳过：</span>
-            <n-tag v-for="name in pullResult.skipped" :key="name" size="small" style="margin: 2px">{{ name }}</n-tag>
-            <span class="pull-result-hint">（无 SKILL.md）</span>
-          </div>
-          <div class="preview-actions" style="margin-top: 12px;">
-            <n-button size="small" type="primary" @click="showPullModal = false">完成</n-button>
-          </div>
-        </div>
-      </div>
-    </ModalComp>
-
-    <!-- 同源兄弟更新提示 -->
-    <ModalComp
-      :show="!!updatedSiblings"
-      title="同源技能更新"
-      width="480px"
-      :mask-closable="true"
-      @update:show="(v) => { if (!v) updatedSiblings = null; }"
-    >
-      <div v-if="updatedSiblings" class="siblings-body">
-        <p class="siblings-desc">
-          <strong>{{ updatedSiblings.name }}</strong> 已更新。同仓库还有以下技能，是否一起更新？
-        </p>
-        <div class="siblings-list">
-          <n-checkbox
-            v-for="name in updatedSiblings.siblings"
-            :key="name"
-            v-model:checked="siblingCheck[name]"
-          >
-            {{ name }}
-          </n-checkbox>
-        </div>
-        <div class="siblings-actions">
-          <n-button size="small" @click="updatedSiblings = null">跳过</n-button>
-          <n-button size="small" type="primary" @click="handleSiblingUpdate" :loading="updatingSiblings">
-            更新选中
-          </n-button>
-        </div>
-      </div>
-    </ModalComp>
-
-    <!-- 全部更新弹窗 -->
-    <ModalComp
-      :show="showBatchModal"
-      :title="batchPhase === 'confirm' ? '批量更新确认' : batchPhase === 'executing' ? '正在更新...' : batchPhase === 'done' ? '更新完成' : '更新失败'"
-      width="480px"
-      :mask-closable="batchPhase !== 'executing'"
-      @update:show="(v) => { if (!v) { showBatchModal = false; if (batchPhase === 'executing') cancelTask(); } }"
-    >
-      <div class="batch-modal-body">
-        <template v-if="batchPhase === 'confirm'">
-          <p class="batch-desc">确定更新 "{{ batchGroup?.url }}" 下的 {{ batchGroup?.skills?.length }} 个技能吗？</p>
-          <div class="batch-actions">
-            <n-button size="small" @click="showBatchModal = false">取消</n-button>
-            <n-button size="small" type="primary" @click="doBatchUpdate">开始更新</n-button>
-          </div>
-        </template>
-        <template v-if="batchPhase === 'executing'">
-          <div class="batch-executing">
-            <n-spin size="small" />
-            <span>正在更新，请稍候...</span>
-          </div>
-        </template>
-        <template v-if="batchPhase === 'done'">
-          <div class="batch-result" v-if="batchResult">
-            <div v-if="batchResult.updated?.length > 0" class="batch-result-line">
-              <span class="batch-result-label">已更新：</span>
-              <n-tag v-for="name in batchResult.updated" :key="name" size="small" type="success">{{ name }}</n-tag>
-            </div>
-            <div v-if="batchResult.unchanged?.length > 0" class="batch-result-line">
-              <span class="batch-result-label">已是最新：</span>
-              <n-tag v-for="name in batchResult.unchanged" :key="name" size="small">{{ name }}</n-tag>
-            </div>
-            <div v-if="batchResult.notFound?.length > 0" class="batch-result-line">
-              <span class="batch-result-label">未找到：</span>
-              <n-tag v-for="name in batchResult.notFound" :key="name" size="small" type="warning">{{ name }}</n-tag>
-            </div>
-          </div>
-          <div class="batch-actions">
-            <n-button size="small" type="primary" @click="showBatchModal = false">完成</n-button>
-          </div>
-        </template>
-        <template v-if="batchPhase === 'error'">
-          <n-alert type="error" :bordered="false">{{ batchError }}</n-alert>
-          <div class="batch-actions" style="margin-top: 12px;">
-            <n-button size="small" type="primary" @click="showBatchModal = false">关闭</n-button>
-          </div>
-        </template>
-      </div>
-    </ModalComp>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, onActivated, onUnmounted, nextTick } from "vue";
-import { NIcon, useMessage, createDiscreteApi, darkTheme } from "naive-ui";
-import { RefreshOutline, FolderOpenOutline, SearchOutline, PencilOutline, EllipsisHorizontalOutline } from "@vicons/ionicons5";
-import { marked } from "marked";
-import hljs from "highlight.js";
-import SkillCard from "../components/SkillCard.vue";
-import ModalComp from "../components/ModalComp.vue";
-import { getSkills, getReadme, getSkillReadme, updateSkillMeta, deleteSkill, pullSkills, cancelPull, installSkills, getSkillSource, updateSkill, batchUpdateSkills, openSkillDir, cancelTask, getSourceNames, saveSourceNames, bulkToggleSkills, bulkDeleteSkills } from "../api/skills";
-import { sortSkills, getUsageMap, recordUsage } from "../utils/usage";
-
-// marked 配置：代码高亮 + 外链安全
-marked.use({
-  renderer: {
-    code({ text, lang }) {
-      const language = lang && hljs.getLanguage(lang) ? lang : "plaintext";
-      let highlighted;
-      try {
-        highlighted = hljs.highlight(text, { language }).value;
-      } catch {
-        highlighted = hljs.highlightAuto(text).value;
-      }
-      return `<pre><button class="copy-btn" onclick="navigator.clipboard.writeText(this.parentNode.querySelector('code').textContent);this.textContent='已复制';setTimeout(()=>this.textContent='复制',1500)">复制</button><code class="hljs language-${language}">${highlighted}</code></pre>`;
-    },
-    link({ href, text }) {
-      const isExternal =
-        href && (href.startsWith("http://") || href.startsWith("https://"));
-      const target = isExternal
-        ? ' target="_blank" rel="noopener noreferrer"'
-        : "";
-      return `<a href="${href}"${target}>${text}</a>`;
-    },
-  },
-});
-
-const emit = defineEmits(["refresh"]);
-const message = useMessage();
-
-function getDialog() {
-  const isDark = document.documentElement.getAttribute("data-theme") === "dark";
-  return createDiscreteApi(["dialog"], {
-    configProviderProps: { theme: isDark ? darkTheme : undefined },
-  }).dialog;
-}
-const skills = ref([]);
-const loading = ref(false);
-const needsSetup = ref(false);
-const sourceNames = ref({});
-
-// README
-const readmeContent = ref(null);
-const renderedReadme = ref("");
-const readmeOpen = ref(false);
-
-// 详情弹窗
-const detailVisible = ref(false);
-const detailSkill = ref(null);
-const detailLoading = ref(false);
-const detailContent = ref(null);
-const renderedDetail = ref("");
-
-// 编辑面板
-const editVersion = ref("");
-const editDescription = ref("");
-const editTags = ref([]);
-const savingMeta = ref(false);
-const originalMeta = ref(null);
-const isMetaDirty = computed(() => {
-  if (!originalMeta.value) return false;
-  return editVersion.value !== originalMeta.value.version
-    || editDescription.value !== originalMeta.value.description
-    || JSON.stringify([...editTags.value].sort()) !== JSON.stringify([...originalMeta.value.tags].sort());
-});
-
-// 分组折叠
-const groupOpen = ref({});
-const toggleGroup = (key) => {
-  groupOpen.value[key] = !groupOpen.value[key];
-};
-
-// 技能来源 & 更新
-const skillSource = ref(null);
-const updatingSkill = ref(false);
-
-// 同源兄弟提示
-const updatedSiblings = ref(null);
-const siblingCheck = ref({});
-const updatingSiblings = ref(false);
-
-// 全部更新弹窗
-const showBatchModal = ref(false);
-const batchPhase = ref("confirm");
-const batchGroup = ref(null);
-const batchResult = ref(null);
-const batchError = ref("");
-
-async function handleSiblingUpdate() {
-  const selected = Object.keys(siblingCheck.value).filter((k) => siblingCheck.value[k]);
-  if (selected.length === 0) {
-    message.info("未选择任何技能");
-    updatedSiblings.value = null;
-    return;
-  }
-  updatingSiblings.value = true;
-  try {
-    const res = await batchUpdateSkills(selected, updatedSiblings.value.url);
-    if (res.ok) {
-      message.success(`${res.updated.length} 个技能已更新`);
-      await loadSkills();
-    }
-  } catch {
-    message.error("更新失败");
-  } finally {
-    updatingSiblings.value = false;
-    updatedSiblings.value = null;
-  }
-}
-
-// 别名编辑（分组 header 原地编辑）
-const editingAlias = ref(null);
-const editAliasValue = ref("");
-
-// 源管理（拉取弹窗内）
-const showSourceManager = ref(false);
-const knownUrlsList = ref([]);
-const editSourceNames = ref({});
-const savingSourceNames = ref(false);
-
-// 搜索
-const searchQuery = ref("");
-
-// 标签筛选 & 排序
-const selectedTags = ref([]);
-const sortBy = ref("name");
-const sortOptions = [
-  { label: "按名称", value: "name" },
-  { label: "按频率", value: "frequency" },
-  { label: "最近使用", value: "recent" },
-];
-
-
-// 拉取（两阶段：预览 → 选择 → 拉取）
-const pullUrl = ref("");
-const previewing = ref(false);
-const previewDone = ref(false);
-const previewSkillList = ref([]);
-const pullCheck = ref({});
-const pulling = ref(false);
-const pullResult = ref(null);
-const pullError = ref("");
-const showPullModal = ref(false);
-const pullSearch = ref("");
-
-const selectedPullCount = computed(() => {
-  return Object.keys(pullCheck.value).filter(k => pullCheck.value[k]).length;
-});
-
-const filteredPullSkills = computed(() => {
-  if (!pullSearch.value) return previewSkillList.value;
-  const q = pullSearch.value.toLowerCase();
-  return previewSkillList.value.filter((n) => n.toLowerCase().includes(q));
-});
-
-function openPullModal() {
-  const savedY = window.scrollY;
-  showPullModal.value = true;
-  pullUrl.value = "";
-  previewDone.value = false;
-  previewing.value = false;
-  previewSkillList.value = [];
-  pullCheck.value = {};
-  pullResult.value = null;
-  pullError.value = "";
-  showSourceManager.value = false;
-  loadSourceNames();
-  nextTick(() => window.scrollTo(0, savedY));
-}
-
-function togglePullAll() {
-  const checked = Object.values(pullCheck.value).some(v => !v);
-  for (const key of Object.keys(pullCheck.value)) {
-    pullCheck.value[key] = checked;
-  }
-}
-
-async function handlePreview() {
-  if (!pullUrl.value.trim()) {
-    pullError.value = "请输入仓库地址";
-    return;
-  }
-  previewing.value = true;
-  previewDone.value = false;
-  pullResult.value = null;
-  pullError.value = "";
-  try {
-    const res = await pullSkills(pullUrl.value.trim());
-    if (!showPullModal.value) return;
-    if (res.ok) {
-      previewSkillList.value = res.skills || [];
-      const check = {};
-      (res.skills || []).forEach(n => { check[n] = true; });
-      pullCheck.value = check;
-      previewDone.value = true;
-    } else {
-      pullError.value = res.error || "预览失败";
-    }
-  } catch (e) {
-    if (!showPullModal.value) return;
-    pullError.value = "预览失败，请检查地址或网络";
-  } finally {
-    previewing.value = false;
-  }
-}
-
-async function handlePull() {
-  const selected = Object.keys(pullCheck.value).filter(k => pullCheck.value[k]);
-  if (selected.length === 0) {
-    pullError.value = "请至少选择一个技能";
-    return;
-  }
-  pulling.value = true;
-  pullError.value = "";
-  try {
-    const res = await pullSkills(pullUrl.value.trim(), selected);
-    if (!showPullModal.value) return;
-    if (res.ok) {
-      pullResult.value = { imported: res.imported, skipped: res.skipped || [] };
-      // 自动安装到项目目录
-      await installSkills(selected);
-      message.success(`已拉取并安装 ${selected.length} 个技能`);
-      // 记录使用
-      selected.forEach(recordUsage);
-      await loadSkills();
-    } else {
-      pullError.value = res.error || "拉取失败";
-    }
-  } catch (e) {
-    if (!showPullModal.value) return;
-    pullError.value = "拉取失败，请检查地址或网络";
-  } finally {
-    pulling.value = false;
-  }
-}
-const existingSkillNames = computed(() => new Set(skills.value.map(s => s.name)));
-
-const allTags = computed(() => {
-  const set = new Set();
-  skills.value.forEach((s) => (s.tags || []).forEach((t) => set.add(t)));
-  return [...set].sort();
-});
-
-const displaySkills = computed(() => {
-  let filtered = skills.value;
-  if (selectedTags.value.length > 0) {
-    filtered = skills.value.filter((s) =>
-      selectedTags.value.every((t) => (s.tags || []).includes(t))
-    );
-  }
-  if (searchQuery.value) {
-    const q = searchQuery.value.toLowerCase();
-    filtered = filtered.filter((s) =>
-      s.name.toLowerCase().includes(q)
-      || (s.description || "").toLowerCase().includes(q)
-    );
-  }
-  return sortSkills(filtered, sortBy.value);
-});
-
-const groupedSkills = computed(() => {
-  const groups = {};
-  for (const skill of displaySkills.value) {
-    const isRemote = skill.source?.type === "remote";
-    const key = isRemote ? skill.source.url : "__local__";
-    if (!groups[key]) {
-      groups[key] = {
-        key,
-        type: isRemote ? "remote" : "local",
-        url: skill.source?.url || "",
-        skills: [],
-      };
-    }
-    groups[key].skills.push(skill);
-  }
-  // 默认展开所有分组
-  for (const key of Object.keys(groups)) {
-    if (groupOpen.value[key] === undefined) groupOpen.value[key] = true;
-  }
-  // 远程分组排前面，本地排后面
-  return Object.values(groups).sort((a, b) => {
-    if (a.type === "remote" && b.type === "local") return -1;
-    if (a.type === "local" && b.type === "remote") return 1;
-    return 0;
-  });
-});
-
-function toggleTag(tag) {
-  const idx = selectedTags.value.indexOf(tag);
-  if (idx === -1) selectedTags.value.push(tag);
-  else selectedTags.value.splice(idx, 1);
-}
-
-function getUsage(name) {
-  const usage = getUsageMap();
-  return usage[name]?.count || 0;
-}
-
-/** 去掉 YAML frontmatter（--- 包裹的元数据） */
-function stripFrontmatter(text) {
-  if (!text) return text;
-  return text.replace(/^---[\s\S]*?---\s*/, "");
-}
-
-/** 渲染 markdown，返回 HTML */
-function renderMd(text) {
-  if (!text) return "";
-  const body = stripFrontmatter(text);
-  if (!body.trim()) return "";
-  try {
-    return marked.parse(body);
-  } catch {
-    return body;
-  }
-}
-
-async function loadSkills() {
-  loading.value = true;
-  needsSetup.value = false;
-  try {
-    const res = await getSkills();
-    if (Array.isArray(res)) {
-      skills.value = res;
-      emit("refresh");
-    } else if (res.error) {
-      needsSetup.value = true;
-      skills.value = [];
-    }
-  } catch {
-    skills.value = [];
-  } finally {
-    loading.value = false;
-  }
-}
-
-async function loadReadme() {
-  try {
-    const res = await getReadme();
-    if (res.content) {
-      renderedReadme.value = renderMd(res.content);
-      readmeContent.value = res.content;
-    }
-  } catch {
-    // 静默失败
-  }
-}
-
-async function showSkillDetail(skill) {
-  const savedY = window.scrollY;
-  detailSkill.value = skill;
-  detailVisible.value = true;
-  detailLoading.value = true;
-  detailContent.value = null;
-  renderedDetail.value = "";
-  skillSource.value = null;
-  editVersion.value = skill.version || "1.0.0";
-  editDescription.value = skill.description || "";
-  editTags.value = [...(skill.tags || [])];
-  originalMeta.value = {
-    version: editVersion.value,
-    description: editDescription.value,
-    tags: [...editTags.value],
-  };
-  nextTick(() => window.scrollTo(0, savedY));
-  // 查来源
-  try {
-    const res = await getSkillSource(skill.name);
-    skillSource.value = res;
-  } catch { /* ignore */ }
-  try {
-    const res = await getSkillReadme(skill.name);
-    if (res.content) {
-      detailContent.value = res.content;
-      await nextTick();
-      renderedDetail.value = renderMd(res.content);
-    }
-  } catch {
-    detailContent.value = null;
-  } finally {
-    detailLoading.value = false;
-  }
-}
-
-function handleDetailClose(v) {
-  if (!v) {
-    if (isMetaDirty.value) {
-      getDialog().warning({
-        title: "未保存的修改",
-        content: "编辑面板中有未保存的修改，确定关闭吗？",
-        positiveText: "确定关闭",
-        negativeText: "取消",
-        onPositiveClick: () => {
-          closeDetailModal();
-        },
-      });
-      return;
-    }
-    closeDetailModal();
-  }
-}
-
-function closeDetailModal() {
-  detailVisible.value = false;
-  updatingSkill.value = false;
-  detailLoading.value = false;
-  cancelTask();
-}
-
-async function handleUpdate() {
-  if (!detailSkill.value) return;
-  updatingSkill.value = true;
-  try {
-    const res = await updateSkill(detailSkill.value.name);
-    if (!detailVisible.value) return;
-    if (res.ok) {
-      if (res.updated === false) {
-        message.info("已是最新版本，无需更新");
-      } else {
-        message.success("技能已更新到最新版本");
-        if (res.siblings && res.siblings.length > 0) {
-          updatedSiblings.value = {
-            name: detailSkill.value.name,
-            url: skillSource.value?.url || "",
-            siblings: res.siblings,
-          };
-          const sel = {};
-          res.siblings.forEach((n) => { sel[n] = true; });
-          siblingCheck.value = sel;
-        }
-        if (res.updatedAt) {
-          skillSource.value = { type: "remote", url: res.url, pulledAt: res.updatedAt };
-        }
-      }
-      await loadSkills();
-    } else {
-      message.error(res.error || "更新失败");
-    }
-  } catch {
-    if (!detailVisible.value) return;
-    message.error("更新失败");
-  } finally {
-    updatingSkill.value = false;
-  }
-}
-
-async function batchUpdateGroup(group) {
-  const savedY = window.scrollY;
-  batchGroup.value = group;
-  batchResult.value = null;
-  batchError.value = "";
-  batchPhase.value = "confirm";
-  showBatchModal.value = true;
-  nextTick(() => window.scrollTo(0, savedY));
-}
-
-async function doBatchUpdate() {
-  batchPhase.value = "executing";
-  try {
-    const names = batchGroup.value.skills.map((s) => s.name);
-    const res = await batchUpdateSkills(names, batchGroup.value.url);
-    if (res.ok) {
-      batchResult.value = { updated: res.updated, unchanged: res.unchanged, notFound: res.notFound };
-      batchPhase.value = "done";
-      await loadSkills();
-    } else {
-      batchError.value = res.error || "批量更新失败";
-      batchPhase.value = "error";
-    }
-  } catch {
-    batchError.value = "批量更新失败";
-    batchPhase.value = "error";
-  }
-}
-
-function openDir() {
-  if (!detailSkill.value) return;
-  openSkillDir(detailSkill.value.name);
-  message.info("已打开技能目录");
-}
-
-async function saveMeta() {
-  if (!detailSkill.value) return;
-  savingMeta.value = true;
-  try {
-    const res = await updateSkillMeta(detailSkill.value.name, {
-      version: editVersion.value,
-      description: editDescription.value,
-      tags: editTags.value,
-    });
-    if (res.ok) {
-      message.success("技能信息已更新");
-      detailSkill.value.version = editVersion.value;
-      detailSkill.value.description = editDescription.value;
-      detailSkill.value.tags = [...editTags.value];
-      originalMeta.value = {
-        version: editVersion.value,
-        description: editDescription.value,
-        tags: [...editTags.value],
-      };
-      await loadSkills();
-    }
-  } catch {
-    message.error("保存失败");
-  } finally {
-    savingMeta.value = false;
-  }
-}
-
-async function handleDelete() {
-  if (!detailSkill.value) return;
-  const ok = window.confirm(`确定要删除技能 "${detailSkill.value.name}" 吗？
-将同时删除源目录和项目目录中的文件。`);
-  if (!ok) return;
-  try {
-    const res = await deleteSkill(detailSkill.value.name);
-    if (res.ok) {
-      message.success(`技能 "${detailSkill.value.name}" 已删除`);
-      detailVisible.value = false;
-      await loadSkills();
-    } else if (res.locked) {
-      message.warning(res.error || `技能 "${detailSkill.value.name}" 被其他程序占用，无法删除`);
-    }
-  } catch {
-    message.error("删除失败");
-  }
-}
-
-// ---------- P1 新功能 ----------
-
-// 加载源别名
-async function loadSourceNames() {
-  try {
-    const res = await getSourceNames();
-    sourceNames.value = res.names || {};
-    knownUrlsList.value = res.knownUrls || [];
-  } catch { /* 静默 */ }
-}
-
-// 切换别名管理面板
-function toggleSourceManager() {
-  showSourceManager.value = !showSourceManager.value;
-  if (showSourceManager.value) {
-    editSourceNames.value = { ...sourceNames.value };
-    loadSourceNames();
-  }
-}
-
-// 保存别名
-async function doSaveSourceNames() {
-  savingSourceNames.value = true;
-  try {
-    const names = {};
-    for (const [url, alias] of Object.entries(editSourceNames.value)) {
-      if (alias && alias.trim()) names[url] = alias.trim();
-    }
-    const res = await saveSourceNames(names);
-    if (res.ok) {
-      sourceNames.value = names;
-      message.success("别名已保存");
-      showSourceManager.value = false;
-    }
-  } catch {
-    message.error("保存失败");
-  } finally {
-    savingSourceNames.value = false;
-  }
-}
-
-// 分组 header 别名原地编辑
-function startEditAlias(group) {
-  editingAlias.value = group.key;
-  editAliasValue.value = sourceNames.value[group.url] || "";
-}
-
-async function saveAlias(group) {
-  if (!editingAlias.value) return;
-  const url = group.url;
-  const alias = editAliasValue.value.trim();
-  const names = { ...sourceNames.value };
-  if (alias) {
-    names[url] = alias;
-  } else {
-    delete names[url];
-  }
-  editingAlias.value = null;
-  try {
-    const res = await saveSourceNames(names);
-    if (res.ok) sourceNames.value = names;
-  } catch { /* 静默 */ }
-}
-
-// 分组批量操作菜单
-function getBatchMenuOptions(group) {
-  return [
-    { label: "全部启用", key: "enable" },
-    { label: "全部禁用", key: "disable" },
-    { label: "全部更新", key: "update" },
-    { type: "divider" },
-    { label: "删除该源所有技能", key: "delete" },
-  ];
-}
-
-async function onBatchMenuSelect(key, group) {
-  const names = group.skills.map((s) => s.name);
-  switch (key) {
-    case "enable":
-      try {
-        const r1 = await bulkToggleSkills(names, true);
-        if (r1.locked?.length) {
-          message.warning(`已启用 ${names.length - r1.locked.length} 个技能，${r1.locked.length} 个被占用`);
-        } else {
-          message.success(`${names.length} 个技能已启用`);
-        }
-        await loadSkills();
-      } catch {
-        message.error("操作失败");
-      }
-      break;
-    case "disable":
-      try {
-        const r2 = await bulkToggleSkills(names, false);
-        if (r2.locked?.length) {
-          message.warning(`已停用 ${names.length - r2.locked.length} 个技能，${r2.locked.length} 个被占用`);
-        } else {
-          message.success(`${names.length} 个技能已停用`);
-        }
-        await loadSkills();
-      } catch {
-        message.error("操作失败");
-      }
-      break;
-    case "update":
-      await batchUpdateGroup(group);
-      break;
-    case "delete":
-      getDialog().warning({
-        title: "删除确认",
-        content: `确定要删除该源下的 ${names.length} 个技能吗？将同时删除源目录和项目目录中的文件。`,
-        positiveText: "确定删除",
-        negativeText: "取消",
-        onPositiveClick: async () => {
-          try {
-            const r3 = await bulkDeleteSkills(names);
-            if (r3.locked?.length) {
-              message.warning(`已删除 ${r3.deleted?.length || 0} 个技能，${r3.locked.length} 个被占用`);
-            } else {
-              message.success(`${names.length} 个技能已删除`);
-            }
-            await loadSkills();
-          } catch {
-            message.error("删除失败");
-          }
-        },
-      });
-      break;
-  }
-}
-
-// 首次加载
-onMounted(() => {
-  loadSkills();
-  loadReadme();
-  loadSourceNames();
-});
-
-// keep-alive 切回来时自动刷新
-onActivated(loadSkills);
-
-// 从其他窗口切回浏览器时自动刷新
-function onFocus() {
-  if (document.visibilityState === "visible") {
-    loadSkills();
-    loadReadme();
-  }
-}
-onMounted(() => document.addEventListener("visibilitychange", onFocus));
-onUnmounted(() => document.removeEventListener("visibilitychange", onFocus));
-</script>
-
-<style scoped>
-.dashboard {
-  overflow-anchor: auto;
-}
-
-.page-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 4px;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.page-header h2 {
-  font-size: 20px;
-  font-weight: 600;
-}
-
-.header-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.tag-filter {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 16px;
-  flex-wrap: wrap;
-}
-
-.search-bar {
-  margin-bottom: 12px;
-}
-
-.detail-status {
-  display: flex;
-  justify-content: center;
-  padding: 40px 0;
-}
-
-.detail-body {
-  max-height: 65vh;
-  overflow-y: auto;
-}
-
-.edit-panel {
-  margin-bottom: 4px;
-}
-
-.edit-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  margin-bottom: 10px;
-}
-
-.edit-label {
-  width: 50px;
-  font-size: 13px;
-  color: #888;
-  line-height: 30px;
-  flex-shrink: 0;
-}
-
-.update-count-hint {
-  font-size: 12px;
-  color: #e68a00;
-  font-family: monospace;
-  margin-left: 8px;
-}
-
-.pull-modal-body {
-  min-height: 100px;
-}
-
-.pull-status {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 24px 0;
-  justify-content: center;
-  color: #666;
-  font-size: 13px;
-}
-
-.preview-result {
-  margin-top: 8px;
-}
-
-.pull-search-input {
-  margin-bottom: 8px;
-}
-
-.preview-info {
-  font-size: 13px;
-  margin-bottom: 10px;
-  color: #555;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.preview-list {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-  gap: 6px;
-  margin-bottom: 14px;
-  padding: 10px;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 6px;
-  max-height: 300px;
-  overflow-y: auto;
-}
-
-.preview-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.pull-section {
-  margin-top: 12px;
-}
-
-.pull-input-row {
-  display: flex;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-
-.pull-input-row .n-input {
-  flex: 1;
-}
-
-.pull-error {
-  margin-bottom: 8px;
-}
-
-.pull-result {
-  margin-top: 8px;
-}
-
-.pull-result-line {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 4px;
-  margin-bottom: 8px;
-  font-size: 13px;
-}
-
-.pull-result-label {
-  color: #888;
-  flex-shrink: 0;
-}
-
-.pull-result-hint {
-  color: #999;
-  font-size: 12px;
-}
-
-.install-panel {
-  margin-top: 12px;
-  padding: 12px;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 6px;
-}
-
-.install-panel-label {
-  font-size: 13px;
-  margin-bottom: 8px;
-  color: #666;
-}
-
-.install-check-list {
-  margin-bottom: 10px;
-}
-
-.install-btn {
-  float: right;
-}
-
-.edit-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.alias-edit-trigger {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  opacity: 0;
-  transition: opacity 0.15s;
-  vertical-align: middle;
-}
-
-.group-header:hover .alias-edit-trigger {
-  opacity: 1;
-}
-
-.alias-edit-icon {
-  color: #999;
-}
-
-.alias-edit-inline {
-  display: inline-flex;
-  align-items: center;
-}
-
-.group-menu-btn {
-  flex-shrink: 0;
-}
-
-/* 源别名管理 */
-.source-manager {
-  margin-top: 8px;
-  padding: 10px;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 6px;
-}
-
-.source-manager-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.source-manager-title {
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.source-manager-list {
-  max-height: 240px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.source-manager-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.source-manager-url {
-  font-size: 11px;
-  font-family: monospace;
-  color: #888;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.source-manager-empty {
-  font-size: 12px;
-  color: #999;
-  padding: 12px 0;
-  text-align: center;
-}
-
-.source-manager-actions {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 8px;
-}
-
-.installed-tag {
-  margin-left: 4px;
-}
-
-/* 分组折叠 */
-.skill-group {
-  margin-bottom: 4px;
-}
-
-.group-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 4px;
-  cursor: pointer;
-  border-radius: 4px;
-  user-select: none;
-}
-
-.group-header:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-
-.fold-arrow {
-  font-size: 10px;
-  transition: transform 0.2s;
-  color: #999;
-  flex-shrink: 0;
-}
-
-.fold-arrow.open {
-  transform: rotate(90deg);
-}
-
-.group-label {
-  font-size: 13px;
-  font-weight: 600;
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  min-width: 0;
-}
-
-.group-count {
-  font-size: 12px;
-  color: #999;
-  flex-shrink: 0;
-}
-
-.group-update-btn {
-  flex-shrink: 0;
-}
-
-.group-body {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 8px;
-}
-
-/* 底部 README */
-.readme-fold {
-  margin-top: 24px;
-  border-top: 1px solid rgba(128, 128, 128, 0.15);
-  padding-top: 12px;
-}
-.setup-card {
-  margin-bottom: 20px;
-}
-
-.setup-card-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: 32px 16px;
-  gap: 12px;
-}
-
-.setup-icon {
-  margin-bottom: 4px;
-}
-
-.setup-title {
-  font-size: 18px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.setup-desc {
-  font-size: 13px;
-  color: #666;
-  margin: 0;
-  max-width: 420px;
-  line-height: 1.6;
-}
-
-.setup-desc code {
-  font-size: 12px;
-  background: rgba(0, 0, 0, 0.06);
-  padding: 1px 6px;
-  border-radius: 3px;
-}
-
-/* 分组类型视觉区分 */
-.skill-group.group-remote {
-  border-left: 3px solid #2080f0;
-  padding-left: 8px;
-  margin-bottom: 12px;
-}
-
-.skill-group.group-local {
-  border-left: 3px solid #18a058;
-  padding-left: 8px;
-  margin-bottom: 12px;
-}
-
-.group-indicator {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.indicator-remote {
-  background: #2080f0;
-}
-
-.indicator-local {
-  background: #18a058;
-}
-
-/* 来源信息 */
-.source-info {
-  margin-bottom: 4px;
-}
-
-.source-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 6px;
-  font-size: 13px;
-}
-
-.source-label {
-  width: 70px;
-  color: #888;
-  flex-shrink: 0;
-}
-
-.source-value {
-  word-break: break-all;
-}
-
-.local-tag {
-  display: inline-block;
-  padding: 1px 8px;
-  border-radius: 3px;
-  font-size: 12px;
-  background: #e8f5e9;
-  color: #2e7d32;
-}
-
-.path-text {
-  font-family: monospace;
-  font-size: 12px;
-  color: #666;
-}
-
-.source-actions {
-  display: flex;
-  gap: 8px;
-  margin-top: 8px;
-}
-
-.local-hint {
-  margin-top: 8px;
-  font-size: 12px;
-  color: #999;
-  line-height: 1.5;
-  padding: 8px;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 4px;
-}
-
-/* 同源兄弟 */
-.siblings-body {
-  min-height: 60px;
-}
-
-.siblings-desc {
-  font-size: 13px;
-  margin-bottom: 12px;
-  line-height: 1.6;
-}
-
-.siblings-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-bottom: 16px;
-}
-
-.siblings-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-/* 全部更新弹窗 */
-.batch-modal-body {
-  min-height: 60px;
-}
-
-.batch-desc {
-  font-size: 13px;
-  line-height: 1.6;
-  margin-bottom: 16px;
-}
-
-.batch-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.batch-executing {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 24px 0;
-  justify-content: center;
-  color: #666;
-  font-size: 13px;
-}
-
-.batch-result {
-  margin-bottom: 16px;
-}
-
-.batch-result-line {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 10px;
-  font-size: 13px;
-}
-
-.batch-result-label {
-  color: #888;
-  flex-shrink: 0;
-}
-</style>
-
-<style>
-[data-theme="dark"] .edit-label,
-[data-theme="dark"] .source-label,
-[data-theme="dark"] .pull-result-label,
-[data-theme="dark"] .batch-result-label {
-  color: #9399b2 !important;
-}
-[data-theme="dark"] .update-count-hint {
-  color: #fbbf24;
-}
-[data-theme="dark"] .pull-status,
-[data-theme="dark"] .batch-executing,
-[data-theme="dark"] .install-panel-label {
-  color: #a6adc8;
-}
-[data-theme="dark"] .preview-info {
-  color: #a6adc8;
-}
-[data-theme="dark"] .pull-result-hint,
-[data-theme="dark"] .group-count,
-[data-theme="dark"] .local-hint {
-  color: #6c7086;
-}
-[data-theme="dark"] .path-text {
-  color: #a6adc8;
-}
-[data-theme="dark"] .preview-list,
-[data-theme="dark"] .install-panel,
-[data-theme="dark"] .local-hint {
-  background: rgba(255, 255, 255, 0.03);
-}
-[data-theme="dark"] .group-header:hover {
-  background: rgba(255, 255, 255, 0.04);
-}
-[data-theme="dark"] .local-tag {
-  background: rgba(74, 222, 128, 0.15);
-  color: #4ade80;
-}
-[data-theme="dark"] .skill-group.group-remote {
-  border-left-color: #6a8cff;
-}
-[data-theme="dark"] .skill-group.group-local {
-  border-left-color: #4ade80;
-}
-[data-theme="dark"] .indicator-remote {
-  background: #6a8cff;
-}
-[data-theme="dark"] .indicator-local {
-  background: #4ade80;
-}
-[data-theme="dark"] .setup-desc {
-  color: #a6adc8;
-}
-[data-theme="dark"] .setup-desc code {
-  background: rgba(255, 255, 255, 0.08);
-}
-[data-theme="dark"] .readme-fold {
-  border-top-color: rgba(255, 255, 255, 0.08);
-}
-[data-theme="dark"] .source-manager {
-  background: rgba(255, 255, 255, 0.03);
-}
-[data-theme="dark"] .source-manager-url {
-  color: #6c7086;
-}
-[data-theme="dark"] .alias-edit-icon {
-  color: #6c7086;
-}
-[data-theme="dark"] .source-value {
-  color: #cdd6f4 !important;
-}
-[data-theme="dark"] .siblings-desc {
-  color: #cdd6f4 !important;
-}
-[data-theme="dark"] .batch-desc {
-  color: #cdd6f4 !important;
-}
-[data-theme="dark"] .source-manager-title {
-  color: #e4e4ef !important;
-}
-</style>