agentworkshop 0.7.22 → 0.7.24

package/app/pages/permissions/index.vue

@@ -129,12 +129,12 @@ onMounted(load)
 
 <template>
   <div class="perm-page">
-    <header class="pg-head">
+    <header class="aw-page-head">
       <div>
         <p class="aw-kicker">
           agentworkshop / permissions
         </p>
-        <h1 class="pg-title">
+        <h1>
           {{ $t('permissions.title') }}
         </h1>
         <p class="pg-sub">
@@ -149,85 +149,90 @@ onMounted(load)
       />
     </header>
 
-    <a-table
-      :data-source="filteredUsers"
-      :loading="loading"
-      row-key="id"
-      size="middle"
-      :pagination="{ pageSize: 12, showSizeChanger: false }"
+    <a-card
+      :bordered="false"
+      class="table-card"
     >
-      <a-table-column
-        :title="$t('permissions.colUser')"
-        data-index="name"
+      <a-table
+        :data-source="filteredUsers"
+        :loading="loading"
+        row-key="id"
+        size="middle"
+        :pagination="{ pageSize: 12, showSizeChanger: false }"
       >
-        <template #default="{ record }">
-          <a @click.prevent="openDetail(record)">{{ record.name }}</a>
-        </template>
-      </a-table-column>
-      <a-table-column
-        :title="$t('permissions.colEmail')"
-        data-index="email"
-      />
-      <a-table-column
-        :title="$t('permissions.colRole')"
-        data-index="role"
-      >
-        <template #default="{ record }">
-          <a-tag :color="record.role === 'admin' ? 'green' : record.role === 'editor' ? 'blue' : 'default'">
-            {{ record.role }}
-          </a-tag>
-        </template>
-      </a-table-column>
-      <a-table-column
-        :title="$t('permissions.colStatus')"
-        data-index="status"
-      >
-        <template #default="{ record }">
-          <a-tag :color="record.status === 'active' ? 'cyan' : 'red'">
-            {{ record.status === 'active' ? $t('permissions.active') : record.status }}
-          </a-tag>
-        </template>
-      </a-table-column>
-      <a-table-column
-        :title="$t('permissions.colChannels')"
-        data-index="channels"
-      >
-        <template #default="{ record }">
-          {{ record.channels.length }}
-        </template>
-      </a-table-column>
-      <a-table-column
-        :title="$t('permissions.colGrants')"
-        data-index="grants"
-      >
-        <template #default="{ record }">
-          <a-tag
-            v-for="g in record.grants"
-            :key="g.lineId"
-            style="margin-bottom: 2px"
-          >
-            {{ (lines.find(l => l.id === g.lineId)?.name ?? g.lineId).slice(0, 14) }} · {{ modeTag(g.mode) }}
-          </a-tag>
-          <span
-            v-if="!record.grants.length"
-            class="dim"
-          >—</span>
-        </template>
-      </a-table-column>
-      <a-table-column
-        :title="$t('permissions.colOps')"
-        :width="90"
-      >
-        <template #default="{ record }">
-          <a-button
-            size="small"
-            @click="openDetail(record)"
-          >
-            {{ $t('permissions.manage') }}
-          </a-button>
-        </template>
-      </a-table-column>
-    </a-table>
+        <a-table-column
+          :title="$t('permissions.colUser')"
+          data-index="name"
+        >
+          <template #default="{ record }">
+            <a @click.prevent="openDetail(record)">{{ record.name }}</a>
+          </template>
+        </a-table-column>
+        <a-table-column
+          :title="$t('permissions.colEmail')"
+          data-index="email"
+        />
+        <a-table-column
+          :title="$t('permissions.colRole')"
+          data-index="role"
+        >
+          <template #default="{ record }">
+            <a-tag :color="record.role === 'admin' ? 'green' : record.role === 'editor' ? 'blue' : 'default'">
+              {{ record.role }}
+            </a-tag>
+          </template>
+        </a-table-column>
+        <a-table-column
+          :title="$t('permissions.colStatus')"
+          data-index="status"
+        >
+          <template #default="{ record }">
+            <a-tag :color="record.status === 'active' ? 'cyan' : 'red'">
+              {{ record.status === 'active' ? $t('permissions.active') : record.status }}
+            </a-tag>
+          </template>
+        </a-table-column>
+        <a-table-column
+          :title="$t('permissions.colChannels')"
+          data-index="channels"
+        >
+          <template #default="{ record }">
+            {{ record.channels.length }}
+          </template>
+        </a-table-column>
+        <a-table-column
+          :title="$t('permissions.colGrants')"
+          data-index="grants"
+        >
+          <template #default="{ record }">
+            <a-tag
+              v-for="g in record.grants"
+              :key="g.lineId"
+              style="margin-bottom: 2px"
+            >
+              {{ (lines.find(l => l.id === g.lineId)?.name ?? g.lineId).slice(0, 14) }} · {{ modeTag(g.mode) }}
+            </a-tag>
+            <span
+              v-if="!record.grants.length"
+              class="dim"
+            >—</span>
+          </template>
+        </a-table-column>
+        <a-table-column
+          :title="$t('permissions.colOps')"
+          :width="90"
+        >
+          <template #default="{ record }">
+            <a-button
+              size="small"
+              @click="openDetail(record)"
+            >
+              {{ $t('permissions.manage') }}
+            </a-button>
+          </template>
+        </a-table-column>
+      </a-table>
+    </a-card>
 
     <a-drawer
       v-model:open="drawerOpen"
