agentworkshop 0.7.23 → 0.7.27

package/app/pages/tokens.vue

@@ -270,17 +270,17 @@ useHead({ title: () => tt('titles.tokens') })
     </div>
 
     <template v-else>
-      <div class="head">
+      <div class="aw-page-head">
         <div>
           <p class="aw-kicker">
             agentworkshop / api tokens
           </p>
-          <h2>API Token</h2>
+          <h1>API Token</h1>
           <p class="sub">
             {{ userStore.user?.name }} · {{ $t('tokens.k1upppaw026') }}
           </p>
         </div>
-        <a-space>
+        <a-space class="head-actions">
           <a-tag
             v-if="userStore.user?.tokenId"
             color="green"
@@ -297,95 +297,100 @@ useHead({ title: () => tt('titles.tokens') })
         </a-space>
       </div>
 
-      <a-spin :spinning="loading">
-        <a-table
-          :columns="columns"
-          :data-source="tokens"
-          :pagination="false"
-          row-key="id"
-        >
-          <template #bodyCell="{ column, record }">
-            <template v-if="column.key === 'label'">
-              <a-space>
-                <span class="i-tabler-key text-primary" />
-                <span class="font-medium">{{ record.label || $t('tokens.kj3mklm028') }}</span>
-                <a-tag
-                  v-if="record.id === userStore.user?.tokenId"
-                  color="green"
-                >
-                  {{ $t('tokens.k1defr98007') }}
-                </a-tag>
-              </a-space>
-            </template>
-            <template v-else-if="column.key === 'token'">
-              <div class="tok-cell">
-                <code
-                  class="tok-val"
-                  :class="{ revealed: isRevealed(record.id) }"
-                  :title="isRevealed(record.id) ? '已显示明文,点击眼睛遮回' : '掩码预览'"
-                >{{ rowDisplay(record as TokenMeta) }}</code>
-                <a-button
-                  v-if="record.hasPlain"
-                  type="text"
-                  size="small"
-                  class="tok-op"
-                  :loading="revealingId === record.id"
-                  :title="isRevealed(record.id) ? '遮回' : '查看明文'"
-                  @click="toggleRowReveal(record as TokenMeta)"
-                >
-                  <span :class="isRevealed(record.id) ? 'i-tabler-eye-off' : 'i-tabler-eye'" />
-                </a-button>
-                <a-button
-                  v-if="record.hasPlain"
-                  type="text"
-                  size="small"
-                  class="tok-op"
-                  :class="{ ok: copyId === record.id }"
-                  :title="copyId === record.id ? '已复制' : '复制明文'"
-                  @click="copyRow(record as TokenMeta)"
-                >
-                  <span :class="copyId === record.id ? 'i-tabler-check' : 'i-tabler-copy'" />
-                </a-button>
-                <!-- 0.7.10 起 token 只存哈希:无明文是常态,不再打「旧版不可见」标签 -->
-              </div>
-            </template>
-            <template v-else-if="column.key === 'createdAt'">
-              {{ fmt(record.createdAt) }}
-            </template>
-            <template v-else-if="column.key === 'lastUsedAt'">
-              {{ fmt(record.lastUsedAt) }}
-            </template>
-            <template v-else-if="column.key === 'action'">
-              <a-space>
-                <a-button
-                  type="link"
-                  size="small"
-                  @click="openRename(record)"
-                >
-                  <span class="i-tabler-edit" />
-                  {{ $t('tokens.k3vrpcs009') }}
-                </a-button>
-                <a-popconfirm
-                  :title="record.id === userStore.user?.tokenId ? '吊销当前会话 token 将退出登录' : '吊销后立即失效'"
-                  :ok-text="'吊销'"
-                  :cancel-text="'取消'"
-                  @confirm="doRevoke(record)"
-                >
-                  <!-- 安静文本按钮:常态墨灰,悬停转红 —— 红色只留给真实确认瞬间,不再整行批发 -->
+      <a-card
+        :bordered="false"
+        class="table-card"
+      >
+        <a-spin :spinning="loading">
+          <a-table
+            :columns="columns"
+            :data-source="tokens"
+            :pagination="false"
+            row-key="id"
+          >
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'label'">
+                <a-space>
+                  <span class="i-tabler-key text-primary" />
+                  <span class="font-medium">{{ record.label || $t('tokens.kj3mklm028') }}</span>
+                  <a-tag
+                    v-if="record.id === userStore.user?.tokenId"
+                    color="green"
+                  >
+                    {{ $t('tokens.k1defr98007') }}
+                  </a-tag>
+                </a-space>
+              </template>
+              <template v-else-if="column.key === 'token'">
+                <div class="tok-cell">
+                  <code
+                    class="tok-val"
+                    :class="{ revealed: isRevealed(record.id) }"
+                    :title="isRevealed(record.id) ? '已显示明文,点击眼睛遮回' : '掩码预览'"
+                  >{{ rowDisplay(record as TokenMeta) }}</code>
+                  <a-button
+                    v-if="record.hasPlain"
+                    type="text"
+                    size="small"
+                    class="tok-op"
+                    :loading="revealingId === record.id"
+                    :title="isRevealed(record.id) ? '遮回' : '查看明文'"
+                    @click="toggleRowReveal(record as TokenMeta)"
+                  >
+                    <span :class="isRevealed(record.id) ? 'i-tabler-eye-off' : 'i-tabler-eye'" />
+                  </a-button>
                   <a-button
