client.js

window.__ModuleLoader__.load({
  id: 'dsh-plugin-center',
  factory: (require) => {
    const module = { exports: {} }
    const exports = module.exports
    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })

    const React = require('react')
    const h = React.createElement
    const { useCallback, useEffect, useMemo, useState } = React
    const API_PATH = '/api/dsh-plugin-center'

    async function api(view, options) {
      const response = await fetch(view ? `${API_PATH}?view=${encodeURIComponent(view)}` : API_PATH, {
        ...options,
        headers: { 'content-type': 'application/json', ...(options?.headers || {}) },
      })
      const body = await response.json().catch(() => ({}))
      if (!response.ok) throw new Error(body.error || `HTTP ${response.status}`)
      return body
    }

    function post(payload) {
      return api('', { method: 'POST', body: JSON.stringify(payload) })
    }

    function formatStars(value) {
      return Number(value || 0).toLocaleString('zh-CN')
    }

    function formatDate(value) {
      if (!value) return '未知'
      const date = new Date(value)
      return Number.isNaN(date.getTime()) ? '未知' : date.toLocaleDateString('zh-CN')
    }

    function textMatch(values, query) {
      const normalized = query.trim().toLocaleLowerCase()
      return !normalized || values.some(value => String(value || '').toLocaleLowerCase().includes(normalized))
    }

    function useRemote(view) {
      const [version, setVersion] = useState(0)
      const [state, setState] = useState({ status: 'loading' })
      useEffect(() => {
        let live = true
        setState({ status: 'loading' })
        api(view).then(
          value => { if (live) setState({ status: 'ready', value }) },
          error => { if (live) setState({ status: 'error', error }) },
        )
        return () => { live = false }
      }, [view, version])
      return [state, () => setVersion(value => value + 1)]
    }

    function Status({ children, tone = 'neutral' }) {
      return h('span', { className: 'pc-status', 'data-tone': tone }, children)
    }

    function EmptyState({ title, copy }) {
      return h('div', { className: 'pc-empty' },
        h('span', { className: 'pc-empty-mark', 'aria-hidden': 'true' }, '∅'),
        h('strong', null, title),
        h('p', null, copy),
      )
    }

    function LoadingState() {
      return h('div', { className: 'pc-loading', 'aria-live': 'polite' },
        h('span', { className: 'pc-loader', 'aria-hidden': 'true' }),
        h('span', null, '正在整理插件信息…'),
      )
    }

    function ErrorState({ error, retry }) {
      return h('div', { className: 'pc-error', role: 'alert' },
        h('div', null,
          h('strong', null, '这次没有读取成功'),
          h('p', null, error?.message || '请稍后重试。'),
        ),
        h('button', { type: 'button', className: 'pc-button pc-button-quiet', onClick: retry }, '重试'),
      )
    }

    function SearchBar({ value, onChange, placeholder, children }) {
      return h('div', { className: 'pc-toolbar' },
        h('label', { className: 'pc-search' },
          h('span', { 'aria-hidden': 'true' }, '⌕'),
          h('span', { className: 'pc-sr-only' }, '搜索'),
          h('input', {
            type: 'search',
            value,
            placeholder,
            onChange: event => onChange(event.currentTarget.value),
          }),
        ),
        children,
      )
    }

    function DescriptionEditor({ item, onClose, onSaved }) {
      const [zh, setZh] = useState(item.descriptionZh || '')
      const [en, setEn] = useState(item.descriptionEn || '')
      const [saving, setSaving] = useState(false)
      const [error, setError] = useState('')
      const save = async () => {
        setSaving(true)
        setError('')
        try {
          await post({ operation: 'save-description', moduleName: item.moduleName, zh, en })
          onSaved()
          onClose()
        } catch (caught) {
          setError(caught.message)
        } finally {
          setSaving(false)
        }
      }
      return h('div', { className: 'pc-editor' },
        h('div', { className: 'pc-editor-head' },
          h('div', null,
            h('strong', null, '自定义功能说明'),
            h('p', null, '留空并保存可恢复插件包自带说明。'),
          ),
          h('button', { type: 'button', className: 'pc-icon-button', onClick: onClose, 'aria-label': '关闭编辑' }, '×'),
        ),
        h('label', null,
          h('span', null, '中文'),
          h('textarea', { value: zh, maxLength: 500, rows: 3, onChange: event => setZh(event.currentTarget.value) }),
        ),
        h('label', null,
          h('span', null, 'English（可选）'),
          h('textarea', { value: en, maxLength: 500, rows: 2, onChange: event => setEn(event.currentTarget.value) }),
        ),
        error ? h('p', { className: 'pc-inline-error', role: 'alert' }, error) : null,
        h('div', { className: 'pc-editor-actions' },
          h('button', { type: 'button', className: 'pc-button pc-button-quiet', onClick: onClose }, '取消'),
          h('button', { type: 'button', className: 'pc-button pc-button-primary', disabled: saving, onClick: save }, saving ? '保存中…' : '保存说明'),
        ),
      )
    }

    function InstalledRow({ item, onEdit, onManage, busy }) {
      const phaseTone = item.enabled && item.phase === 'active' ? 'good' : item.phase === 'failed' ? 'bad' : 'neutral'
      return h('article', { className: 'pc-plugin-row' },
        h('div', { className: 'pc-row-content' },
          h('div', { className: 'pc-row-heading' },
            h('strong', { className: 'pc-row-title', title: item.moduleName }, item.title),
            h('div', { className: 'pc-badges' },
              item.builtIn ? h(Status, null, '内置') : null,
              h(Status, { tone: item.enabled ? phaseTone : 'neutral' }, item.enabled ? (item.phase === 'active' ? '运行中' : '已启用') : '已停用'),
            ),
          ),
          h('p', { className: 'pc-row-description' }, item.description),
          h('div', { className: 'pc-row-meta' },
            h('code', null, item.moduleName),
            item.version ? h('span', null, `v${item.version}`) : null,
            h('span', null, item.descriptionSource === 'user' ? '你的说明' : item.descriptionSource === 'package' ? '插件说明' : '自动概括'),
          ),
        ),
        h('div', { className: 'pc-row-actions' },
          item.repository ? h('a', { href: item.repository, target: '_blank', rel: 'noreferrer', className: 'pc-text-action' }, '仓库 ↗') : null,
          h('button', { type: 'button', className: 'pc-text-action', onClick: onEdit }, '编辑说明'),
          item.manageable ? h('button', { type: 'button', className: 'pc-text-action', disabled: busy, onClick: () => onManage('update', item) }, '更新') : null,
          item.manageable ? h('button', { type: 'button', className: 'pc-text-action pc-danger', disabled: busy, onClick: () => onManage('remove', item) }, '卸载') : null,
          h('span', { className: 'pc-row-chevron', 'aria-hidden': 'true' }, '›'),
        ),
      )
    }

    function RepositoryRow({ item, installedPackages, onInstall, busy, recommended = false }) {
      const installed = installedPackages.has(item.name) || installedPackages.has(item.repo.split('/')[1])
      return h('article', { className: 'pc-plugin-row pc-repository-row' },
        h('div', { className: 'pc-row-content' },
          h('div', { className: 'pc-row-heading' },
            h('strong', { className: 'pc-row-title' }, item.name),
            recommended ? h(Status, { tone: 'blue' }, '精选') : null,
            h(Status, { tone: item.stars < 100 ? 'good' : 'neutral' }, `★ ${formatStars(item.stars)}`),
          ),
          h('p', { className: 'pc-row-description' }, recommended && item.reason
            ? item.reason
            : item.description || '仓库暂未提供简短说明。'),
          recommended && item.description ? h('p', { className: 'pc-row-secondary' }, item.description) : null,
          h('div', { className: 'pc-row-meta' },
            h('code', null, item.repo),
            h('span', { className: 'pc-category' }, item.category),
            h('span', null, `更新 ${formatDate(item.updatedAt)}`),
          ),
        ),
        h('div', { className: 'pc-row-actions' },
          h('a', { href: item.url, target: '_blank', rel: 'noreferrer', className: 'pc-text-action' }, '查看仓库 ↗'),
          h('button', {
            type: 'button',
            className: 'pc-button pc-button-compact pc-button-primary',
            disabled: installed || busy,
            onClick: () => onInstall(item),
          }, installed ? '已安装' : busy ? '处理中…' : '安装'),
        ),
      )
    }

    function InstalledView({ data, reload, onManage, busy }) {
      const [query, setQuery] = useState('')
      const [editing, setEditing] = useState(null)
      const items = useMemo(() => data.items.filter(item => textMatch([
        item.title, item.moduleName, item.description, item.packageName,
      ], query)), [data.items, query])
      const active = data.items.filter(item => item.enabled && item.phase === 'active').length
      const custom = data.items.filter(item => item.descriptionSource === 'user').length

      return h(React.Fragment, null,
        h(SearchBar, { value: query, onChange: setQuery, placeholder: '按名称、模块或功能搜索…' },
          h('button', { type: 'button', className: 'pc-button pc-button-quiet', onClick: reload }, '重新读取'),
        ),
        h('div', { className: 'pc-summary-line' },
          h('span', null, h('strong', null, data.items.length), ' 个已加载模块'),
          h('span', null, h('strong', null, active), ' 个正在运行'),
          h('span', null, h('strong', null, custom), ' 个自定义说明'),
          query ? h('span', null, `当前显示 ${items.length} 个`) : null,
        ),
        items.length ? h('div', { className: 'pc-list' }, items.map(item =>
          h(InstalledRow, {
            key: item.entryId,
            item,
            busy,
            onEdit: () => setEditing(item),
            onManage,
          }),
        )) : h(EmptyState, { title: '没有匹配结果', copy: '换一个关键词试试。' }),
        editing ? h('div', { className: 'pc-modal-backdrop', role: 'presentation', onMouseDown: event => { if (event.target === event.currentTarget) setEditing(null) } },
          h('div', { className: 'pc-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': '编辑插件说明' },
            h(DescriptionEditor, { item: editing, onClose: () => setEditing(null), onSaved: reload }),
          ),
        ) : null,
      )
    }

    function RepositoryView({ data, installedPackages, onInstall, busy, recommended }) {
      const [query, setQuery] = useState('')
      const [category, setCategory] = useState('全部')
      const [refreshing, setRefreshing] = useState(false)
      const [localData, setLocalData] = useState(data)
      useEffect(() => setLocalData(data), [data])
      const categories = useMemo(() => ['全部', ...new Set(localData.items.map(item => item.category))], [localData.items])
      const items = useMemo(() => localData.items.filter(item =>
        (category === '全部' || item.category === category)
        && textMatch([item.name, item.repo, item.description, item.reason, item.category], query)
      ), [localData.items, query, category])
      const refresh = async () => {
        setRefreshing(true)
        try {
          const value = await post({ operation: 'refresh', view: recommended ? 'recommended' : 'discover' })
          setLocalData(value)
        } finally {
          setRefreshing(false)
        }
      }

      return h(React.Fragment, null,
        h(SearchBar, { value: query, onChange: setQuery, placeholder: recommended ? '搜索精选插件…' : '搜索 GitHub 插件…' },
          h('select', { value: category, onChange: event => setCategory(event.currentTarget.value), 'aria-label': '按分类筛选' },
            categories.map(value => h('option', { key: value, value }, value)),
          ),
          h('button', { type: 'button', className: 'pc-button pc-button-quiet', disabled: refreshing, onClick: refresh }, refreshing ? '刷新中…' : '刷新'),
        ),
        h('div', { className: 'pc-summary-line' },
          h('span', null, h('strong', null, items.length), recommended ? ' 个精选项目' : ' 个 GitHub 项目'),
          !recommended ? h('span', null, '不限制 Stars') : null,
          h('span', null, localData.fetchedAt ? `数据更新于 ${new Date(localData.fetchedAt).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })}` : ''),
        ),
        items.length ? h('div', { className: 'pc-list' }, items.map(item =>
          h(RepositoryRow, { key: item.repo, item, installedPackages, onInstall, busy, recommended }),
        )) : h(EmptyState, { title: '没有符合条件的项目', copy: '换一个关键词或分类试试。' }),
      )
    }

    function PluginCenter() {
      const [active, setActive] = useState('installed')
      const [installedState, reloadInstalled] = useRemote('installed')
      const [discoverState, reloadDiscover] = useRemote('discover')
      const [recommendedState, reloadRecommended] = useRemote('recommended')
      const [busy, setBusy] = useState('')
      const [notice, setNotice] = useState(null)

      const installedPackages = useMemo(() => {
        if (installedState.status !== 'ready') return new Set()
        return new Set(installedState.value.items.flatMap(item => [item.packageName, item.title].filter(Boolean)))
      }, [installedState])

      const manage = useCallback(async (action, item) => {
        const label = action === 'remove' ? '卸载' : '更新'
        const packageName = item.packageName
        if (!packageName) return
        if (action === 'remove' && !window.confirm(`确定卸载 ${packageName}？\n\n操作完成后需要重启 dsh web。`)) return
        setBusy(`${action}:${packageName}`)
        setNotice(null)
        try {
          const result = await post({ operation: 'manage', action, packageName })
          setNotice({ tone: 'good', text: `${label}完成。请重启 dsh web 使变更完全生效。`, detail: result.output })
          reloadInstalled()
        } catch (error) {
          setNotice({ tone: 'bad', text: `${label}失败：${error.message}` })
        } finally {
          setBusy('')
        }
      }, [reloadInstalled])

      const install = useCallback(async item => {
        if (!window.confirm(`准备安装 ${item.repo}\n\n来源：GitHub\nStars：${formatStars(item.stars)}\n\n第三方插件会在本机执行代码，请确认你信任该仓库。`)) return
        setBusy(`install:${item.repo}`)
        setNotice(null)
        try {
          const result = await post({ operation: 'manage', action: 'install', spec: item.installSpec })
          setNotice({ tone: 'good', text: '安装完成。请重启 dsh web 后使用新插件。', detail: result.output })
          reloadInstalled()
        } catch (error) {
          setNotice({ tone: 'bad', text: `安装失败：${error.message}` })
        } finally {
          setBusy('')
        }
      }, [reloadInstalled])

      const views = {
        installed: { label: '已安装', state: installedState },
        discover: { label: '发现', state: discoverState },
        recommended: { label: '精选', state: recommendedState },
      }
      const current = views[active]

      let content
      if (current.state.status === 'loading') content = h(LoadingState)
      else if (current.state.status === 'error') content = h(ErrorState, {
        error: current.state.error,
        retry: active === 'installed' ? reloadInstalled : active === 'discover' ? reloadDiscover : reloadRecommended,
      })
      else if (active === 'installed') content = h(InstalledView, { data: current.state.value, reload: reloadInstalled, onManage: manage, busy: Boolean(busy) })
      else content = h(RepositoryView, {
        data: current.state.value,
        installedPackages,
        onInstall: install,
        busy: Boolean(busy),
        recommended: active === 'recommended',
      })

      return h('section', { className: 'pc-shell' },
        h('header', { className: 'pc-compact-header' },
          h('div', { className: 'pc-heading-copy' },
            h('h2', null, '插件中心'),
            h('p', null, active === 'installed'
              ? '查看说明、运行状态和可用更新。'
              : active === 'discover'
                ? '从 GitHub 发现 DeepSeek Harness 插件。'
                : '从少量、明确的推荐开始。'),
          ),
          h('nav', { className: 'pc-view-switch', 'aria-label': '插件中心视图' },
            Object.entries(views).map(([id, view]) => h('button', {
              key: id,
              type: 'button',
              'aria-current': active === id ? 'page' : undefined,
              onClick: () => setActive(id),
            }, view.label)),
          ),
        ),
        notice ? h('div', { className: 'pc-notice', 'data-tone': notice.tone, role: 'status' },
          h('div', null, h('strong', null, notice.text), notice.detail ? h('details', null, h('summary', null, '查看命令输出'), h('pre', null, notice.detail)) : null),
          h('button', { type: 'button', className: 'pc-icon-button', onClick: () => setNotice(null), 'aria-label': '关闭提示' }, '×'),
        ) : null,
        h('div', { className: 'pc-content' }, content),
      )
    }

    const styles = `
      .pc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
      .pc-shell{--pc-ink:var(--dsw-alias-label-primary,#17191d);--pc-muted:var(--dsw-alias-label-secondary,#727983);--pc-line:var(--dsw-alias-border-l2,#e0e3e7);--pc-paper:var(--dsw-alias-bg-base,#fff);--pc-soft:var(--dsw-alias-bg-l1,#f5f7f9);--pc-blue:var(--dsw-alias-state-info-primary,#1769e0);--pc-green:var(--dsw-alias-state-success-primary,#16845b);--pc-danger:var(--dsw-alias-state-error-primary,#bd3f45);color:var(--pc-ink);padding:2px 0 40px;font-family:inherit}
      .pc-compact-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:6px 0 17px;border-bottom:1px solid var(--pc-line)}.pc-heading-copy{min-width:0}.pc-heading-copy h2{margin:0;font:650 19px/1.3 inherit}.pc-heading-copy p{margin:5px 0 0;color:var(--pc-muted);font-size:12px}
      .pc-view-switch{display:flex;flex:none;gap:3px;padding:3px;border-radius:10px;background:var(--pc-soft)}.pc-view-switch button{padding:7px 12px;border:0;border-radius:8px;background:transparent;color:var(--pc-muted);font:600 12px/1 inherit;cursor:pointer}.pc-view-switch button:hover{color:var(--pc-ink)}.pc-view-switch button[aria-current=page]{background:var(--pc-paper);color:var(--pc-ink);box-shadow:0 1px 4px color-mix(in srgb,var(--pc-ink) 10%,transparent)}
      .pc-content{min-height:260px}.pc-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:10px}.pc-search{display:flex;align-items:center;gap:8px;min-width:180px;flex:1;height:40px;padding:0 12px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-paper);transition:border-color .16s,box-shadow .16s}.pc-search:focus-within{border-color:var(--pc-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-blue) 12%,transparent)}.pc-search>span{color:var(--pc-blue);font-size:17px}.pc-search input{width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--pc-ink);font:500 13px/1.4 inherit}.pc-toolbar select{height:40px;padding:0 31px 0 11px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-paper);color:var(--pc-ink);font:500 12px/1 inherit}
      .pc-button{height:40px;padding:0 13px;border:1px solid transparent;border-radius:10px;font:600 12px/1 inherit;cursor:pointer;transition:opacity .15s,background .15s}.pc-button:disabled{cursor:not-allowed;opacity:.48}.pc-button-primary{background:var(--pc-ink);color:var(--pc-paper)}.pc-button-primary:hover:not(:disabled){opacity:.88}.pc-button-quiet{border-color:var(--pc-line);background:var(--pc-paper);color:var(--pc-ink)}.pc-button-quiet:hover:not(:disabled){background:var(--pc-soft)}.pc-button-compact{height:32px;padding:0 12px;border-radius:8px}
      .pc-summary-line{display:flex;align-items:center;gap:8px 16px;min-height:30px;padding:0 2px 8px;color:var(--pc-muted);font-size:11px;flex-wrap:wrap}.pc-summary-line strong{color:var(--pc-ink);font-weight:650}
      .pc-list{border-top:1px solid var(--pc-line)}.pc-plugin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 2px;border-bottom:1px solid var(--pc-line);transition:background .14s}.pc-plugin-row:hover{background:color-mix(in srgb,var(--pc-soft) 72%,transparent)}.pc-row-content{min-width:0}.pc-row-heading{display:flex;align-items:center;gap:8px;min-width:0}.pc-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 14px/1.3 inherit}.pc-badges{display:flex;align-items:center;gap:5px;flex:none}.pc-status{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--pc-line);border-radius:999px;background:var(--pc-soft);color:var(--pc-muted);font:600 10px/1 inherit;white-space:nowrap}.pc-status[data-tone=good]{border-color:color-mix(in srgb,var(--pc-green) 24%,var(--pc-line));background:color-mix(in srgb,var(--pc-green) 9%,var(--pc-paper));color:var(--pc-green)}.pc-status[data-tone=bad]{border-color:color-mix(in srgb,var(--pc-danger) 28%,var(--pc-line));color:var(--pc-danger)}.pc-status[data-tone=blue]{border-color:color-mix(in srgb,var(--pc-blue) 24%,var(--pc-line));background:color-mix(in srgb,var(--pc-blue) 8%,var(--pc-paper));color:var(--pc-blue)}
      .pc-row-description{margin:5px 0 0;color:var(--pc-muted);font-size:12px;line-height:1.55}.pc-row-secondary{margin:4px 0 0;color:color-mix(in srgb,var(--pc-muted) 82%,transparent);font-size:11px;line-height:1.45}.pc-row-meta{display:flex;align-items:center;gap:6px 12px;margin-top:7px;color:var(--pc-muted);font-size:10px;flex-wrap:wrap}.pc-row-meta code{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pc-muted);font:500 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.pc-category{color:var(--pc-blue);font-weight:600}
      .pc-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}.pc-text-action{padding:3px 0;border:0;background:none;color:var(--pc-blue);font:600 11px/1 inherit;text-decoration:none;cursor:pointer}.pc-text-action:hover{text-decoration:underline}.pc-text-action:disabled{opacity:.4;cursor:not-allowed}.pc-text-action.pc-danger{color:var(--pc-danger)}.pc-row-chevron{color:var(--pc-muted);font-size:18px}
      .pc-editor{padding:2px}.pc-editor-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.pc-editor-head strong{font:650 18px/1.3 inherit}.pc-editor-head p{margin:5px 0 0;color:var(--pc-muted);font-size:11px}.pc-editor label{display:block;margin-top:12px}.pc-editor label>span{display:block;margin-bottom:6px;color:var(--pc-muted);font-size:11px}.pc-editor textarea{box-sizing:border-box;width:100%;resize:vertical;padding:10px 11px;border:1px solid var(--pc-line);border-radius:9px;background:var(--pc-soft);color:var(--pc-ink);font:500 12px/1.55 inherit;outline:0}.pc-editor textarea:focus{border-color:var(--pc-blue)}.pc-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.pc-inline-error{color:var(--pc-danger);font-size:11px}
      .pc-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#0a111b 48%,transparent);backdrop-filter:blur(5px)}.pc-modal{width:min(520px,100%);padding:22px;border:1px solid var(--pc-line);border-radius:16px;background:var(--pc-paper);box-shadow:0 24px 80px rgba(0,0,0,.22)}.pc-icon-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--pc-line);border-radius:50%;background:var(--pc-paper);color:var(--pc-muted);font-size:18px;cursor:pointer}
      .pc-notice,.pc-error{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-paper)}.pc-notice[data-tone=good]{border-color:color-mix(in srgb,var(--pc-green) 32%,var(--pc-line))}.pc-notice[data-tone=bad],.pc-error{border-color:color-mix(in srgb,var(--pc-danger) 32%,var(--pc-line))}.pc-notice strong,.pc-error strong{font-size:12px}.pc-notice details{margin-top:7px;color:var(--pc-muted);font-size:10px}.pc-notice pre{max-height:160px;overflow:auto;white-space:pre-wrap}.pc-error p{margin:4px 0 0;color:var(--pc-muted);font-size:11px}.pc-loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:220px;color:var(--pc-muted);font-size:12px}.pc-loader{width:17px;height:17px;border:2px solid var(--pc-line);border-top-color:var(--pc-blue);border-radius:50%;animation:pc-spin .8s linear infinite}.pc-empty{display:grid;place-items:center;min-height:220px;text-align:center;color:var(--pc-muted)}.pc-empty-mark{font-size:36px;color:var(--pc-line)}.pc-empty strong{margin-top:7px;color:var(--pc-ink)}.pc-empty p{margin:4px 0;font-size:11px}@keyframes pc-spin{to{transform:rotate(360deg)}}
      @media(max-width:760px){.pc-compact-header{align-items:flex-start;flex-direction:column}.pc-view-switch{width:100%}.pc-view-switch button{flex:1}.pc-toolbar{align-items:stretch;flex-wrap:wrap}.pc-search{flex-basis:100%}.pc-plugin-row{grid-template-columns:1fr;gap:9px}.pc-row-actions{justify-content:flex-start;flex-wrap:wrap}.pc-row-chevron{display:none}}
      @media(max-width:440px){.pc-toolbar select,.pc-toolbar>.pc-button{flex:1}.pc-row-meta code{max-width:250px}.pc-badges{flex-wrap:wrap}.pc-summary-line{align-items:flex-start;flex-direction:column;gap:3px}}
      @media(prefers-reduced-motion:reduce){.pc-loader{animation-duration:1.8s}.pc-button,.pc-plugin-row{transition:none}}
    `

    const inject = ['slots']

    function apply(ctx) {
      ctx.effect(() => {
        const style = document.createElement('style')
        style.dataset.dshPluginCenter = 'true'
        style.textContent = styles
        document.head.appendChild(style)
        return () => style.remove()
      }, 'dsh-plugin-center: styles')

      ctx.slots.inject('settings.plugins.tab', () => ctx.slots.register({
        name: 'settings.plugins.tab',
        id: 'plugin-center',
        order: 5,
        label: '插件中心',
      }, PluginCenter))
    }

    exports.apply = apply
    exports.inject = inject
    return module.exports
  },
})