agentworkshop 0.7.24 → 0.7.27

package/app/pages/settings.vue

@@ -2,12 +2,15 @@
 import { message } from 'ant-design-vue'
 import { useUserStore } from '@/app/stores/workshop/user'
 import { useRuntimeConfigStore } from '@/app/stores/runtime-config'
+import { useWorkshopApi, type WorkshopPluginDto } from '@/app/composables/workshop/useWorkshopApi'
+import { apiErrorMessage } from '@/app/utils/api-error'
 
 const { t, locale, locales, setLocale } = useI18n()
 const store = useAppStore()
 const site = useSiteConfig()
 const config = useRuntimeConfig().public
 const userStore = useUserStore()
+const api = useWorkshopApi()
 
 const activeTab = ref('appearance')
 
@@ -82,7 +85,7 @@ async function resetAllRuntime() {
 }
 
 function groupLabel(group: string): string {
-  const known: Record<string, string> = { server: t('settings.runtime.groupServer'), app: t('settings.runtime.groupApp'), api: t('settings.runtime.groupApi'), theme: t('settings.runtime.groupTheme'), i18n: t('settings.runtime.groupI18n'), security: t('settings.runtime.groupSecurity'), daq: t('settings.runtime.groupDaq'), memory: t('settings.runtime.groupMemory'), omp: t('settings.runtime.groupOmp'), harness: t('settings.runtime.groupHarness'), dcw: t('settings.runtime.groupDcw'), workshop: t('settings.runtime.groupWorkshop'), backup: t('settings.runtime.groupBackup'), retention: t('settings.runtime.groupRetention'), log: t('settings.runtime.groupLog') }
+  const known: Record<string, string> = { server: t('settings.runtime.groupServer'), app: t('settings.runtime.groupApp'), api: t('settings.runtime.groupApi'), theme: t('settings.runtime.groupTheme'), i18n: t('settings.runtime.groupI18n'), security: t('settings.runtime.groupSecurity'), daq: t('settings.runtime.groupDaq'), memory: t('settings.runtime.groupMemory'), omp: t('settings.runtime.groupOmp'), harness: t('settings.runtime.groupHarness'), dcw: t('settings.runtime.groupDcw'), workshop: t('settings.runtime.groupWorkshop'), backup: t('settings.runtime.groupBackup'), retention: t('settings.runtime.groupRetention'), log: t('settings.runtime.groupLog'), plugins: t('settings.runtime.groupPlugins') }
   return known[group] ?? group
 }
 function sourceClass(s: string): string {
@@ -94,6 +97,105 @@ function itemLabel(item: { label: string, labelKey?: string }): string {
 }
 /* ============================================================= */
 
+/* ================= 插件管理(清单/启停/健康检测) ================= */
+interface PluginHealth {
+  ok: boolean
+  reason?: string
+}
+
+const plugins = ref<WorkshopPluginDto[]>([])
+const pluginsLoading = ref(false)
+const pluginsLoaded = ref(false)
+const togglingPlugins = ref<Set<string>>(new Set())
+const healthMap = ref<Record<string, PluginHealth | 'checking'>>({})
+
+const hasHealthRoute = (p: WorkshopPluginDto): boolean =>
+  (p.routes ?? []).some(r => String(r.path || '').endsWith('/health'))
+
+async function loadPlugins() {
+  pluginsLoading.value = true
+  try {
+    const res = await api.listPlugins()
+    // 顶层 plugins key(非信封);兼容 {code,data} 信封
+    const list = res?.plugins ?? (res as { data?: { plugins?: WorkshopPluginDto[] } })?.data?.plugins ?? []
+    plugins.value = Array.isArray(list) ? list : []
+    pluginsLoaded.value = true
+  }
+  catch (e) {
+    message.error(apiErrorMessage(e, t('plugins.loadFail')))
+  }
+  finally {
+    pluginsLoading.value = false
+  }
+}
+
+async function togglePlugin(p: WorkshopPluginDto, next: boolean) {
+  if (togglingPlugins.value.has(p.name)) return
+  togglingPlugins.value.add(p.name)
+  try {
+    if (next) await api.enablePlugin(p.name)
+    else await api.disablePlugin(p.name)
+    p.enabled = next
+    message.success(next ? t('plugins.enabled') : t('plugins.disabled'))
+  }
+  catch (e) {
+    // 普通用户 403 → 需要管理员权限
+    message.error(apiErrorMessage(e, t('plugins.adminRequired')))
+  }
+  finally {
+    togglingPlugins.value.delete(p.name)
+  }
+}
+
+async function checkPluginHealth(p: WorkshopPluginDto) {
+  if (!hasHealthRoute(p)) return
+  healthMap.value = { ...healthMap.value, [p.name]: 'checking' }
+  try {
+    const res = await api.pluginHealth(p.name)
+    healthMap.value = { ...healthMap.value, [p.name]: judgePluginHealth(p.name, res) }
+  }
+  catch (e) {
+    healthMap.value = { ...healthMap.value, [p.name]: { ok: false, reason: apiErrorMessage(e, t('plugins.loadFail')) } }
+  }
+}
+
+/** 健康判定:rag-bridge 看 backend.ok && web.ok;diag-bridge 看 remote.status==='ok';未知形状回退无报错即视为正常 */
+function judgePluginHealth(name: string, res: Record<string, unknown>): PluginHealth {
+  if (name === 'rag-bridge') {
+    const backend = res.backend as { ok?: boolean, error?: string, status?: string } | undefined
+    const web = res.web as { ok?: boolean, error?: string, status?: string } | undefined
+    const ok = Boolean(backend?.ok) && Boolean(web?.ok)
+    const reason = !backend?.ok
+      ? (backend?.error || backend?.status || 'backend')
+      : (web?.error || web?.status || 'web')
+    return ok ? { ok: true } : { ok: false, reason }
+  }
+  if (name === 'diag-bridge') {
+    const remote = res.remote as { status?: string } | undefined
+    const ok = remote?.status === 'ok'
+    return ok ? { ok: true } : { ok: false, reason: remote?.status || 'remote' }
+  }
+  return { ok: true }
+}
+
+/** 模板辅助:检测中 / 检测结果(避免模板内窄化) */
+function isCheckingHealth(name: string): boolean {
+  return healthMap.value[name] === 'checking'
+}
+function healthOf(name: string): PluginHealth | null {
+  const h = healthMap.value[name]
+  return (h && h !== 'checking') ? h : null
+}
+function isToggling(name: string): boolean {
+  return togglingPlugins.value.has(name)
+}
+
+// 进入运行配置 Tab 时懒加载插件清单(端点需登录)
+watch(activeTab, (v) => {
+  if (v === 'runtime' && !pluginsLoaded.value && !pluginsLoading.value && userStore.isLoggedIn) void loadPlugins()
+}, { immediate: true })
+/* ============================================================= */
+
 /** 强调色预设(控制室低饱和族;默认 = 品牌绿,跟随 config.yml) */
 const defaultAccent = String(config.primaryColor)
 const colorPresets = [
@@ -382,6 +484,94 @@ const tabs = computed(() => [
               </button>
               <span class="rt-path aw-mono">{{ rcStore.settingsPath }}</span>
             </div>
+
+            <!-- 插件管理:清单 / 启停(admin) / 健康检测 -->
+            <h4 class="rt-group-title plugin-group-title">
+              {{ t('plugins.title') }}
+            </h4>
+            <p class="section-desc">
+              {{ t('plugins.desc') }}
+            </p>
+
+            <div
+              v-if="!userStore.isLoggedIn"
+              class="identity-note"
+            >
+              {{ t('plugins.needLogin') }}
+            </div>
+            <a-spin
+              v-else
+              :spinning="pluginsLoading"
+            >
+              <div
+                v-for="p in plugins"
+                :key="p.name"
+                class="plugin-row"
+                :class="{ off: p.enabled === false }"
+              >
+                <div class="plugin-main">
+                  <div class="rt-title">
+                    <span class="aw-mono">{{ p.name }}</span>
+                    <span
+                      v-if="p.version"
+                      class="rt-tag"
+                    >v{{ p.version }}</span>
+                    <span
+                      v-if="p.builtin"
+                      class="rt-tag src-runtime"
+                    >{{ t('plugins.builtin') }}</span>
+                    <span
+                      v-if="p.error"
+                      class="rt-tag restart"
+                    >{{ p.error }}</span>
+                  </div>
+                  <div class="rt-sub">
+                    {{ p.description || '—' }}
+                  </div>
+                </div>
+                <div class="rt-ctrl">
+                  <span
+                    v-if="isCheckingHealth(p.name)"
+                    class="plugin-health faint"
+                  >
+                    <span class="i-tabler-loader-2 spin" />
+                    {{ t('plugins.healthChecking') }}
+                  </span>
+                  <span
+                    v-else-if="healthOf(p.name)"
+                    class="plugin-health"
+                    :class="healthOf(p.name)!.ok ? 'ok' : 'bad'"
+                  >
+                    <span :class="healthOf(p.name)!.ok ? 'i-tabler-circle-check' : 'i-tabler-alert-circle'" />
+                    {{ healthOf(p.name)!.ok ? t('plugins.healthOk') : `${t('plugins.healthBad')}: ${healthOf(p.name)!.reason ?? ''}` }}
+                  </span>
+                  <button
+                    v-if="hasHealthRoute(p)"
+                    class="aw-pill outline rt-reset"
+                    @click="checkPluginHealth(p)"
+                  >
+                    <span class="i-tabler-heartbeat" />
+                    {{ t('plugins.healthCheck') }}
+                  </button>
+                  <button
+                    class="switch"
+                    :class="{ on: p.enabled !== false }"
+                    role="switch"
+                    :aria-checked="p.enabled !== false"
+                    :disabled="isToggling(p.name)"
+                    @click="togglePlugin(p, p.enabled === false)"
+                  >
+                    <span class="knob" />
+                  </button>
+                </div>
+              </div>
+              <div
+                v-if="plugins.length === 0 && !pluginsLoading"
+                class="identity-note"
+              >
+                {{ t('plugins.empty') }}
+              </div>
+            </a-spin>
           </div>
 
           <!-- 系统:只读运行参数 -->
@@ -739,8 +929,69 @@ const tabs = computed(() => [
   color: var(--ink-faint);
 }
 
+/* ============ 插件管理 ============ */
+.plugin-group-title {
+  margin-top: 30px;
+  padding-top: 22px;
+  border-top: 1px solid var(--line);
+}
+
+.plugin-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  padding: 13px 0;
+  border-bottom: 1px solid var(--line);
+  transition: opacity var(--transition-fast);
+}
+
+.plugin-row.off {
+  opacity: 0.55;
+}
+
+.plugin-main {
+  min-width: 0;
+}
+
+.plugin-health {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  max-width: 320px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.plugin-health.ok {
+  color: #2e9e6b;
+}
+
+.plugin-health.bad {
+  color: #c2554a;
+}
+
+.plugin-health.faint {
+  color: var(--ink-faint);
+}
+
+.plugin-health .spin {
+  animation: plugin-spin 0.9s linear infinite;
+}
+
+@keyframes plugin-spin {
+  to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .plugin-health .spin {
+    animation: none;
+  }
+}
+
 @media (max-width: 768px) {
-  .rt-row {
+  .rt-row,
+  .plugin-row {
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;

package/app/pages/workshop/teams.vue

@@ -5,7 +5,7 @@
  * admin:全量视图(含他人私有),附创建者;可改删任意非内置编组。
  */
 import { message } from 'ant-design-vue'
-import { useWorkshopApi, type TeamDto, type AgentTemplateDto, type ChannelDto } from '../../composables/workshop/useWorkshopApi'
+import { useWorkshopApi, type TeamDto, type AgentTemplateDto, type ChannelDto, type WorkshopPluginDto, type ChannelPluginStateDto } from '../../composables/workshop/useWorkshopApi'
 import { useUserStore } from '../../stores/workshop/user'
 
 const { t } = useI18n()
@@ -79,17 +79,49 @@ const visTag = (team: TeamDto): { text: string, color: string, icon?: string } =
 
 const createOpen = ref(false)
 const createForm = reactive({ name: '', description: '', visibility: 'private' as 'private' | 'public' })
+
+// ===== 插件(创建时勾选启用哪些;平台清单中 enabled 的插件,默认全选) =====
+const platformPlugins = ref<WorkshopPluginDto[]>([])
+const createPluginSel = ref<Record<string, boolean>>({})
+const loadPlatformPlugins = async (): Promise<void> => {
+  try {
+    const res = await api.listPlugins()
+    // 顶层 plugins key(非信封);兼容 {code,data} 信封;只取平台已启用的插件
+    const list = res?.plugins ?? (res as { data?: { plugins?: WorkshopPluginDto[] } })?.data?.plugins ?? []
+    const enabled = (Array.isArray(list) ? list : []).filter(p => p.enabled !== false)
+    platformPlugins.value = enabled
+    const sel: Record<string, boolean> = {}
+    for (const p of enabled) sel[p.name] = true
+    createPluginSel.value = sel
+  }
+  catch { /* 清单不可得时隐藏插件多选(创建仍可走默认) */ }
+}
+if (import.meta.client) void loadPlatformPlugins()
+
+/** checkbox-group 双向绑定(勾选集 ↔ plugins 开关视图) */
+const pluginChecked = computed({
+  get: () => Object.entries(createPluginSel.value).filter(([, v]) => v).map(([k]) => k),
+  set: (vals: Array<string>) => {
+    const next: Record<string, boolean> = {}
+    for (const p of platformPlugins.value) next[p.name] = vals.includes(p.name)
+    createPluginSel.value = next
+  },
+})
+
 const create = async (): Promise<void> => {
   if (!createForm.name.trim()) {
     message.warning(t('teams.k1bvcdo2021'))
     return
   }
-  await api.createTeam({ name: createForm.name.trim(), description: createForm.description || undefined, visibility: createForm.visibility })
+  // 勾选结果作为 plugins:[{name,enabled}] 附加(后端创建时写入该团队的插件开关)
+  const plugins = Object.entries(createPluginSel.value).map(([name, enabled]) => ({ name, enabled }))
+  await api.createTeam({ name: createForm.name.trim(), description: createForm.description || undefined, visibility: createForm.visibility, plugins })
   message.success(t('teams.k3n5hak022'))
   createOpen.value = false
   createForm.name = ''
   createForm.description = ''
   createForm.visibility = 'private'
+  createPluginSel.value = Object.fromEntries(Object.entries(createPluginSel.value).map(([k]) => [k, true]))
   void load()
 }
 
@@ -170,6 +202,56 @@ const removeTeam = async (team: TeamDto): Promise<void> => {
   void load()
 }
 
+// ===== 团队级插件开关(GET → 展示各插件开关;切换即 PUT) =====
+const plugOpen = ref(false)
+const plugTeamRef = ref<TeamDto | null>(null)
+const plugRows = ref<ChannelPluginStateDto[]>([])
+const plugSource = ref<'explicit' | 'default'>('default')
+const plugLoading = ref(false)
+const plugSaving = ref<string | null>(null)
+const openPlugins = (team: TeamDto): void => {
+  plugTeamRef.value = team
+  plugRows.value = []
+  plugSource.value = 'default'
+  plugOpen.value = true
+  void loadTeamPlugins(team)
+}
+const loadTeamPlugins = async (team: TeamDto): Promise<void> => {
+  plugLoading.value = true
+  try {
+    const res = await api.listChannelPlugins(team.id)
+    const data = res?.data ?? {}
+    plugRows.value = data.plugins ?? []
+    plugSource.value = data.source === 'explicit' ? 'explicit' : 'default'
+  }
+  catch (e) {
+    message.error(apiErrorMessage(e))
+  }
+  finally {
+    plugLoading.value = false
+  }
+}
+const toggleTeamPlugin = async (row: ChannelPluginStateDto, next: boolean): Promise<void> => {
+  if (!plugTeamRef.value || plugSaving.value) return
+  const teamId = plugTeamRef.value.id
+  plugSaving.value = row.name
+  try {
+    // PUT 全量提交当前开关视图(仅翻转目标行)
+    const payload = plugRows.value.map(r => ({ name: r.name, enabled: r.name === row.name ? next : r.enabled }))
+    const res = await api.putChannelPlugins(teamId, { plugins: payload })
+    const data = res?.data ?? {}
+    plugRows.value = data.plugins ?? payload.map(p => ({ ...p }))
+    plugSource.value = data.source === 'explicit' ? 'explicit' : 'default'
+    message.success(t('teams.k1plugon043'))
+  }
+  catch (e) {
+    message.error(apiErrorMessage(e))
+  }
+  finally {
+    plugSaving.value = null
+  }
+}
+
 useHead({ title: () => t('titles.teams') })
 </script>
 
@@ -246,6 +328,9 @@ useHead({ title: () => t('titles.teams') })
                   <a-menu-item @click="openDeploy(team)">
                     部署到 Channel…
                   </a-menu-item>
+                  <a-menu-item @click="openPlugins(team)">
+                    {{ $t('teams.k1plugon047') }}
+                  </a-menu-item>
                   <a-menu-item
                     danger
                     @click="removeTeam(team)"
@@ -331,6 +416,30 @@ useHead({ title: () => t('titles.teams') })
             </a-radio>
           </a-radio-group>
         </a-form-item>
+        <a-form-item
+          v-if="platformPlugins.length"
+          :label="$t('teams.k1plugon041')"
+        >
+          <a-checkbox-group
+            v-model:value="pluginChecked"
+            class="plug-create-group"
+          >
+            <a-checkbox
+              v-for="p in platformPlugins"
+              :key="p.name"
+              :value="p.name"
+            >
+              <span class="aw-mono">{{ p.name }}</span>
+              <span
+                v-if="p.builtin"
+                class="plug-builtin-tag"
+              >{{ $t('teams.k3x23c018') }}</span>
+            </a-checkbox>
+          </a-checkbox-group>
+          <div class="plug-hint">
+            {{ $t('teams.k1plugon042') }}
+          </div>
+        </a-form-item>
       </a-form>
     </a-modal>
 
@@ -378,6 +487,53 @@ useHead({ title: () => t('titles.teams') })
         </a-form-item>
       </a-form>
     </a-modal>
+
+    <a-modal
+      v-model:open="plugOpen"
+      :title="$t('teams.k1plugon040', { p0: plugTeamRef?.name ?? '' })"
+      :footer="null"
+    >
+      <a-spin :spinning="plugLoading">
+        <p class="plug-source">
+          <template v-if="plugSource === 'explicit'">
+            {{ $t('teams.k1plugon045') }}
+          </template>
+          <template v-else>
+            {{ $t('teams.k1plugon044') }}
+          </template>
+        </p>
+        <div
+          v-for="row in plugRows"
+          :key="row.name"
+          class="plug-row"
+        >
+          <div class="plug-text">
+            <div class="plug-name">
+              <span class="aw-mono">{{ row.name }}</span>
+              <span
+                v-if="row.builtin"
+                class="plug-builtin-tag"
+              >{{ $t('teams.k3x23c018') }}</span>
+            </div>
+            <div class="plug-desc">
+              {{ row.description || '—' }}
+            </div>
+          </div>
+          <a-switch
+            :checked="row.enabled"
+            size="small"
+            :loading="plugSaving === row.name"
+            @change="(v: unknown) => toggleTeamPlugin(row, v === true)"
+          />
+        </div>
+        <div
+          v-if="plugRows.length === 0 && !plugLoading"
+          class="plug-hint"
+        >
+          {{ $t('teams.k1plugon046') }}
+        </div>
+      </a-spin>
+    </a-modal>
   </div>
 </template>
 
@@ -467,4 +623,58 @@ h2 { margin: 0 0 4px; }
   border-style: dashed;
 }
 .big { font-size: 28px; }
+
+/* ===== 插件开关(创建勾选 + 团队弹层) ===== */
+.plug-create-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.plug-builtin-tag {
+  margin-left: 6px;
+  padding: 0 6px;
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  color: var(--ink-faint);
+  border: 1px solid var(--line-strong);
+  border-radius: var(--radius-pill, 999px);
+}
+.plug-hint {
+  margin-top: 6px;
+  font-size: 11.5px;
+  line-height: 1.5;
+  color: var(--ink-faint);
+}
+.plug-source {
+  margin: 0 0 10px;
+  font-size: 12px;
+  color: var(--ink-faint);
+}
+.plug-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--line);
+}
+.plug-row:last-of-type {
+  border-bottom: 0;
+}
+.plug-text {
+  min-width: 0;
+}
+.plug-name {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  font-size: 13px;
+  font-weight: 500;
+}
+.plug-desc {
+  margin-top: 2px;
+  font-size: 11.5px;
+  line-height: 1.5;
+  color: var(--ink-faint);
+}
 </style>