@@ -313,9 +318,8 @@ onMounted(load)
 
 <style scoped lang="css">
 .perm-page { max-width: 1180px; margin: 0 auto; padding: 24px 20px 48px; }
-.pg-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
-.pg-title { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: .5px; }
-.pg-sub { margin: 4px 0 0; opacity: .6; font-size: 12px; }
+.pg-sub { margin: 8px 0 0; font-size: 12.5px; color: var(--ink-faint); }
+.table-card { margin-bottom: 16px; }
 .dim { opacity: .45; }
 .sec { margin: 20px 0 8px; font-size: 13px; font-weight: 700; }
 .detail dt { margin-top: 8px; font-size: 11px; opacity: .5; }

package/app/pages/plugins/index.vue

@@ -88,12 +88,12 @@ onMounted(load)
 
 <template>
   <div class="plugins-page">
-    <header class="pg-head">
+    <header class="aw-page-head">
       <div>
         <p class="aw-kicker">
           agentworkshop / plugins
         </p>
-        <h1 class="pg-title">
+        <h1>
           {{ $t('plugins.title') }}
         </h1>
         <p class="pg-sub">
@@ -136,7 +136,10 @@ onMounted(load)
       v-if="!plugins.length && !loading"
       class="pg-empty"
     >
-      {{ $t('plugins.empty') }}
+      <span class="i-tabler-puzzle pg-empty-ico" />
+      <p class="pg-empty-t">
+        {{ $t('plugins.empty') }}
+      </p>
     </div>
 
     <div class="pg-grid aw-stagger">
@@ -232,14 +235,16 @@ onMounted(load)
 
 <style scoped lang="css">
 .plugins-page { max-width: 1080px; margin: 0 auto; padding: 24px 20px 48px; }
-.pg-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
-.pg-title { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: .5px; }
-.pg-sub { margin: 4px 0 0; opacity: .6; font-size: 12px; }
+.pg-sub { margin: 8px 0 0; opacity: .6; font-size: 12.5px; }
 .pg-stats { display: flex; align-items: center; gap: 14px; font-size: 12px; opacity: .85; }
 .pg-stats b { font-size: 15px; }
 .pg-failures { margin-bottom: 16px; }
 .fail-line { font-family: ui-monospace, monospace; font-size: 11px; }
