dsh-plugin-t-expert 0.4.9 → 0.4.26

package/lib/client.js

@@ -67,7 +67,7 @@ var SectionBoundary = class extends import_react.default.Component {
 
 // src/client/state.js
 var NS = "t-team";
-var CLIENT_BUILD_VERSION = "0.4.9";
+var CLIENT_BUILD_VERSION = "0.4.26";
 var PLUGIN_ID = "dsh-plugin-t-expert";
 var DIVISION_FALLBACK = "specialized";
 var NEW_DIVISION = "__new";
@@ -120,10 +120,18 @@ function displayDescription(expert, active) {
 function divisionLabel(expert, active) {
   return active === "en" ? expert.divisionEn || expert.division : expert.divisionZh || expert.division;
 }
+var HAYSTACKS = /* @__PURE__ */ new WeakMap();
+function haystackOf(expert) {
+  let cached2 = HAYSTACKS.get(expert);
+  if (cached2 === void 0) {
+    cached2 = `${expert.name} ${expert.nameEn} ${expert.description} ${expert.descriptionEn} ${expert.slug}`.toLowerCase();
+    HAYSTACKS.set(expert, cached2);
+  }
+  return cached2;
+}
 function matchExpert(expert, active, query) {
   if (query === "") return true;
-  const haystack = `${expert.name} ${expert.nameEn} ${expert.description} ${expert.descriptionEn} ${expert.slug}`.toLowerCase();
-  return haystack.includes(query);
+  return haystackOf(expert).includes(query);
 }
 function referenceOf(expert, active) {
   const name = displayName(expert, active);
@@ -138,9 +146,6 @@ function referenceOf(expert, active) {
 
 // src/client/css.js
 var CSS = `
-.t-team-editor-modal{width:min(860px,94vw);max-height:min(86vh,760px)}
-.t-team-editor-body{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}
-.t-team-editor-body .t-team-picker-list{max-height:300px}
 /* \u5C0F\u8282\u6807\u9898\uFF08\u81EA\u5EFA\u5206\u7C7B / \u5B98\u65B9\u5206\u7C7B\uFF09\uFF1A**\u4E0D\u753B\u4E0A\u8FB9\u7EBF**\u3002
    2026-09-28 \u7528\u6237\u6307\u51FA\u4E24\u5904\u591A\u4F59\u7684\u6A2A\u7EBF\uFF0C\u8FD9\u662F\u7B2C\u4E00\u5904 \u2014\u2014 \u6807\u9898\u4E0A\u65B9\u7684\u7EBF\u7D27\u8D34\u7740\u4E0A\u4E00\u4E2A\u533A\u5757
    \uFF08\u8F93\u5165\u6846\u90A3\u4E00\u884C / \u4E0A\u4E00\u4E2A\u5C0F\u8282\uFF09\uFF0C\u770B\u7740\u50CF"\u7EBF\u8D34\u5230\u4E86\u6309\u94AE\u4E0A"\u3002\u53BB\u6389\u8FB9\u6846\uFF0C\u9760\u5B57\u91CD\u4E0E\u95F4\u8DDD\u5206\u5C42\u5C31\u591F\u4E86\u3002 */
@@ -279,6 +284,47 @@ var CSS = `
 .t-team-modal{display:flex;flex-direction:column;width:min(720px,100%);max-height:min(70vh,640px);overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary)}
 .t-team-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:14px;font-weight:600}
 .t-team-modal-body{margin:0;padding:14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:19px;white-space:pre-wrap;word-break:break-word;color:var(--dsw-alias-label-secondary)}
+/* ---- \u5B98\u65B9 Modal \u7684\u9AD8\u5EA6\u7EA6\u675F\uFF082026-09-28 \u4FEE\uFF1A\u63D0\u793A\u8BCD\u5F39\u7A97\u6F2B\u51FA\u5C4F\u5E55\uFF09----
+   \u5B98\u65B9 .dialog \u6CA1\u6709 max-height \u2014\u2014 Modal.module.css \u7684\u6CE8\u91CA\u628A\u8FD9\u4EF6\u4E8B\u660E\u786E\u4EA4\u7ED9\u8C03\u7528\u65B9
+   \uFF08consumers cap growth with max-height: 100%\uFF09\u3002\u5B83\u540C\u65F6 createPortal \u5230 body\uFF0C
+   .root \u53EA\u8D1F\u8D23\u5C45\u4E2D\u3001\u4E0D\u6EDA\u52A8\uFF0C\u6240\u4EE5\u5185\u5BB9\u4E00\u957F\u5C31\u6574\u4F53\u9876\u51FA\u89C6\u53E3\uFF1A\u7528\u6237\u770B\u5230\u7684\u662F\u300C\u5F39\u7A97\u6837\u5F0F\u5D29\u4E86\u3001
+   \u6587\u5B57\u6F2B\u51FA\u5C4F\u5E55\u300D\uFF0C\u800C\u4E0D\u662F\u4E00\u4E2A\u80FD\u6EDA\u7684\u5BF9\u8BDD\u6846\u3002\u4E13\u5BB6 persona \u52A8\u8F84\u4E0A\u4E07\u884C\uFF0C\u5FC5\u7136\u89E6\u53D1\u3002
+   \u4E09\u5C42\u7684\u5206\u5DE5\uFF08\u7F3A\u4E00\u5C42\u90FD\u4E0D\u751F\u6548\uFF09\uFF1A
+     .t-team-modal-fit         \u2192 dialog \u76F8\u5BF9 .root \u7684 padding box \u515C\u4F4F\u9AD8\u5EA6
+     .t-team-modal-fit-content \u2192 .content \u5141\u8BB8\u6536\u7F29\uFF08flex \u5B50\u9879\u9ED8\u8BA4 min-height:auto\uFF0C\u4F1A\u628A\u7236\u7EA7\u6491\u7834\uFF09
+     .content > div:last-child \u2192 \u5B98\u65B9 .body\uFF08\u6807\u9898\u680F\u4E0E footer \u7684\u5144\u5F1F\uFF09\uFF0C\u8BA9\u5B83\u81EA\u5DF1\u6EDA\uFF0C
+                                 \u4E8E\u662F\u6807\u9898\u56FA\u5B9A\u5728\u9876\u90E8\u3001\u5173\u95ED\u6309\u94AE\u59CB\u7EC8\u53EF\u70B9
+   \u26A0\uFE0F \u4E0D\u8981\u628A\u8FD9\u4E9B\u89C4\u5219\u5408\u5E76\u8FDB\u4E0A\u9762\u90A3\u5957 .t-team-modal-*\uFF1A\u90A3\u662F\u81EA\u7ED8\u515C\u5E95 Modal \u7684\u6837\u5F0F\uFF0C
+   \u7ED9\u5B98\u65B9 dialog \u5957\u4E0A\u53BB\u4F1A\u628A\u5B98\u65B9\u5916\u89C2\uFF08380px \u5BBD\u300124px \u5706\u89D2\u3001layer-2 \u5E95\u8272\uFF09\u6574\u7247\u8986\u76D6\u6389\u3002 */
+.t-team-modal-fit{max-height:100%}
+.t-team-modal-fit-content{min-height:0}
+.t-team-modal-fit-content > div:last-child{min-height:0;overflow:auto}
+/* \u63D0\u793A\u8BCD\u5F39\u7A97\u7684\u590D\u5236\u6309\u94AE\uFF1A\u5B98\u65B9\u6807\u9898\u680F\u53EA\u6709\u300C\u6807\u9898 + \u5173\u95ED\u300D\u4E24\u4E2A\u4F4D\u7F6E\u3001\u6CA1\u6709\u63D2\u69FD\uFF0C\u6240\u4EE5\u6309\u94AE\u6E32\u67D3\u5728
+   \u6B63\u6587\u4E4B\u524D\uFF0C\u9760\u7EDD\u5BF9\u5B9A\u4F4D"\u843D"\u5230\u5173\u95ED\u6309\u94AE\u5DE6\u4FA7\u3002\u5B9A\u4F4D\u57FA\u51C6\u662F\u5B98\u65B9 .dialog \u2014\u2014 Modal.module.css
+   \u7ED9\u5B83 position: relative\uFF0C\u56E0\u6B64\u6B63\u6587\u6EDA\u52A8\u65F6\u6309\u94AE\u7EB9\u4E1D\u4E0D\u52A8\u3002
+   top/right \u662F\u7167\u7740\u5B98\u65B9 .header \u7684 padding \u4E0E .close \u7684\u5C3A\u5BF8\u7B97\u7684\uFF1A
+     top    = header \u7684 padding-top 22px\uFF08\u4E0E\u5173\u95ED\u6309\u94AE\u540C\u9AD8\u8D77\u7B97\uFF09\uFF1B
+     right  = header \u7684 padding-right 14px + .close \u7684 28px \u5BBD + 8px \u95F4\u9694 = 50px\u3002
+   \u26A0\uFE0F \u8FD9\u4E09\u4E2A\u6570\u503C\u6765\u81EA Modal.module.css\uFF0C\u5B98\u65B9\u82E5\u8C03\u6574\u6807\u9898\u680F\u5C3A\u5BF8\uFF0C\u8FD9\u91CC\u8981\u8DDF\u7740\u6539
+   \uFF08verify \u6709\u4E00\u6761\u65AD\u8A00\u76EF\u7740\u8FD9\u6761\u89C4\u5219\u5728\u4E0D\u5728\uFF0C\u4F46\u7B97\u4E0D\u51FA\u504F\u79FB\u91CF\u662F\u5426\u4ECD\u5BF9\u9F50\uFF09\u3002 */
+.t-team-prompt-tools{position:absolute;top:22px;right:50px;z-index:2;display:flex;align-items:center;height:28px}
+/* ---- \u4E24\u4E2A\u5F39\u7A97\u7684\u5C3A\u5BF8\uFF082026-09-28 \u7B2C\u4E8C\u8F6E\uFF1A\u7528\u6237\u300C\u592A\u957F \u592A\u7A84\u300D\uFF09----
+   \u5B98\u65B9 .dialog \u662F min(380px,100%) \u5BBD\u3001\u9AD8\u5EA6\u4E0D\u8BBE\u9650 \u2014\u2014 \u90A3\u5957\u5C3A\u5BF8\u662F\u7ED9\u300C\u786E\u8BA4\u6846\u300D\u8BBE\u8BA1\u7684
+   \uFF08\u4E00\u53E5\u8BDD + \u4E24\u4E2A\u6309\u94AE\uFF09\u3002\u6211\u4EEC\u62FF\u5B83\u88C5\u4E24\u7C7B**\u957F\u5185\u5BB9**\uFF0C\u5F62\u72B6\u5C31\u5B8C\u5168\u4E0D\u5BF9\u4E86\uFF1A
+     \xB7 \u63D0\u793A\u8BCD\u5F39\u7A97\uFF1A\u4E13\u5BB6 persona \u5168\u6587\uFF0C\u52A8\u8F84\u4E0A\u4E07\u884C\uFF1B
+     \xB7 \u7F16\u8F91\u5668\u5F39\u7A97\uFF1A\u591A\u884C Markdown \u6B63\u6587\u3002
+   380px \u5BBD\u5BF9\u957F\u884C\u6587\u672C\u610F\u5473\u7740\u51E0\u4E4E\u6BCF\u53E5\u90FD\u6298\u884C\uFF0C\u518D\u914D\u5408\u6491\u6EE1\u89C6\u53E3\u7684\u9AD8\u5EA6 = \u53C8\u9AD8\u53C8\u7A84\u7684\u7A84\u6761\uFF0C
+   \u8BFB\u8D77\u6765\u50CF\u4ECE\u95E8\u7F1D\u91CC\u770B\u3002
+   \u7B2C\u4E00\u8F6E\uFF080.4.10\uFF09\u53EA\u6CBB\u4E86\u300C\u6F2B\u51FA\u5C4F\u5E55\u300D\uFF0C\u6CA1\u6709\u6CBB\u5F62\u72B6\u3002\u8FD9\u91CC\u6309\u5185\u5BB9\u7C7B\u578B\u7ED9\u5C3A\u5BF8\uFF1A
+     \xB7 \u63D0\u793A\u8BCD\u662F\u7EAF\u9605\u8BFB\uFF0C\u7ED9\u6700\u5BBD\u7684\u4E00\u6863\uFF0C\u884C\u5C3D\u91CF\u4E0D\u6298\uFF1B
+     \xB7 \u7F16\u8F91\u5668\u6709\u8868\u5355\u5B57\u6BB5\uFF0C\u7A0D\u7A84\u4E00\u70B9\u66F4\u805A\u62E2\u3002
+   \u4E24\u6863\u9AD8\u5EA6\u4E00\u81F4\uFF0C\u5207\u6765\u5207\u53BB\u4E0D\u4F1A\u8DF3\u3002
+   \u26A0\uFE0F \u5FC5\u987B\u5199\u5728 .t-team-modal-fit \u4E4B\u540E\uFF1A\u4E24\u7EC4\u90FD\u662F\u5355\u7C7B\u9009\u62E9\u5668\u3001\u7279\u5F02\u6027\u76F8\u540C\uFF0C
+   max-height \u8C01\u5728\u540E\u9762\u8C01\u751F\u6548\u3002 */
+.t-team-prompt-modal{width:min(960px,94vw);max-height:min(84vh,800px)}
+.t-team-editor-modal{width:min(860px,94vw);max-height:min(84vh,800px)}
+/* \u63D0\u793A\u8BCD\u6B63\u6587\uFF1A\u53EA\u8D1F\u8D23\u6392\u7248\uFF0C\u6EDA\u52A8\u4EA4\u7ED9\u4E0A\u9762\u90A3\u5C42 .body\uFF0C\u6240\u4EE5\u8FD9\u91CC\u4E0D\u8BBE padding/overflow\u3002 */
+.t-team-prompt-body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:19px;white-space:pre-wrap;word-break:break-word;color:var(--dsw-alias-label-secondary)}
 .t-team-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--dsw-alias-bg-layer-3);font-size:22px;line-height:1}
 .t-team-identity{display:flex;min-width:0;flex-direction:column;padding-right:46px}
 .t-team-card-name{font-size:14px;font-weight:600;line-height:20px;color:var(--dsw-alias-label-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@@ -330,7 +376,7 @@ var CSS = `
 .t-team-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
 /* \u6D6E\u5C42\u9AD8\u5EA6\u4E0A\u9650\uFF1A2026-09-20 \u7528\u6237\u8981\u6C42\u300C\u592A\u9AD8\u4E86\uFF0C\u7EDF\u4E00\u8C03\u77EE\u4E00\u70B9\u300D\u2014\u2014590px \u2192 460px\uFF1B
    2026-09-23 \u7528\u6237\u53C8\u8981\u300C\u518D\u9AD8\u4E00\u4E9B\uFF0C\u9AD8\u4E00\u4E2A\u5361\u7247\u591A\u4E00\u70B9\u300D\u2014\u2014460px \u2192 600px
-   \uFF08\u5361\u7247 114px + \u884C\u95F4\u8DDD 10px = 124px\uFF0C\u518D\u7559\u70B9\u4F59\u91CF\uFF0C\u6B63\u597D\u591A\u5BB9\u4E00\u6574\u884C\u5361\u7247\uFF09\u3002
+   \uFF08\u5361\u7247 146px + \u884C\u95F4\u8DDD 10px = 156px\uFF0C\u518D\u7559\u70B9\u4F59\u91CF\uFF0C\u6B63\u597D\u591A\u5BB9\u4E00\u6574\u884C\u5361\u7247\uFF09\u3002
    \u4E13\u5BB6/\u6280\u80FD\u4E24\u4E2A\u6807\u7B7E\u5171\u7528\u8FD9\u4E00\u4E2A\u6570\u5B57\uFF0C\u9AD8\u5EA6\u53D6 600px \u4E0E\u89C6\u53E3\u9AD8\u5EA6\u4E2D\u7684\u5C0F\u8005\uFF0C\u77EE\u5C4F\u81EA\u52A8\u6536\u7F29\u3002
    \u6CE8\u610F\uFF1A\u672C\u5757\u6CE8\u91CA\u5FC5\u987B\u95ED\u5408 \u2014\u2014 2026-09-23 \u66FE\u56E0\u8FD9\u91CC\u4E22\u4E86\u6CE8\u91CA\u7ED3\u5C3E\uFF0C\u628A\u4E0B\u9762 .t-team-pop \u4E0E
    .t-team-pop .t-team-input \u4E24\u6761\u89C4\u5219\u4E00\u8D77\u541E\u6389\uFF0C\u5F39\u7A97\u9000\u5316\u6210\u65E0\u6837\u5F0F\u5757\u7EA7\u5143\u7D20\uFF081265\xD712420\uFF09\uFF0C
@@ -346,10 +392,21 @@ var CSS = `
    \uFF08\u4EAE\u8272 rgba(248,249,250,.58) / \u6697\u8272 rgba(48,49,54,.5)\uFF09\uFF0C\u5E76\u914D\u5957
    --dsw-menu-backdrop-filter = blur(40px) saturate(150%) \u624D\u6709\u6BDB\u73BB\u7483\u89C2\u611F\u3002
    \u6240\u4EE5\u51E1\u662F background \u7528\u4E86 --dsw-specific-menu \u7684\u89C4\u5219\uFF0C\u90FD\u5FC5\u987B\u7D27\u8DDF\u4E00\u6761 backdrop-filter\uFF0C
-   \u5426\u5219\u5728 0.1.7 \u4E0A\u5C31\u662F\u300C\u5F39\u7A97\u534A\u900F\u660E\u3001\u80FD\u770B\u89C1\u5E95\u4E0B\u7684\u5BF9\u8BDD\u300D\uFF08\u7528\u6237\u5B9E\u6D4B\u62A5\u969C\uFF09\uFF1B\u65E7\u5BBF\u4E3B\u4E0A\u8BE5\u53D8\u91CF
-   \u4ECD\u662F\u4E0D\u900F\u660E\u8272\uFF0C\u5E26\u4E86 filter \u4E5F\u6CA1\u6709\u526F\u4F5C\u7528\uFF08\u80CC\u540E\u5185\u5BB9\u672C\u6765\u5C31\u770B\u4E0D\u89C1\uFF09\u3002
-   fallback \u7528\u56FA\u5B9A\u7684 blur \u503C\uFF0C\u53EA\u662F\u4E3A\u4E86\u5728\u62FF\u4E0D\u5230\u5BBF\u4E3B\u53D8\u91CF\u7684\u5BBF\u4E3B\u4E0A\u4E5F\u4E0D\u81F3\u4E8E\u5B8C\u5168\u6CA1\u6750\u8D28\u3002 */
-.t-team-pop{position:fixed;z-index:60;width:var(--t-team-pop-w, 720px);max-width:calc(100vw - 16px);max-height:min(600px, calc(100vh - 16px));overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 0 10px 10px;border-radius:12px;border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-specific-menu, var(--dsw-alias-bg-layer-3));backdrop-filter:var(--dsw-menu-backdrop-filter,blur(20px) saturate(1.4));box-shadow:0 0 1px 0 #0003, 0 0 4px 0 #00000005;color:var(--dsw-alias-label-primary)}
+   \u5426\u5219\u5728 0.1.7 \u4E0A\u5C31\u662F\u300C\u5F39\u7A97\u534A\u900F\u660E\u3001\u80FD\u770B\u89C1\u5E95\u4E0B\u7684\u5BF9\u8BDD\u300D\uFF08\u7528\u6237\u5B9E\u6D4B\u62A5\u969C\uFF09\u3002
+   \u26A0\uFE0F 2026-09-29\uFF1A**T\u4E13\u5BB6 \u9762\u677F\u81EA\u5DF1\u4E0D\u518D\u8D70\u6BDB\u73BB\u7483**\uFF08\u7528\u6237\u53E3\u5F84\u300C\u592A\u5361\u4E86\u300D\u2192 \u9009\u300C\u9762\u677F\u6539\u6210\u4E0D\u900F\u660E\u5B9E\u8272\u300D\uFF09\uFF1A
+   blur(40px) \u94FA\u6EE1\u6574\u5757\u9762\u677F\u662F\u9762\u677F\u4E0A\u4EC5\u5269\u7684\u5927\u5408\u6210\u5F00\u9500\uFF0C\u800C\u9762\u677F\u5185\u5BB9\u672C\u8EAB\u662F\u5B9E\u5FC3\u5361\u7247\u3001\u5E76\u4E0D\u9700\u8981\u900F\u51FA\u80CC\u540E\u5185\u5BB9\u3002
+   \u6240\u4EE5 .t-team-pop \u4E0E\u5B98\u65B9\u6750\u8D28\u8DEF\u5F84\uFF08.t-team-pop-official\uFF09\u90FD\u6539\u6210\u5B9E\u8272 --dsw-alias-bg-layer-3\uFF0C
+   \u5E76\u628A\u5B98\u65B9 MenuSurface \u5185\u90E8\u90A3\u5C42\u6750\u8D28\uFF08aria-hidden \u7684\u5144\u5F1F\u8282\u70B9\uFF0Cblur \u5C31\u6302\u5728\u5B83\u8EAB\u4E0A\uFF09\u5173\u6389\u3002
+   \u8FD9\u6761\u300C\u586B\u8272\u5FC5\u987B\u914D filter\u300D\u7684\u89C4\u77E9\u4ECD\u7136\u9002\u7528\u4E8E**\u522B\u5904**\u8FD8\u5728\u7528\u83DC\u5355\u6750\u8D28\u7684\u5730\u65B9\uFF08\u5982 .t-team-expert-pick-panel\uFF09\u3002 */
+.t-team-pop{position:fixed;z-index:60;width:var(--t-team-pop-w, 720px);max-width:calc(100vw - 16px);max-height:min(600px, calc(100vh - 16px));overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 0 10px 10px;border-radius:12px;border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, #fff));box-shadow:0 0 1px 0 #0003, 0 0 4px 0 #00000005;color:var(--dsw-alias-label-primary)}
+/* \u6750\u8D28\u4EA4\u7ED9\u5B98\u65B9 MenuSurface \u65F6\uFF08\u5BBF\u4E3B\u6709\u8BE5\u7EC4\u4EF6 \u2014\u2014 \u89C1 ui.jsx \u7684 PopSurface\uFF09\uFF0C\u628A\u4E0A\u9762\u90A3\u5957\u81EA\u7ED8\u6750\u8D28\u6E05\u6389\u3002
+   \u5B98\u65B9\u6750\u8D28\u662F**\u7236\u7EA7\u5185\u90E8**\u4E00\u4E2A aria-hidden\u3001absolute\u3001z-index:-1 \u7684\u5144\u5F1F\u5C42\uFF1B\u7236\u7EA7\u81EA\u5DF1\u518D\u94FA\u4E00\u5C42\u5E95\u8272
+   \u5C31\u4F1A\u628A\u5B83\u6574\u4E2A\u76D6\u4F4F\uFF0C\u6362\u5916\u58F3\u8FD9\u4EF6\u4E8B\u5C31\u7B49\u4E8E\u767D\u505A\u3002\u5706\u89D2\u4E00\u5E76\u8FD8\u7ED9\u5B98\u65B9\u90A3\u4E00\u6863\uFF08.surface \u7528 --dsw-radius-lg\uFF09\u3002 */
+.t-team-pop-official{position:fixed;border:0;background:var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, #fff));backdrop-filter:none;box-shadow:none;border-radius:var(--dsw-radius-lg,12px)}
+/* \u5173\u6389\u5B98\u65B9 MenuSurface \u5185\u90E8\u90A3\u5C42\u6750\u8D28\uFF08\u5B83\u662F\u4E2A aria-hidden \u7684\u7EDD\u5BF9\u5B9A\u4F4D\u5144\u5F1F\uFF0Cinset:0 \u94FA\u6EE1\uFF0C
+   background \u4E0E backdrop-filter \u90FD\u6302\u5728\u5B83\u8EAB\u4E0A\uFF09\u3002\u53EA\u628A\u7236\u7EA7\u6362\u6210\u5B9E\u8272\u8FD8\u4E0D\u591F \u2014\u2014
+   \u6750\u8D28\u5C42\u7167\u6837\u5728\u8DD1 blur\u3002 */
+.t-team-pop-official > [aria-hidden="true"]{display:none}
 /* \u4E0D\u5199 width:100%\uFF1A\u5B83\u91CF\u7684\u662F\u5BB9\u5668 content \u5BBD\uFF0C\u518D\u53E0\u4E0A\u300C> *\u300D\u7684 margin-right \u5C31\u4F1A\u6A2A\u5411\u6EA2\u51FA\uFF1B
    \u9760 flex \u5BB9\u5668\u9ED8\u8BA4\u7684 align-items:stretch \u81EA\u52A8\u6491\u6EE1\u51CF\u6389 margin \u540E\u7684\u5BBD\u5EA6\u3002 */
 .t-team-pop .t-team-input{flex:0 0 auto;min-width:0}
@@ -357,9 +414,48 @@ var CSS = `
    \u8D34\u4F4F\u5F39\u7A97\u53F3\u8FB9\u7F18 \u2014\u2014 \u6EDA\u52A8\u6761\u753B\u5728\u6EDA\u52A8\u5BB9\u5668\u7684 padding box \u8FB9\u7F18\uFF0C\u7236\u7EA7\u7559 10px \u5C31\u4F1A\u628A\u5B83\u63A8\u8FDB\u6765 10px\uFF0C
    \u4E5F\u5C31\u662F\u7528\u6237\u770B\u5230\u7684\u300C\u6EDA\u52A8\u6761\u6CA1\u9760\u8FB9\u300D\u3002\u4EE3\u4EF7\u662F**\u6BCF\u4E2A\u4E0D\u6EDA\u52A8\u7684\u5144\u5F1F\u5143\u7D20**\u90FD\u5F97\u81EA\u5DF1\u8865\u56DE\u8FD9 10px\uFF0C
    \u6F0F\u4E00\u4E2A\u5C31\u9876\u8FB9\uFF082026-09-23 \u5C31\u6F0F\u4E86\u641C\u7D22\u6846\uFF09\u3002\u6240\u4EE5\u7528\u300C> *\u300D\u4E00\u628A\u515C\u4F4F\uFF0C\u518D\u628A\u552F\u4E00\u7684\u6EDA\u52A8\u5BB9\u5668\u6392\u9664\u6389\uFF1A
-   \u4EE5\u540E\u5F80\u5F39\u7A97\u91CC\u52A0\u65B0\u884C\u4E0D\u5FC5\u518D\u8BB0\u5F97\u8865\u3002 */
-.t-team-pop > *{margin-right:10px}
+   \u4EE5\u540E\u5F80\u5F39\u7A97\u91CC\u52A0\u65B0\u884C\u4E0D\u5FC5\u518D\u8BB0\u5F97\u8865\u3002
+   \u26A0\uFE0F 2026-09-29 \u8D77\u8FD8\u8981\u6392\u9664\u300Caria-hidden\u300D\uFF1A\u5B98\u65B9 MenuSurface \u7684\u6750\u8D28\u5C42\u5C31\u662F\u7236\u7EA7\u91CC\u4E00\u4E2A aria-hidden
+   \u7684\u7EDD\u5BF9\u5B9A\u4F4D\u5144\u5F1F\uFF08inset:0 \u94FA\u6EE1\uFF09\u2014\u2014 \u5B83\u5403\u8FD9 10px \u7684 margin-right \u4F1A\u8BA9\u6750\u8D28\u53F3\u8FB9\u5C11\u4E00\u6761\uFF0C\u9732\u51FA\u5E95\u8272\u3002 */
+.t-team-pop > *:not([aria-hidden="true"]){margin-right:10px}
 .t-team-pop > .t-team-pop-list{margin-right:0}
+/* \u5206\u7C7B\u6807\u7B7E\u884C\uFF082026-09-29 \u7528\u6237\u8981\u6C42\uFF1A\u641C\u7D22\u6846\u4E0B\u9762\u52A0\u4E00\u884C\u5206\u7C7B\uFF0C\u9644\u53C2\u8003\u56FE\uFF09\u3002
+   \u5BF9\u9F50\u5BBD\u5EA6\u9760\u7684\u662F**\u7ED3\u6784**\uFF1A\u8FD9\u4E00\u884C\u662F .t-team-pop \u7684\u76F4\u63A5\u5B50\u5143\u7D20\uFF0C\u4E0E\u641C\u7D22\u6846\u5403\u540C\u4E00\u6761\u300C> *\u300D\u53F3\u5185\u8FB9\u8DDD\u3001
+   \u5DE6\u8FB9\u540C\u6837\u7531\u5BB9\u5668\u81EA\u5DF1\u7684 padding-left \u63D0\u4F9B \u2014\u2014 \u6240\u4EE5\u8FD9\u91CC\uFF08\u4EE5\u53CA\u91CC\u9762\u4E24\u4E2A\u5BB9\u5668\uFF09**\u4E0D\u8BB8**\u518D\u5199\u5DE6\u53F3\u5185\u8FB9\u8DDD\uFF0C
+   \u5199\u4E86\u8FD9\u4E00\u884C\u5C31\u4F1A\u6BD4\u641C\u7D22\u6846\u7A84\u4E00\u622A\u6216\u504F\u4E00\u622A\uFF0C\u90A3\u6B63\u662F\u7528\u6237\u76EF\u7684"\u5BF9\u9F50"\u3002
+   \u6A2A\u5411\u6EA2\u51FA\u7167\u53C2\u8003\u56FE\u5904\u7406\uFF1A\u4E00\u884C\u6A2A\u5411\u6EDA\u52A8 + \u53F3\u7AEF\u4E00\u4E2A\u5706\u5F62\u7BAD\u5934\u3002
+   \u26A0\uFE0F \u7BAD\u5934\u6309\u94AE\u5FC5\u987B\u653E\u5728\u5916\u5C42 .t-team-divbar \u4E0A\uFF1A\u6EDA\u52A8\u5BB9\u5668\u7684\u7EDD\u5BF9\u5B9A\u4F4D\u5B50\u5143\u7D20\u4F1A**\u8DDF\u7740\u5185\u5BB9\u4E00\u8D77\u6EDA\u8D70**\u3002 */
+.t-team-divbar{position:relative;display:flex;align-items:center;min-width:0}
+/* \u7ED9\u7BAD\u5934\u8BA9\u4F4D\uFF1A\u53EA\u5728\u5BF9\u5E94\u90A3\u4E00\u4FA7\u7684\u7BAD\u5934\u771F\u7684\u51FA\u73B0\u65F6\u624D\u52A0\u5185\u8FB9\u8DDD \u2014\u2014 \u6CA1\u6EDA\u52A8\u65F6\u5DE6\u4FA7\u4E0D\u52A0\uFF0C
+   \u6240\u4EE5\u7B2C\u4E00\u4E2A\u6807\u7B7E\u4ECD\u7136\u4E0E\u641C\u7D22\u6846\u5DE6\u8FB9\u7F18\u5BF9\u9F50\uFF08\u7528\u6237\u7279\u522B\u70B9\u7684\u90A3\u6761\u300C\u5BF9\u9F50\u5BBD\u5EA6\u300D\uFF09\u3002
+   38px = \u7BAD\u5934\u76F4\u5F84 32px + 6px \u95F4\u9699\uFF08\u7BAD\u5934\u653E\u5927\u540E\u8FD9\u91CC\u5FC5\u987B\u8DDF\u7740\u6539\uFF0C\u5426\u5219\u5B83\u4F1A\u538B\u4F4F\u6700\u540E\u4E00\u4E2A\u6807\u7B7E\uFF09\u3002 */
+.t-team-divbar[data-more="true"] .t-team-pop-divs{padding-right:38px}
+.t-team-divbar[data-back="true"] .t-team-pop-divs{padding-left:38px}
+/* \u26A0\uFE0F \u8FD9\u91CC**\u4E0D\u5199** scroll-behavior:smooth\uFF082026-09-29 \u52A0\u4E86\u6EDA\u8F6E\u6A2A\u5411\u6EDA\u52A8\u4E4B\u540E\u53BB\u6389\u7684\uFF09\uFF1A
+   \u6EDA\u8F6E\u8981\u6C42"\u8F6C\u591A\u5C11\u8D70\u591A\u5C11"\u7684\u5373\u65F6\u8DDF\u624B\uFF0Csmooth \u4F1A\u8BA9\u6BCF\u4E00\u683C\u6EDA\u8F6E\u90FD\u53D8\u6210\u4E00\u6BB5\u52A8\u753B\uFF0C\u53CD\u800C\u53D1\u98D8\u3002
+   \u9700\u8981\u5E73\u6ED1\u7684\u662F\u90A3\u4E24\u9897\u7BAD\u5934\u6309\u94AE \u2014\u2014 \u5B83\u4EEC\u81EA\u5DF1\u4F20 scrollBy({behavior:"smooth"})\u3002 */
+.t-team-pop-divs{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
+.t-team-pop-divs::-webkit-scrollbar{display:none}
+/* \u5206\u7C7B\u6807\u7B7E\u4E0E\u7AEF\u5934\u7684\u5706**\u540C\u9AD8**\uFF0832px\uFF09\uFF1A\u5706\u662F\u7EDD\u5BF9\u5B9A\u4F4D\u3001\u4E0D\u53C2\u4E0E\u5E03\u5C40\uFF0C\u884C\u9AD8\u7531\u6807\u7B7E\u51B3\u5B9A \u2014\u2014
+   \u4E24\u8005\u4E0D\u76F8\u7B49\u65F6\u5706\u4F1A\u4E0A\u4E0B\u6EA2\u51FA\u5230\u884C\u5916\uFF0C\u770B\u7740\u5C31\u4E0D\u50CF\u4E2A\u5B8C\u6574\u7684\u6B63\u5706\uFF082026-09-29 \u7528\u6237\uFF1A\u300C\u8981\u6B63\u5706\u300D\uFF09\u3002 */
+.t-team-div-chip{flex:0 0 auto;box-sizing:border-box;height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:13px;line-height:32px;white-space:nowrap;cursor:pointer}
+.t-team-div-chip:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.t-team-div-chip[data-active="true"]{background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-interactive-bg-hover));color:var(--dsw-alias-label-primary);font-weight:500}
+/* \u5206\u7C7B\u884C\u4E24\u7AEF\u7684\u7BAD\u5934\uFF082026-09-29 \u4E09\u8F6E\u7528\u6237\u53E3\u5F84\u5408\u5E76\u7684\u7ED3\u679C\uFF09\uFF1A
+   \u2460 \u300C< > \u6700\u597D\u52A0\u4E2A\u8FB9\u7EBF\uFF0C\u73B0\u5728\u770B\u7740\u4E0D\u660E\u663E\u300D\u2192 \u52A0\u63CF\u8FB9\uFF1B
+   \u2461 \u300C\u8FD9\u79CD\u5706\u5F62\u98CE\u683C\u884C\u5417\uFF0C\u518D\u5927\u4E00\u70B9\u70B9\u300D\uFF08\u9644\u53C2\u8003\u56FE\uFF09\u2192 \u653E\u5927\u5230 32px\u3001\u7BAD\u5934 18px\uFF1B
+   \u2462 \u300C\u4E3A\u4EC0\u4E48\u662F\u534A\u900F\u660E\u7684\uFF1F\u8FD8\u6709\u8981\u6B63\u5706\u300D\u2192 \u4E24\u5904\u90FD\u6539\uFF1A
+      \xB7 \u5E95\u8272\u6362\u6210**\u5B9E\u8272**\u7684\u300C--dsw-alias-bg-layer-3\u300D\u3002\u4E0A\u4E00\u7248\u7528\u7684\u300Cinteractive-bg-hover\u300D\u672C\u8EAB\u5C31\u662F
+        alpha \u8272\uFF08fallback #0000000d\uFF0C\u7EA6 5% \u9ED1\uFF09\uFF0C\u53E0\u5728\u534A\u900F\u660E\u83DC\u5355\u6750\u8D28\u4E0A\u6574\u4E2A\u5706\u90FD\u662F\u900F\u7684 \u2014\u2014
+        \u90A3\u662F"\u770B\u8D77\u6765\u534A\u900F\u660E"\u7684\u76F4\u63A5\u539F\u56E0\uFF0C\u4E0D\u662F\u9762\u677F\u7684\u95EE\u9898\uFF1B
+      \xB7 \u5782\u76F4\u5C45\u4E2D\u4E0D\u518D\u7528\u300Ctop:50% + translateY(-50%)\u300D\uFF1A\u534A\u50CF\u7D20\u9AD8\u5EA6\u4E0B\u5B83\u4F1A\u843D\u5728 .5px \u4E0A\uFF0C\u5706\u5F62\u8FB9\u7F18\u88AB
+        \u91CD\u91C7\u6837\u3001\u770B\u7740\u5C31\u4E0D\u5706\u3002\u6539\u6210\u300Ctop:0;bottom:0;margin:auto 0\u300D\uFF08\u884C\u9AD8\u4E0E\u5706\u540C\u9AD8\u65F6\u662F\u6574\u6570\u50CF\u7D20\u5BF9\u9F50\uFF09\u3002
+   \u26A0\uFE0F \u52A0\u63CF\u8FB9\u5FC5\u987B\u540C\u65F6\u7ED9 box-sizing:border-box\uFF0C\u5426\u5219\u8FB9\u6846\u4F1A\u628A\u5706\u6491\u5927\u3001\u628A\u5206\u7C7B\u884C\u9876\u9AD8\u3002 */
+.t-team-div-scroll{position:absolute;top:0;bottom:0;margin:auto 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--dsw-alias-border-l1);border-radius:50%;background:var(--dsw-alias-bg-layer-3,#f7f8fa);color:var(--dsw-alias-label-secondary);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 0 1px 0 #0003, 0 0 4px 0 #00000008}
+/* \u4E24\u4E2A\u65B9\u5411\u5404\u8D34\u4E00\u8FB9\uFF1A\u53F3\u7AEF\u300C\u8FD8\u6709\u66F4\u591A\u300D\u3001\u5DE6\u7AEF\u300C\u5DF2\u7ECF\u6EDA\u8FC7\u53BB\u4E86\uFF0C\u70B9\u6211\u56DE\u53BB\u300D\u3002 */
+.t-team-div-scroll[data-dir="next"]{right:0}
+.t-team-div-scroll[data-dir="prev"]{left:0}
+.t-team-div-scroll:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}
 .t-team-pop .t-team-tabs{gap:2px;padding-bottom:4px}
 .t-team-pop .t-team-tab{font-size:12px;padding:3px 8px}
 /* \u6807\u7B7E\u4E0A\u7684\u8BA1\u6570\uFF1A\u6BD4\u6807\u7B7E\u5C0F\u4E00\u53F7\u3001\u7A0D\u6DE1\uFF0Ctabular-nums \u8BA9\u6570\u5B57\u7B49\u5BBD \u2014\u2014 \u5426\u5219 401 \u2192 99 \u65F6\u6807\u7B7E\u5BBD\u5EA6\u4F1A\u8DF3\u3002 */
@@ -389,23 +485,48 @@ var CSS = `
    2026-09-23 \u7528\u6237\u53CD\u9988\u300C\u5361\u7247\u592A\u7D27\u51D1\u4E86\uFF0C\u5927\u4E00\u70B9\u300D\uFF1A\u5185\u8FB9\u8DDD 10\u219214\u3001\u5361\u7247\u95F4\u8DDD 6/8\u219210/12\u3001
    \u5934\u50CF\u4E0E\u5934\u90E8 32\u219240\u3001\u540D\u5B57 13\u219214\u3001\u526F\u6807\u9898\u4E0E\u7B80\u4ECB 11\u219212\u3001\u5361\u7247\u5E95\u9AD8 93\u2192114\uFF0814+40+8+36+14+2\uFF09\u3002
    \u8FD9\u51E0\u5904\u5C3A\u5BF8\u662F\u8054\u52A8\u7684\uFF0C\u6539\u4E00\u4E2A\u5C31\u5F97\u6539\u5176\u4F59\u7684\uFF0C\u5426\u5219\u4E24\u4E2A tab \u53C8\u4F1A\u4E0D\u7B49\u9AD8\u3002 */
-.t-team-pop-item{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:114px;box-sizing:border-box;overflow:hidden;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:inherit;font:inherit;cursor:pointer}
+.t-team-pop-item{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:146px;box-sizing:border-box;overflow:hidden;text-align:left;padding:14px;border-radius:16px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:inherit;font:inherit;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 146px}
+/* content-visibility\uFF082026-09-29\uFF0C\u7528\u6237\u62A5\u300C\u5F39\u7A97\u6709\u70B9\u5361\u300D\uFF09\uFF1A\u4E13\u5BB6/\u6280\u80FD\u5361\u7247\u662F**\u7B49\u9AD8**\u7684
+   \uFF08min-height:146px\uFF0C\u5934\u90E8 44 + \u7B80\u4ECB\u4E24\u884C + \u6807\u7B7E\u884C\uFF0C\u89C1\u4E0B\u9762\u7684\u8BF4\u660E\uFF09\uFF0C\u6B63\u597D\u662F\u5B83\u6700\u5408\u9002\u7684\u7528\u6CD5 \u2014\u2014
+   \u5C4F\u5E55\u5916\u7684\u5361\u7247\u76F4\u63A5\u8DF3\u8FC7\u6837\u5F0F/\u5E03\u5C40/\u7ED8\u5236\uFF0C\u6253\u5F00\u9762\u677F\u65F6\u771F\u6B63\u8981\u6E32\u67D3\u7684\u4ECE 300+ \u5F20\u964D\u5230\u53EF\u89C6\u533A\u7684\u5341\u51E0\u5F20\u3002
+   contain-intrinsic-size \u5FC5\u987B\u5199\u3001\u4E14\u8981\u8D34\u7740\u771F\u5B9E\u9AD8\u5EA6\uFF08146px\uFF09\uFF0C\u5426\u5219\u6EDA\u52A8\u6761\u7684\u4F30\u7B97\u957F\u5EA6\u4F1A\u8DF3\u3002
+   \u8001\u5BBF\u4E3B\uFF08\u4E0D\u652F\u6301\u8BE5\u5C5E\u6027\uFF09\u4F1A\u5FFD\u7565\u8FD9\u4E24\u6761\uFF0C\u884C\u4E3A\u4E0D\u53D8\u3002 */
 .t-team-pop-item:hover{background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-l3)}
 /* \u5361\u7247\u88C1\u8FB9\uFF08overflow:hidden\uFF09\u4F1A\u628A\u5BBF\u4E3B\u9ED8\u8BA4\u7684 focus \u8F6E\u5ED3\u4E00\u8D77\u88C1\u6389\uFF0C\u952E\u76D8 Tab \u9009\u4E2D\u5C31\u770B\u4E0D\u51FA\u6765\u4E86\uFF0C
    \u6240\u4EE5\u7126\u70B9\u73AF\u81EA\u5DF1\u753B\u3001\u5E76\u538B\u5728\u5361\u7247\u5185\u4FA7\uFF08offset \u8D1F\u503C\uFF09\u3002 */
 .t-team-pop-item:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
-/* \u5934\u90E8\u9AD8\u5EA6\u5199\u6B7B 40px\uFF1A\u5361\u7247\u7B49\u9AD8\u7684\u524D\u63D0\u3002\u6280\u80FD\u5361\u91CC\u6807\u9898\u53EA\u6709\u4E00\u884C\uFF0C\u6491\u5230 40px \u7684\u662F\u5934\u50CF\uFF1B
-   \u4E13\u5BB6\u5361\u91CC\u6807\u9898\u6709\u4E24\u884C\uFF08\u540D\u5B57 + \u5BF9\u7167\u540D \u2248 34px\uFF09\uFF0C\u5FC5\u987B\u9489\u4F4F\uFF0C\u5426\u5219\u5B83\u4F1A\u6BD4\u6280\u80FD\u5361\u9AD8\u3002 */
-.t-team-pop-item .t-team-pop-head{height:40px}
+/* \u5934\u90E8\u9AD8\u5EA6\u5199\u6B7B 44px\uFF1A\u5361\u7247\u7B49\u9AD8\u7684\u524D\u63D0\u3002\u6280\u80FD\u5361\u91CC\u6807\u9898\u53EA\u6709\u4E00\u884C\uFF0C\u6491\u5230 44px \u7684\u662F\u5934\u50CF\uFF1B
+   \u4E13\u5BB6\u5361\u91CC\u6807\u9898\u6709\u4E24\u884C\uFF08\u540D\u5B57 + \u5BF9\u7167\u540D \u2248 34px\uFF09\uFF0C\u5FC5\u987B\u9489\u4F4F\uFF0C\u5426\u5219\u5B83\u4F1A\u6BD4\u6280\u80FD\u5361\u9AD8\u3002
+   \u26A0\uFE0F \u300Cjustify-content:flex-start\u300D\u662F 2026-09-29 \u8865\u7684**\u4FEE bug**\u3001\u4E0D\u662F\u6392\u7248\u504F\u597D\uFF1A
+   \u300C.t-team-pop-head\u300D\u8FD9\u4E2A\u540D\u5B57\u540C\u65F6\u88AB**\u9762\u677F\u6807\u9898\u884C**\uFF08\u9876\u680F\u300CT\u4E13\u5BB6 + \u5173\u95ED\u300D\uFF09\u7528\u7740\uFF0C\u800C\u5B83\u90A3\u6761\u89C4\u5219\u5E26
+   \u300Cjustify-content:space-between\u300D\u2014\u2014 \u4E8E\u662F\u5361\u7247\u91CC\u7684\u300C\u5934\u50CF + \u540D\u79F0\u300D\u88AB\u63A8\u6210\u4E24\u7AEF\u5BF9\u9F50\u3001\u540D\u79F0\u8D34\u5230\u4E86\u53F3\u8FB9\u3002
+   \u7528\u6237\u5F53\u65F6\u7684\u53E3\u5F84\u300C\u540D\u79F0\u90FD\u9760\u5DE6\u300D\u8BF4\u7684\u5C31\u662F\u8FD9\u4E2A\u3002\u8FD9\u91CC\u7528\u66F4\u9AD8\u7684\u7279\u5F02\u6027\u63B0\u56DE\u6765\uFF08\u987A\u5E8F\u4E5F\u6392\u5728\u5B83\u4E4B\u540E\uFF09\u3002 */
+.t-team-pop-item .t-team-pop-head{height:44px;justify-content:flex-start}
 .t-team-pop-head{display:flex;align-items:center;gap:10px;min-width:0}
-.t-team-pop-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--dsw-alias-bg-layer-3);font-size:19px;line-height:1}
+/* \u5934\u50CF\uFF1A44px \u5706\u3002\u5E95\u8272\u9ED8\u8BA4\u6DE1\u7070\uFF0C\u4E13\u5BB6\u5361\u7531 inline style \u7528\u540D\u518C frontmatter \u7684\u300Ccolor\u300D\u538B\u6210\u6DE1\u8272\u5706\u5E95
+   \uFF08\u89C1 ui.jsx \u7684 tintOf\uFF0Calpha 24%\uFF09\uFF1B\u91CC\u9762\u662F\u4E13\u5BB6\u81EA\u5DF1\u7684\u5F69\u8272 emoji\u3002
+   2026-09-29 \u7528\u6237\u53E3\u5F84\u300C\u7ED9\u8FD9\u4E9B\u56FE\u6807\u52A0\u4E00\u4E2A\u6DE1\u6DE1\u7684\u80CC\u666F\uFF0C\u73B0\u5728 emoji \u90FD\u5F88\u5C0F\uFF0C\u770B\u7740\u4E0D\u534F\u8C03\u300D\u4E09\u5904\u4E00\u8D77\u8C03\uFF1A
+     \u2460 \u6DE1\u8272\u5E95 14% \u2192 24%\uFF0814% \u94FA\u5728\u767D\u5361\u7247\u4E0A\u51E0\u4E4E\u770B\u4E0D\u51FA\u5706\uFF0C\u5706\u6CA1\u8FB9\u3001\u91CC\u9762\u53C8\u662F\u5C0F emoji\uFF0C\u6574\u4F53\u5C31\u53D1\u98D8\uFF09\uFF1B
+     \u2461 emoji \u5B57\u53F7 22 \u2192 26px\uFF0844px \u7684\u5706\u91CC\u66F4\u9971\u6EE1\uFF0C\u4E0A\u4E0B\u5404\u7559 9px\uFF09\uFF1B
+     \u2462 \u6CA1\u6709 color \u65F6\u7684\u515C\u5E95\u5E95\u8272\u4ECE\u8FD1\u767D\u7684 layer-3 \u6362\u6210\u6DE1\u7070\u7684 interactive-bg-hover
+        \uFF08\u8001\u6570\u636E\u3001\u6216\u989C\u8272\u540D\u4E0D\u88AB\u652F\u6301\u7684\u5BBF\u4E3B\u4E0A\uFF0C\u4E5F\u8FD8\u770B\u5F97\u89C1\u4E00\u4E2A\u5706\uFF09\u3002 */
+.t-team-pop-avatar{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);font-size:26px;line-height:1}
+/* \u6280\u80FD\u5361\u5934\u50CF\uFF1A\u6280\u80FD\u6CA1\u6709 color \u5B57\u6BB5\uFF0C\u56FA\u5B9A\u7528\u540C\u4E00\u6863\u6DE1\u7070\u5E95 + \u5F69\u8272 emoji\uFF08\u{1F9F0}\uFF09\u2014\u2014 \u4E0E\u4E13\u5BB6\u5361\u7684\u6DE1\u8272\u5706\u540C\u4E00\u5957\u89C2\u611F\u3002 */
+.t-team-pop-avatar-skill{background:var(--dsw-alias-interactive-bg-hover)}
 .t-team-pop-title{display:flex;flex-direction:column;gap:3px;min-width:0}