+                    v-if="record.hasPlain"
                     type="text"
                     size="small"
-                    class="tok-revoke"
+                    class="tok-op"
+                    :class="{ ok: copyId === record.id }"
+                    :title="copyId === record.id ? '已复制' : '复制明文'"
+                    @click="copyRow(record as TokenMeta)"
                   >
-                    <span class="i-tabler-trash" />
-                    {{ $t('tokens.k3xmrz010') }}
+                    <span :class="copyId === record.id ? 'i-tabler-check' : 'i-tabler-copy'" />
                   </a-button>
-                </a-popconfirm>
-              </a-space>
+                <!-- 0.7.10 起 token 只存哈希:无明文是常态,不再打「旧版不可见」标签 -->
+                </div>
+              </template>
+              <template v-else-if="column.key === 'createdAt'">
+                {{ fmt(record.createdAt) }}
+              </template>
+              <template v-else-if="column.key === 'lastUsedAt'">
+                {{ fmt(record.lastUsedAt) }}
+              </template>
+              <template v-else-if="column.key === 'action'">
+                <a-space>
+                  <a-button
+                    type="link"
+                    size="small"
+                    @click="openRename(record)"
+                  >
+                    <span class="i-tabler-edit" />
+                    {{ $t('tokens.k3vrpcs009') }}
+                  </a-button>
+                  <a-popconfirm
+                    :title="record.id === userStore.user?.tokenId ? '吊销当前会话 token 将退出登录' : '吊销后立即失效'"
+                    :ok-text="'吊销'"
+                    :cancel-text="'取消'"
+                    @confirm="doRevoke(record)"
+                  >
+                    <!-- 安静文本按钮:常态墨灰,悬停转红 —— 红色只留给真实确认瞬间,不再整行批发 -->
+                    <a-button
+                      type="text"
+                      size="small"
+                      class="tok-revoke"
+                    >
+                      <span class="i-tabler-trash" />
+                      {{ $t('tokens.k3xmrz010') }}
+                    </a-button>
+                  </a-popconfirm>
+                </a-space>
+              </template>
             </template>
-          </template>
-        </a-table>
-      </a-spin>
+          </a-table>
+        </a-spin>
+      </a-card>
 
       <!-- 创建 Token -->
       <a-modal
@@ -477,16 +482,9 @@ useHead({ title: () => tt('titles.tokens') })
 
 .auth-card { width: 460px; max-width: 92vw; }
 .auth-card h2 { margin: 0 0 8px; font-family: var(--font-display); }