-.pg-empty { padding: 48px 0; text-align: center; opacity: .55; }
+.pg-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 56px 24px;
+  text-align: center; border: 1px dashed var(--line-strong); border-radius: var(--radius-panel);
+  background: var(--paper-deep); }
+.pg-empty-ico { font-size: 30px; color: var(--ink-fainter); }
+.pg-empty-t { margin: 0; font-size: 12.5px; color: var(--ink-faint); }
 .pg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
 .pg-card { position: relative; padding: 14px 16px; border: 1px solid var(--aw-border, rgba(128, 152, 199, .25));
   border-radius: 12px; background: var(--aw-card, rgba(255, 255, 255, .04)); cursor: pointer;

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/i18n/locales/en.ts

@@ -748,6 +748,7 @@ export default {
     'thDetail': 'Detail',
     'expand': 'Detail',
     'fold': 'Fold',
+    'noDetail': 'None',
     'loading': 'Querying…',
     'empty': 'No matching log entries',
     'src': {
@@ -766,6 +767,8 @@ export default {
     },
     'mSummary': 'Entry content',
     'mSummaryPh': 'e.g. Replaced heater coil of oven #3; extended soaking for current batch by 10 min',
+    'mDetail': 'Detail (optional)',
+    'mDetailPh': 'Context, handling notes, related ticket… (stored in the log detail)',
     'mSubmit': 'Record',
     'mOk': 'Recorded',
   },
@@ -1918,7 +1921,7 @@ export default {
     loadFail: 'Failed to load plugin list',
     hasClient: 'Client enhancer',
     routes: 'API routes',
-    empty: 'No plugins yet — aw plugin create <name>, or aw plugin enable to turn on examples',
+    empty: 'No plugins yet — run aw plugin create my-plugin, or aw plugin enable to turn on examples',
     failures: 'Load failures',
     loadFailures: '{n} plugin(s) failed to load, see server startup log',
     enableFail: 'Toggle failed',

package/i18n/locales/zh-CN.ts

@@ -705,6 +705,8 @@ export default {
     'kind.system': '系统',
     'mSummary': '记录内容',
     'mSummaryPh': '如:更换 3 号烘箱加热丝,当前批次延长保温 10 分钟',
+    'mDetail': '详情(可选)',
+    'mDetailPh': '补充说明、处置过程、关联单号等(将存入日志详情)',
     'mSubmit': '入册',
     'mOk': '已入册',
     'src.user': '用户',
@@ -748,6 +750,7 @@ export default {
     'thDetail': '详情',
     'expand': '详情',
     'fold': '收起',
+    'noDetail': '无',
     'loading': '查询中…',
     'empty': '无匹配日志',
     'src': {
@@ -766,6 +769,8 @@ export default {
     },
     'mSummary': '记录内容',
     'mSummaryPh': '如:更换 3 号烘箱加热丝,当前批次延长保温 10 分钟',
+    'mDetail': '详情(可选)',
+    'mDetailPh': '补充说明、处置过程、关联单号等(将存入日志详情)',
     'mSubmit': '入册',
     'mOk': '已入册',
   },
@@ -1917,7 +1922,7 @@ export default {
     loadFail: '插件列表加载失败',
     hasClient: '浏览器增强',
     routes: 'API 路由',
-    empty: '暂无插件 —— aw plugin create <name> 创建,或 aw plugin enable 开启示例',
+    empty: '暂无插件 —— 执行 aw plugin create my-plugin 创建,或 aw plugin enable 开启内置示例',
     failures: '装载失败',
     loadFailures: '{n} 个插件装载失败,详情见服务启动日志',
     enableFail: '启停操作失败',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentworkshop",
-  "version": "0.7.22",
+  "version": "0.7.24",
   "type": "module",
   "description": "AgentWorkShop 软件开发系统 - 基于 Nuxt 4 的配置驱动运行范式",
   "license": "PolyForm-Noncommercial-1.0.0",