-.t-team-pop-name{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/* \u540D\u79F0\uFF1A15px/600\uFF08\u53C2\u8003\u56FE\u91CC\u5B83\u662F\u5361\u7247\u91CC\u6700\u5927\u7684\u4E00\u884C\uFF09\u3002\u5B83\u5FC5\u987B\u9760\u5DE6 \u2014\u2014 \u9760\u7684\u662F .t-team-pop-item \u7684
+   text-align:left \u52A0\u4E0A\u90A3\u4E00\u884C\u5BF9 justify-content \u7684\u4FEE\u6B63\uFF0C\u89C1\u4E0A\u9762\u7684\u8BF4\u660E\u3002 */
+.t-team-pop-name{font-size:15px;font-weight:600;color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .t-team-pop-sub{font-size:12px;color:var(--dsw-alias-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 /* \u7B80\u4ECB\u56FA\u5B9A\u4E24\u884C\uFF1A\u5185\u5BB9\u591A\u7684\u622A\u65AD\uFF08-webkit-line-clamp:2\uFF09\uFF0C\u5185\u5BB9\u5C11\u7684\u7528 min-height \u5360\u4F4F\u4E24\u884C\u7684\u9AD8\u5EA6 \u2014\u2014
    \u8FD9\u4E00\u6761\u662F\u300C\u4E13\u5BB6\u5361 = \u6280\u80FD\u5361\u300D\u7684\u53E6\u4E00\u534A\uFF1A\u6280\u80FD\u63CF\u8FF0\u666E\u904D\u504F\u77ED\uFF0C\u4E0D\u5360\u4F4D\u7684\u8BDD\u6280\u80FD\u5361\u4F1A\u6BD4\u4E13\u5BB6\u5361\u77EE\u4E00\u622A\u3002
    \u4E24\u884C = 12px \xD7 1.5 \xD7 2 = 36px\u3002\u60F3\u8C03\u884C\u6570\u5C31\u628A line-clamp \u4E0E min-height \u4E00\u8D77\u6539\u3002 */
 .t-team-pop-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-secondary)}
+/* \u5361\u7247\u5E95\u90E8\u6807\u7B7E\u884C\uFF082026-09-29 \u53C2\u8003\u56FE\uFF09\uFF1A\u6D45\u7070\u80F6\u56CA\u3002\u4E13\u5BB6\u5361\u653E\u300C\u5206\u533A [+ \u81EA\u5EFA]\u300D\u3001\u6280\u80FD\u5361\u653E\u300C\u6280\u80FD [+ \u4EC5\u7528\u6237]\u300D\u3002
+   \u4E24\u5361\u90FD\u6709\u8FD9\u4E00\u884C\u3001\u9AD8\u5EA6\u56FA\u5B9A 20px \u2014\u2014 \u5B83\u662F"\u4E24\u5361\u7B49\u9AD8"\u7684\u6700\u540E\u4E00\u5757\u3002
+   nowrap + overflow:hidden\uFF1A\u5217\u5F88\u7A84\uFF0C\u5B81\u53EF\u622A\u65AD\u4E5F\u4E0D\u8981\u6362\u884C\uFF08\u6362\u884C\u4F1A\u7834\u574F\u7B49\u9AD8\u4E0E contain-intrinsic-size \u7684\u4F30\u7B97\uFF09\u3002 */
+.t-team-pop-tags{display:flex;flex-wrap:nowrap;gap:6px;height:20px;overflow:hidden}
+.t-team-pop-tag{flex:0 0 auto;box-sizing:border-box;height:20px;padding:0 8px;border-radius:6px;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);font-size:11px;line-height:20px;white-space:nowrap}
 .t-team-pop-empty{font-size:12px;color:var(--dsw-alias-label-tertiary);padding:6px 2px}
 .t-team-pop-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--dsw-alias-label-secondary)}
 /* \u952E\u76D8\u7126\u70B9\u73AF\uFF1A\u5B98\u65B9\u7ED9\u6574\u9875\u4E00\u6761\u7EDF\u4E00\u89C4\u5219\uFF08.t-XoWW_page :focus-visible{outline:2px solid \u2026;offset:2px}\uFF09\uFF0C
@@ -574,6 +695,9 @@ var zh = {
   "card.promptFailed": "\u8BFB\u53D6\u63D0\u793A\u8BCD\u5931\u8D25\uFF1A{detail}",
   "card.promptEmpty": "\u8BE5\u4E13\u5BB6\u6CA1\u6709\u53EF\u663E\u793A\u7684\u63D0\u793A\u8BCD\u6B63\u6587\u3002",
   "card.close": "\u5173\u95ED",
+  "card.copy": "\u590D\u5236",
+  "card.copied": "\u5DF2\u590D\u5236",
+  "card.copyFailed": "\u590D\u5236\u5931\u8D25",
   "settings.saveFailed": "\u4FDD\u5B58\u5931\u8D25\uFF1A{detail}",
   "settings.loadFailed": "\u8BFB\u53D6\u540D\u518C\u5931\u8D25\uFF1A{detail}",
   "settings.conflictRetry": "\u8BBE\u7F6E\u5DF2\u88AB\u5176\u4ED6\u7A97\u53E3\u4FEE\u6539\uFF0C\u5DF2\u91CD\u65B0\u8BFB\u53D6\u540D\u518C\uFF0C\u8BF7\u91CD\u8BD5\u3002",
@@ -641,6 +765,11 @@ var zh = {
   "custom.badge": "\u81EA\u5EFA",
   "custom.loadingBody": "\u6B63\u5728\u8BFB\u53D6\u4EBA\u683C\u6B63\u6587\u2026",
   "pop.title": "T\u4E13\u5BB6",
+  // 输入区面板的分类标签行（2026-09-29 用户要求：搜索框下面加一行分类）
+  "pop.all": "\u5168\u90E8",
+  "pop.divisions": "\u6309\u5206\u7C7B\u7B5B\u9009",
+  "pop.divisionsMore": "\u66F4\u591A\u5206\u7C7B",
+  "pop.divisionsPrev": "\u524D\u9762\u7684\u5206\u7C7B",
   // 列表过滤与搜索（与官方「自动化任务」页同一套：标签行 + 搜索框）
   // 三档：全部 / 已启用 / 已停用 —— 停用 ≠ 删除（停用的任务保留数据、只是不触发）。
   // 运行时间卡片（对齐官方详情页的「运行时间」：重复 / 时间 / 星期 三行）
@@ -708,6 +837,9 @@ var en = {
   "card.promptFailed": "Failed to load prompt: {detail}",
   "card.promptEmpty": "This expert has no prompt body to show.",
   "card.close": "Close",
+  "card.copy": "Copy",
+  "card.copied": "Copied",
+  "card.copyFailed": "Copy failed",
   "settings.saveFailed": "Save failed: {detail}",
   "settings.loadFailed": "Failed to load roster: {detail}",
   "settings.conflictRetry": "Settings changed elsewhere; roster reloaded, please retry.",
@@ -775,6 +907,11 @@ var en = {
   "custom.badge": "Custom",
   "custom.loadingBody": "Loading persona body\u2026",
   "pop.title": "T Expert",
+  // Division filter row inside the composer panel (2026-09-29).
+  "pop.all": "All",
+  "pop.divisions": "Filter by division",
+  "pop.divisionsMore": "More divisions",
+  "pop.divisionsPrev": "Previous divisions",
   // List filter and search (same shape as the built-in Automation page: tab row + search field).
   // Three lanes: All / Active / Disabled — disabled keeps its data and simply never fires.
   // Run-time card (mirrors the built-in page's "Run time": repeat / time / weekday rows)
@@ -20743,6 +20880,16 @@ var PModal = typeof primitives.Modal === "function" ? primitives.Modal : null;
 var PTag = typeof primitives.Tag === "function" ? primitives.Tag : null;
 var PSwitch = typeof primitives.Switch === "function" ? primitives.Switch : null;
 var PSegmentedControl = typeof primitives.SegmentedControl === "function" ? primitives.SegmentedControl : null;
+var PWriteClipboard = typeof primitives.writeClipboard === "function" ? primitives.writeClipboard : null;
+async function copyText(text) {
+  if (PWriteClipboard !== null) return await PWriteClipboard(text);
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function Card({ title, hint, children }) {
   return /* @__PURE__ */ import_react2.default.createElement("section", { className: "t-team-panel-card", "aria-label": title }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "t-team-panel-card-head" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "t-team-panel-card-title" }, title), hint === void 0 ? null : /* @__PURE__ */ import_react2.default.createElement("div", { className: "t-team-panel-card-hint" }, hint)), children);
 }