-.sub { margin: 0 0 12px; font-size: 12px; opacity: 0.6; }
-
-.head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
-}
-
-h2 { margin: 0 0 4px; font-family: var(--font-display); }
+.sub { margin: 8px 0 0; font-size: 12.5px; color: var(--ink-faint); }
+.head-actions { padding-bottom: 4px; }
+.table-card { margin-bottom: 16px; }
 
 .once-banner {
   display: flex;

package/app/pages/users.vue

@@ -116,9 +116,12 @@ useHead({ title: () => t('titles.users') })
 
 <template>
   <div class="page-wrap">
-    <div class="page-head">
+    <div class="aw-page-head">
       <div>
-        <h2 class="page-title">
+        <p class="aw-kicker">
+          agentworkshop / identity
+        </p>
+        <h1>
           {{ t('users.title') }}
           <a-tag
             color="volcano"
@@ -127,8 +130,8 @@ useHead({ title: () => t('titles.users') })
             <span class="i-tabler-shield-check" />
             admin
           </a-tag>
-        </h2>
-        <p class="page-sub">
+        </h1>
+        <p class="sub">
           {{ $t('users.k1flpho5002') }}
         </p>
       </div>
@@ -228,21 +231,10 @@ useHead({ title: () => t('titles.users') })
   max-width: 1080px;
   margin: 0 auto;
 }
-.page-head {
-  display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  margin-bottom: 16px;
-}
-.page-title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  margin: 0 0 4px;
-  font-size: 24px;
+.admin-tag {
+  transform: translateY(-3px);
 }
-.admin-tag { transform: translateY(-2px); }
-.page-sub { margin: 0; font-size: 12.5px; opacity: 0.55; }
+.sub { margin: 8px 0 0; font-size: 12.5px; color: var(--ink-faint); }
 .gate-card {
   display: flex;
   flex-direction: column;

package/app/pages/workshop/index.vue

@@ -413,16 +413,19 @@ useHead({ title: () => t('titles.workshop') })
             </div>
           </div>
 
-          <div
+          <button
             v-if="wsStore.workspaces.length === 0 && ready"
-            class="card placeholder aw-empty"
+            class="ws-empty"
             @click="createOpen = true"
           >
+            <span class="i-tabler-layout-2 ws-empty-ico" />
             <span class="aw-empty-title">从一条产线、一个 Agent 开始</span>
             <span class="aw-empty-sub">Workspace 是频道与任务的容器 —— 建立第一个工作区后,你的 Agent 团队即可上线作业。</span>
-            <span class="i-tabler-plus big" />
-            <span>新建第一个 Workspace</span>
-          </div>
+            <span class="pill-btn ws-empty-cta">
+              <span class="i-tabler-plus" />
+              新建第一个 Workspace
+            </span>
+          </button>
         </div>
       </a-spin>
 
@@ -560,6 +563,32 @@ useHead({ title: () => t('titles.workshop') })
   border-style: dashed;
 }
 
+/* 空态:整幅居中构图(跨全部网格列,代替左上角一张小幽灵卡) */
+.ws-empty {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: center;
+  justify-content: center;
+  min-height: min(480px, calc(100vh - 320px));
+  padding: 40px 24px;
+  text-align: center;
+  cursor: pointer;
+  background: transparent;
+  border: 1px dashed var(--line-strong);
+  border-radius: var(--radius-panel);
+  transition: background var(--transition-fast), border-color var(--transition-fast);
+}
+.ws-empty:hover {
+  background: var(--hover-tint);
+  border-color: var(--ink-fainter);
+}
+.ws-empty-ico { font-size: 34px; color: var(--ink-fainter); }
+.aw-empty-title { font-size: 16px; font-weight: 600; color: var(--ink); }
+.aw-empty-sub { max-width: 420px; font-size: 12.5px; line-height: 1.7; color: var(--ink-faint); }
+.ws-empty-cta { margin-top: 6px; pointer-events: none; }
+
 .big { font-size: 28px; }
 
 .card-head {

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>