@@ -20796,10 +20943,24 @@ function Tabs({ items, value, onChange, label }) {
     item.label
   )));
 }
-function Modal2({ open: open2, title, onClose, closeLabel, description, children, footer }) {
+function Modal2({ open: open2, title, onClose, closeLabel, description, children, footer, className }) {
   if (!open2) return null;
   if (PModal !== null) {
-    return /* @__PURE__ */ import_react2.default.createElement(PModal, { open: open2, title, onClose, closeLabel, description, footer }, children);
+    const dialogCls = className === void 0 ? "t-team-modal-fit" : `t-team-modal-fit ${className}`;
+    return /* @__PURE__ */ import_react2.default.createElement(
+      PModal,
+      {
+        open: open2,
+        title,
+        onClose,
+        closeLabel,
+        description,
+        footer,
+        className: dialogCls,
+        contentClassName: "t-team-modal-fit-content"
+      },
+      children
+    );
   }
   return /* @__PURE__ */ import_react2.default.createElement(
     "div",
@@ -20888,6 +21049,208 @@ function ChoiceGroup({ label, options, value, onSelect, disabled, id }) {
     item.label
   )));
 }
+var PAnchoredPosition = typeof primitives.useAnchoredPosition === "function" ? primitives.useAnchoredPosition : null;
+var PDismissOnOutsidePointer = typeof primitives.useDismissOnOutsidePointer === "function" ? primitives.useDismissOnOutsidePointer : null;
+var PMenuSurface = typeof primitives.MenuSurface === "function" ? primitives.MenuSurface : null;
+var useLayout = typeof window === "undefined" ? import_react2.default.useEffect : import_react2.default.useLayoutEffect;
+function anchorInput(rootRef) {
+  let node2 = rootRef.current?.parentElement ?? null;
+  for (let i = 0; i < 8 && node2 !== null; i += 1) {
+    if (node2.matches?.("[data-composer-card]") === true) return node2;
+    node2 = node2.parentElement;
+  }
+  node2 = rootRef.current?.parentElement ?? null;
+  for (let i = 0; i < 8 && node2 !== null; i += 1) {
+    const found = node2.querySelector?.("textarea, [contenteditable='true']");
+    if (found !== null && found !== void 0) return found;
+    node2 = node2.parentElement;
+  }
+  return void 0;
+}
+function overlayTopMargin(min) {
+  const root = document.documentElement;
+  const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--dsh-frame-top-clearance"));
+  if (Number.isNaN(clearance)) return min;
+  return Math.max(min, (root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20);
+}
+function useOwnAnchoredPosition({ open: open2, anchorRef, panelRef, side = "bottom", align = "start", gap = 6, margin = 8 }) {
+  const [position, setPosition] = import_react2.default.useState(null);
+  useLayout(() => {
+    if (!open2) {
+      setPosition(null);
+      return void 0;
+    }
+    const place = () => {
+      const rect = anchorRef.current?.getBoundingClientRect();
+      if (rect === void 0) return;
+      const panel2 = panelRef.current;
+      const width = panel2?.offsetWidth ?? 0;
+      const height = panel2?.offsetHeight ?? 0;
+      let left = align === "end" ? rect.right - width : rect.left;
+      let top = side === "top" ? rect.top - gap - height : rect.bottom + gap;
+      if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
+      if (height > 0) top = Math.min(Math.max(top, overlayTopMargin(margin)), window.innerHeight - height - margin);
+      setPosition({ left, top });
+    };
+    place();
+    window.addEventListener("scroll", place, true);
+    window.addEventListener("resize", place);
+    const panel = panelRef.current;
+    let observer = null;
+    if (typeof ResizeObserver !== "undefined" && panel !== null && panel !== void 0) {
+      observer = new ResizeObserver(place);
+      observer.observe(panel);
+    }
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("scroll", place, true);
+      window.removeEventListener("resize", place);
+    };
+  }, [open2, anchorRef, panelRef, side, align, gap, margin]);
+  return position;
+}
+var useAnchoredPosition2 = PAnchoredPosition ?? useOwnAnchoredPosition;
+function useOwnDismissOnOutsidePointer(root, open2, setOpen, portal) {
+  import_react2.default.useEffect(() => {
+    if (!open2) return void 0;
+    const onDown = (event) => {
+      if (event.target instanceof Node && root.current?.contains(event.target) !== true && portal?.current?.contains(event.target) !== true) setOpen(false);
+    };
+    document.addEventListener("pointerdown", onDown);
+    return () => document.removeEventListener("pointerdown", onDown);
+  }, [root, open2, setOpen, portal]);
+}
+var useDismissOnOutsidePointer2 = PDismissOnOutsidePointer ?? useOwnDismissOnOutsidePointer;
+function useFloatingShell({ open: open2, setOpen, rootRef, panelRef, gap = 6, margin = 8, ideal = 600 }) {
+  const anchorRef = import_react2.default.useRef(null);
+  const [side, setSide] = import_react2.default.useState("top");
+  const [width, setWidth] = import_react2.default.useState(0);
+  const [maxHeight, setMaxHeight] = import_react2.default.useState(ideal);
+  const [fallback, setFallback] = import_react2.default.useState(null);
+  useLayout(() => {
+    if (!open2) return;
+    anchorRef.current = anchorInput(rootRef) ?? rootRef.current ?? null;
+  }, [open2, rootRef]);
+  const officialPosition = useAnchoredPosition2({ open: open2, anchorRef, panelRef, side, align: "start", gap, margin });
+  useLayout(() => {
+    if (!open2) return void 0;
+    const fit = () => {
+      const node2 = anchorRef.current ?? rootRef.current;
+      const inputRect = node2?.getBoundingClientRect();
+      if (inputRect === void 0) return;
+      const windowW = window.innerWidth;
+      const windowH = window.innerHeight;
+      const inputWidth = inputRect.width > 0 ? Math.max(160, Math.min(Math.round(inputRect.width), windowW - 16)) : 0;
+      const spaceAbove = inputRect.top - margin;
+      const spaceBelow = windowH - inputRect.bottom - margin;
+      const up = spaceAbove >= spaceBelow;
+      const cap = Math.max(0, Math.min(ideal, windowH - margin * 2));
+      const roof = up ? inputRect.top - gap - overlayTopMargin(margin) : spaceBelow;
+      setSide(up ? "top" : "bottom");
+      setWidth(inputWidth);
+      setMaxHeight(Math.max(0, Math.min(cap, roof)));
+      if (PAnchoredPosition === null) {
+        const measured = panelRef.current?.offsetWidth ?? 0;
+        const laidOut = measured > 0 ? measured : inputWidth;
+        const maxLeft = laidOut === 0 ? Number.POSITIVE_INFINITY : Math.max(margin, windowW - laidOut - margin);
+        const left = Math.min(Math.max(margin, inputRect.left), maxLeft);
+        setFallback(up ? { left, bottom: Math.max(margin, windowH - inputRect.top + gap) } : { left, top: Math.max(margin, inputRect.bottom + gap) });
+      }
+    };
+    const onScroll = (event) => {
+      const node2 = panelRef.current;
+      if (node2 !== null && node2 !== void 0 && event.target instanceof Node && node2.contains(event.target)) return;
+      fit();
+    };
+    fit();
+    window.addEventListener("resize", fit);
+    window.addEventListener("scroll", onScroll, true);
+    return () => {
+      window.removeEventListener("resize", fit);
+      window.removeEventListener("scroll", onScroll, true);
+    };
+  }, [open2, rootRef, panelRef, gap, margin, ideal]);
+  useDismissOnOutsidePointer2(rootRef, open2, setOpen);
+  import_react2.default.useEffect(() => {
+    if (!open2) return void 0;
+    const onKey = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open2, setOpen]);
+  const style = import_react2.default.useMemo(() => {
+    const next = { maxHeight: `${maxHeight}px` };
+    if (width > 0) next["--t-team-pop-w"] = `${width}px`;
+    if (PAnchoredPosition !== null) {
+      if (officialPosition === null) next.visibility = "hidden";
+      else {
+        next.left = officialPosition.left;
+        next.top = officialPosition.top;
+      }
+    } else if (fallback !== null) {
+      next.left = fallback.left;
+      if (fallback.top !== void 0) next.top = fallback.top;
+      else next.bottom = fallback.bottom;
+    } else {
+      next.visibility = "hidden";
+    }
+    return next;
+  }, [officialPosition, fallback, maxHeight, width]);
+  return { style, side, official: PAnchoredPosition !== null };
+}
+var PopSurface = import_react2.default.forwardRef(function PopSurface2({ official = false, className = "", style, children, ...rest }, ref) {
+  const cls = official ? `${className} t-team-pop-official` : className;
+  if (PMenuSurface !== null) {
+    return /* @__PURE__ */ import_react2.default.createElement(PMenuSurface, { ref, className: cls, style, ...rest }, children);
+  }
+  return /* @__PURE__ */ import_react2.default.createElement("div", { ref, className, style, ...rest }, children);
+});
+function FloatingPop({ open: open2, setOpen, rootRef, className, children, ...rest }) {
+  const panelRef = import_react2.default.useRef(null);
+  const shell = useFloatingShell({ open: open2, setOpen, rootRef, panelRef });
+  if (!open2) return null;
+  return /* @__PURE__ */ import_react2.default.createElement(PopSurface, { ref: panelRef, official: shell.official, className, style: shell.style, ...rest }, children);
+}
+var DIVISION_ICONS = {
+  academic: "IconListPenOutlineMedium",
+  company: "IconUsersOutlineMedium",
+  design: "IconSparkleMedium",
+  engineering: "IconCodeOutlineMedium",
+  finance: "IconDataOutlineMedium",
+  "game-development": "IconPlayOutlineMedium",
+  gis: "IconGlobeOutlineMedium",
+  healthcare: "IconCheckCircleOutlineMedium",
+  hr: "IconUserOutlineMedium",
+  legal: "IconArchiveOutlineMedium",
+  marketing: "IconSendOutlineMedium",
+  "paid-media": "IconGaugeOutlineMedium",
+  product: "IconPlanOutlineMedium",
+  "project-management": "IconChecklistOutlineMedium",
+  research: "IconSearchOutlineMedium",
+  sales: "IconRightUpOutlineMedium",
+  security: "IconShieldOutlineMedium",
+  "spatial-computing": "IconFullscreenOutlineMedium",
+  specialized: "IconSlidersTwoOutlineMedium",
+  "supply-chain": "IconQueueOutlineMedium",
+  support: "IconQuestionOutlineMedium",
+  testing: "IconInspectOutlineMedium"
+};
+function PopIcon({ name, size = 22 }) {
+  const Icon = primitives[name];
+  if (typeof Icon !== "function") return null;
+  return /* @__PURE__ */ import_react2.default.createElement(Icon, { size });
+}
+function divisionIconName(division) {
+  const name = DIVISION_ICONS[division];
+  if (typeof name !== "string" || typeof primitives[name] !== "function") return null;
+  return name;
+}
+function tintOf(color) {
+  const value = typeof color === "string" ? color.trim() : "";
+  if (!/^#[0-9a-fA-F]{6}$/u.test(value) && !/^[a-zA-Z]{3,20}$/u.test(value)) return null;
+  return { background: `color-mix(in srgb, ${value} 24%, transparent)`, color: value };
+}
 
 // src/client/tabs.jsx
 function CategoriesTab({ t, remote, categories, onChanged }) {
@@ -21191,6 +21554,7 @@ function SettingsPanel({ t, ctx, remote, skillRemote, getActive, initialTab, vie
   const [error62, setError] = import_react5.default.useState("");
   const [busy, setBusy] = import_react5.default.useState(false);
   const [promptView, setPromptView] = import_react5.default.useState(null);
+  const [copyState, setCopyState] = import_react5.default.useState("");
   const [editor, setEditor] = import_react5.default.useState(null);
   const [pendingDelete, setPendingDelete] = import_react5.default.useState("");
   const [tab, setTab] = import_react5.default.useState(initialTab ?? "experts");
@@ -21218,6 +21582,7 @@ function SettingsPanel({ t, ctx, remote, skillRemote, getActive, initialTab, vie
   }, [reload]);
   const active = getActive();
   async function openPrompt(expert) {
+    setCopyState("");
     setPromptView({ name: displayName(expert, getActive()), loading: true, text: "", error: "" });
     try {
       const data = unwrap(await remote.getPrompt(expert.slug, expert.division), "getPrompt");
@@ -21239,6 +21604,16 @@ function SettingsPanel({ t, ctx, remote, skillRemote, getActive, initialTab, vie
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [promptView]);
+  import_react5.default.useEffect(() => {
+    if (copyState === "") return void 0;
+    const timer = window.setTimeout(() => setCopyState(""), 1600);
+    return () => window.clearTimeout(timer);
+  }, [copyState]);
+  async function copyPrompt() {
+    const text = promptView?.text ?? "";
+    if (text === "") return;
+    setCopyState(await copyText(text) ? "done" : "failed");
+  }
   const customDivisionLabel = snapshot?.customDivisionLabel ?? "";
   const categories = snapshot?.categories ?? [];
   const divisionOptions = (() => {
@@ -21528,15 +21903,28 @@ function SettingsPanel({ t, ctx, remote, skillRemote, getActive, initialTab, vie
     Modal2,
     {
       open: true,
+      className: "t-team-prompt-modal",
       title: t("card.promptTitle", { name: promptView.name }),
       onClose: () => setPromptView(null),
       closeLabel: t("card.close")
     },
-    /* @__PURE__ */ import_react5.default.createElement("pre", { className: "t-team-modal-body" }, promptView.loading ? t("card.promptLoading") : promptView.error !== "" ? t("card.promptFailed", { detail: promptView.error }) : promptView.text === "" ? t("card.promptEmpty") : promptView.text)
+    /* @__PURE__ */ import_react5.default.createElement("div", { className: "t-team-prompt-tools" }, /* @__PURE__ */ import_react5.default.createElement(
+      Button2,
+      {
+        size: "sm",
+        variant: "ghost",
+        disabled: promptView.loading || promptView.error !== "" || promptView.text === "",
+        title: t("card.copy"),
+        onClick: () => void copyPrompt()
+      },
+      copyState === "done" ? t("card.copied") : copyState === "failed" ? t("card.copyFailed") : t("card.copy")
+    )),
+    /* @__PURE__ */ import_react5.default.createElement("pre", { className: "t-team-prompt-body" }, promptView.loading ? t("card.promptLoading") : promptView.error !== "" ? t("card.promptFailed", { detail: promptView.error }) : promptView.text === "" ? t("card.promptEmpty") : promptView.text)
   ), editor !== null && /* @__PURE__ */ import_react5.default.createElement(
     Modal2,
     {
       open: true,
+      className: "t-team-editor-modal",
       title: editor.mode === "new" ? t("custom.titleNew") : t("custom.titleEdit", { name: editor.name || editor.slug }),
       onClose: () => {
         if (!editor.saving) setEditor(null);
@@ -21660,98 +22048,90 @@ function SummonButton({ t, ctx, remote, getActive, insertReference, insertSkillH
   const [popNote, setPopNote] = import_react6.default.useState("");
   const [query, setQuery] = import_react6.default.useState("");
   const [failed, setFailed] = import_react6.default.useState("");
-  const [position, setPosition] = import_react6.default.useState(void 0);
+  const [division, setDivision] = import_react6.default.useState("all");
+  const [divMore, setDivMore] = import_react6.default.useState(false);
+  const [divBack, setDivBack] = import_react6.default.useState(false);
   const rootRef = import_react6.default.useRef(null);
-  const popRef = import_react6.default.useRef(null);
+  const divRef = import_react6.default.useRef(null);
+  const listRef = import_react6.default.useRef(null);
   const snap = snapshotOf(remote);
-  function anchorInput() {
-    let node2 = rootRef.current?.parentElement ?? null;
-    for (let i = 0; i < 8 && node2 !== null; i += 1) {
-      if (node2.matches?.("[data-composer-card]") === true) return node2;
-      node2 = node2.parentElement;
-    }
-    node2 = rootRef.current?.parentElement ?? null;
-    for (let i = 0; i < 8 && node2 !== null; i += 1) {
-      const found = node2.querySelector?.("textarea, [contenteditable='true']");
-      if (found !== null && found !== void 0) return found;
-      node2 = node2.parentElement;
-    }
-    return void 0;
-  }
-  function place() {
-    const rect = rootRef.current?.getBoundingClientRect();
-    if (rect === void 0) return;
-    const input2 = anchorInput();
-    const inputRect = input2?.getBoundingClientRect();
-    const hasInput = inputRect !== void 0 && inputRect.width > 0;
-    const width = hasInput ? Math.max(160, Math.min(Math.round(inputRect.width), window.innerWidth - 16)) : 0;
-    const measured = popRef.current?.offsetWidth ?? 0;
-    const laidOut = measured > 0 ? measured : width;
-    const maxLeft = laidOut === 0 ? Number.POSITIVE_INFINITY : Math.max(8, window.innerWidth - laidOut - 8);
-    const wantedLeft = hasInput ? inputRect.left : rect.left;
-    const refTop = hasInput ? inputRect.top : rect.top;
-    const refBottom = hasInput ? inputRect.bottom : rect.bottom;
-    const EDGE = 8;
-    const OFFSET = 6;
-    const IDEAL = 600;
-    const cap = Math.max(0, Math.min(IDEAL, window.innerHeight - EDGE * 2));
-    const spaceAbove = refTop - EDGE;
-    const spaceBelow = window.innerHeight - refBottom - EDGE;
-    const up = spaceAbove >= spaceBelow;
-    const maxHeight = Math.max(0, Math.min(cap, up ? spaceAbove : spaceBelow));
-    const pos = {
-      left: Math.min(Math.max(8, wantedLeft), maxLeft),
-      "--t-team-pop-w": width > 0 ? `${width}px` : void 0
-    };
-    if (up) {
-      pos.bottom = Math.max(EDGE, window.innerHeight - refTop + OFFSET);
-      pos.maxHeight = `${maxHeight}px`;
-    } else {
-      pos.top = Math.max(EDGE, refBottom + OFFSET);
-      pos.maxHeight = `${maxHeight}px`;
-    }
-    setPosition(pos);
-  }
-  import_react6.default.useEffect(() => {
-    if (!open2) return void 0;
-    const onDown = (event) => {
-      if (rootRef.current !== null && !rootRef.current.contains(event.target)) setOpen(false);
-    };
-    const onKey = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", onDown);
-    document.addEventListener("keydown", onKey);
-    window.addEventListener("resize", place);
-    window.addEventListener("scroll", place, true);
-    place();
-    return () => {
-      document.removeEventListener("mousedown", onDown);
-      document.removeEventListener("keydown", onKey);
-      window.removeEventListener("resize", place);
-      window.removeEventListener("scroll", place, true);
-    };
-  }, [open2]);
   async function toggle() {
     const next = !open2;
     setOpen(next);
     setFailed("");
     setPopNote("");
     if (!next) return;
-    place();
     await refresh(remote, true).catch(() => void 0);
   }
   const active = getActive();
   const popTabs = [["experts", "tab.experts"], ["skills", "tab.skills"]];
-  const experts = (snap?.experts ?? []).filter((expert) => expert.conflict !== true && snap.enabledSet.has(expert.slug));
+  const experts = import_react6.default.useMemo(
+    () => (snap?.experts ?? []).filter((expert) => expert.conflict !== true && snap.enabledSet.has(expert.slug)),
+    [snap]
+  );
   const needle = query.trim().toLowerCase();
-  const visible = experts.filter((expert) => matchExpert(expert, active, needle));
-  const grouped = [];
-  for (const expert of visible) {
-    const last = grouped[grouped.length - 1];
-    if (last !== void 0 && last.division === expert.division) last.items.push(expert);
-    else grouped.push({ division: expert.division, items: [expert] });
-  }
+  const divisionLabels = import_react6.default.useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    for (const expert of experts) {
+      if (!map2.has(expert.division)) map2.set(expert.division, divisionLabel(expert, active));
+    }
+    return map2;
+  }, [experts, active]);
+  const divisionKeys = import_react6.default.useMemo(() => [...divisionLabels.keys()], [divisionLabels]);
+  const visible = import_react6.default.useMemo(
+    () => experts.filter((expert) => (division === "all" || expert.division === division) && matchExpert(expert, active, needle)),
+    [experts, division, active, needle]
+  );
+  const grouped = import_react6.default.useMemo(() => {
+    const out = [];
+    for (const expert of visible) {
+      const last = out[out.length - 1];
+      if (last !== void 0 && last.division === expert.division) last.items.push(expert);
+      else out.push({ division: expert.division, items: [expert] });
+    }
+    return out;
+  }, [visible]);
+  import_react6.default.useEffect(() => {
+    if (!open2 || popTab !== "experts") return void 0;
+    const sync = () => {
+      const node3 = divRef.current;
+      if (node3 === null || node3 === void 0) return;
+      setDivMore(node3.scrollLeft + node3.clientWidth < node3.scrollWidth - 1);
+      setDivBack(node3.scrollLeft > 1);
+    };
+    sync();
+    const node2 = divRef.current;
+    node2?.addEventListener("scroll", sync);
+    window.addEventListener("resize", sync);
+    return () => {
+      node2?.removeEventListener("scroll", sync);
+      window.removeEventListener("resize", sync);
+    };
+  }, [open2, popTab, division, active, snap]);
+  import_react6.default.useEffect(() => {
+    if (!open2 || popTab !== "experts") return void 0;
+    const node2 = divRef.current;
+    if (node2 === null || node2 === void 0) return void 0;
+    const onWheel = (event) => {
+      const bar = divRef.current;
+      if (bar === null || bar === void 0) return;
+      if (bar.scrollWidth <= bar.clientWidth) return;
+      const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+      if (delta === 0) return;
+      const atStart = bar.scrollLeft <= 0;
+      const atEnd = bar.scrollLeft + bar.clientWidth >= bar.scrollWidth - 1;
+      if (delta > 0 && atEnd || delta < 0 && atStart) return;
+      bar.scrollLeft += delta;
+      event.preventDefault();
+    };
+    node2.addEventListener("wheel", onWheel, { passive: false });
+    return () => node2.removeEventListener("wheel", onWheel);
+  }, [open2, popTab]);
+  import_react6.default.useEffect(() => {
+    const node2 = listRef.current;
+    if (node2 === null || node2 === void 0) return;
+    node2.scrollTop = 0;
+  }, [division, query, skillQuery, popTab]);
   function pick2(expert) {
     const ok = insertReference?.(referenceOf(expert, active)) === true;
     if (ok) {
@@ -21763,10 +22143,10 @@ function SummonButton({ t, ctx, remote, getActive, insertReference, insertSkillH
     }
   }
   const skillNeedle = skillQuery.trim().toLowerCase();
-  const visibleSkills = (skills ?? []).filter((skill) => {
+  const visibleSkills = import_react6.default.useMemo(() => (skills ?? []).filter((skill) => {
     if (skillNeedle === "") return true;
     return `${skill.name} ${skill.description ?? ""} ${skill.whenToUse ?? ""}`.toLowerCase().includes(skillNeedle);
-  });
+  }), [skills, skillNeedle]);
   const tabCounts = {
     experts: snap === void 0 ? void 0 : experts.length,
     skills: skills === null ? void 0 : skills.length
@@ -21781,7 +22161,7 @@ function SummonButton({ t, ctx, remote, getActive, insertReference, insertSkillH
       setFailed(t("button.insertFailed"));
     }
   }
-  return /* @__PURE__ */ import_react6.default.createElement("span", { ref: rootRef, className: "t-team-btn-wrap" }, /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-btn", type: "button", title: t("button.title"), onClick: () => void toggle() }, "\u{1F9E9} ", t("button.label")), open2 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop", "data-tab": popTab, ref: popRef, style: position }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", null, t("pop.title")), /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-chip", type: "button", onClick: () => setOpen(false) }, t("button.close"))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-tabs", role: "tablist" }, popTabs.map(([key, label]) => /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("span", { ref: rootRef, className: "t-team-btn-wrap" }, /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-btn", type: "button", title: t("button.title"), onClick: () => void toggle() }, "\u{1F9E9} ", t("button.label")), /* @__PURE__ */ import_react6.default.createElement(FloatingPop, { open: open2, setOpen, rootRef, className: "t-team-pop", "data-tab": popTab }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", null, t("pop.title")), /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-chip", type: "button", onClick: () => setOpen(false) }, t("button.close"))), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-tabs", role: "tablist" }, popTabs.map(([key, label]) => /* @__PURE__ */ import_react6.default.createElement(
     "button",
     {
       className: "t-team-tab",
@@ -21806,9 +22186,65 @@ function SummonButton({ t, ctx, remote, getActive, insertReference, insertSkillH
       value: query,
       onChange: (event) => setQuery(event.target.value)
     }
-  ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-list" }, grouped.map((group) => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, { key: group.division }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-division" }, divisionLabel(group.items[0], active)), group.items.map((expert) => {
+  ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-divbar", "data-more": divMore, "data-back": divBack }, divBack && /* @__PURE__ */ import_react6.default.createElement(
+    "button",
+    {
+      className: "t-team-div-scroll",
+      type: "button",
+      "data-dir": "prev",
+      title: t("pop.divisionsPrev"),
+      "aria-label": t("pop.divisionsPrev"),
+      onClick: () => {
+        const node2 = divRef.current;
+        node2?.scrollBy?.({ left: -Math.round((node2.clientWidth || 0) * 0.8), behavior: "smooth" });
+      }
+    },
+    "\u2039"
+  ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-divs", ref: divRef, role: "group", "aria-label": t("pop.divisions") }, /* @__PURE__ */ import_react6.default.createElement(
+    "button",
+    {
+      className: "t-team-div-chip",
+      type: "button",
+      "aria-pressed": division === "all",
+      "data-active": division === "all",
+      onClick: () => {
+        setDivision("all");
+        setFailed("");
+      }
+    },
+    t("pop.all")
+  ), divisionKeys.map((key) => /* @__PURE__ */ import_react6.default.createElement(
+    "button",
+    {
+      className: "t-team-div-chip",
+      type: "button",
+      key,
+      "aria-pressed": division === key,
+      "data-active": division === key,
+      onClick: () => {
+        setDivision(key);
+        setFailed("");
+      }
+    },
+    divisionLabels.get(key)
+  ))), divMore && /* @__PURE__ */ import_react6.default.createElement(
+    "button",
+    {
+      className: "t-team-div-scroll",
+      type: "button",
+      "data-dir": "next",
+      title: t("pop.divisionsMore"),
+      "aria-label": t("pop.divisionsMore"),
+      onClick: () => {
+        const node2 = divRef.current;
+        node2?.scrollBy?.({ left: Math.round((node2.clientWidth || 0) * 0.8), behavior: "smooth" });
+      }
+    },
+    "\u203A"
+  )), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-list", ref: listRef }, grouped.map((group) => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, { key: group.division }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-division" }, divisionLabel(group.items[0], active)), group.items.map((expert) => {
     const alt = active === "en" ? expert.name : expert.nameEn;
-    return /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-pop-item", type: "button", key: expert.slug, onClick: () => pick2(expert) }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-avatar" }, expert.emoji || "\u{1F9E9}"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-title" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-name" }, displayName(expert, active)), alt !== void 0 && alt !== "" && /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-sub" }, alt))), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-desc" }, displayDescription(expert, active)));
+    const iconName = divisionIconName(expert.division);
+    return /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-pop-item", type: "button", key: expert.slug, onClick: () => pick2(expert) }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-avatar", style: tintOf(expert.color) ?? void 0 }, expert.emoji || (iconName === null ? "\u{1F9E9}" : /* @__PURE__ */ import_react6.default.createElement(PopIcon, { name: iconName }))), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-title" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-name" }, displayName(expert, active)), alt !== void 0 && alt !== "" && /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-sub" }, alt))), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-desc" }, displayDescription(expert, active)), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tags" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tag" }, divisionLabel(expert, active)), expert.custom === true && /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tag" }, t("custom.badge"))));
   }))), experts.length === 0 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-empty" }, t("button.empty")), experts.length > 0 && visible.length === 0 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-empty" }, t("button.noMatch")))), popTab === "skills" && /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
     "input",
     {
@@ -21818,7 +22254,7 @@ function SummonButton({ t, ctx, remote, getActive, insertReference, insertSkillH
       value: skillQuery,
       onChange: (event) => setSkillQuery(event.target.value)
     }
-  ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-list" }, visibleSkills.map((skill) => /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-pop-item", type: "button", key: skill.name, onClick: () => pickSkill(skill) }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-avatar" }, "\u{1F9F0}"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-title" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-name" }, skill.name), skill.modelInvocable === false && /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-sub" }, t("pop.skillUserOnly")))), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-desc" }, skill.description ?? ""))), visibleSkills.length === 0 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-empty" }, skills === null ? t("pop.skillEmpty") : t("pop.skillNoMatch")), skillsDiag !== "" && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-error", style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, "\u8BCA\u65AD\uFF1A", skillsDiag)))));
+  ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-list" }, visibleSkills.map((skill) => /* @__PURE__ */ import_react6.default.createElement("button", { className: "t-team-pop-item", type: "button", key: skill.name, onClick: () => pickSkill(skill) }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-head" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-avatar t-team-pop-avatar-skill" }, "\u{1F9F0}"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-title" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-name" }, skill.name))), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-desc" }, skill.description ?? ""), /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tags" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tag" }, t("tab.skills")), skill.modelInvocable === false && /* @__PURE__ */ import_react6.default.createElement("span", { className: "t-team-pop-tag" }, t("pop.skillUserOnly"))))), visibleSkills.length === 0 && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-pop-empty" }, skills === null ? t("pop.skillEmpty") : t("pop.skillNoMatch")), skillsDiag !== "" && /* @__PURE__ */ import_react6.default.createElement("div", { className: "t-team-error", style: { fontSize: "11px", whiteSpace: "pre-wrap" } }, "\u8BCA\u65AD\uFF1A", skillsDiag)))));
 }
 
 // src/client/index.jsx