@kanyun-ai-infra/band-plugin-react 0.1.1 → 0.2.0

package/dist/chunk-ER2ITOG5.js

@@ -0,0 +1,2425 @@
+import {
+  scrollIntoPanel
+} from "./chunk-VKASR4EL.js";
+
+// src/ui.tsx
+import {
+  WORKSHOP_GENRES,
+  agentDisplayName
+} from "@kanyun-ai-infra/band-contracts/display";
+
+// ../tokens/assets/genres/classical-compact.svg
+var classical_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u53E4\u5178 Classical"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="rotate(-28 24 25) translate(24 25) scale(1.12) translate(-24 -25)"><path class="i" d="M24 19.5C18.6 19.5 17.4 22.6 18.8 25.6C19.9 27.9 19.6 29 17.8 30.8C14.6 34 15.9 41.5 24 41.5C32.1 41.5 33.4 34 30.2 30.8C28.4 29 28.1 27.9 29.2 25.6C30.6 22.6 29.4 19.5 24 19.5Z"/><path class="i" d="M24 19.5V8.2"/><circle class="i" cx="24" cy="6.4" r="1.8"/><path class="i" d="M21.4 35.6H26.6"/><path class="i" d="M21.6 28.6v4.2M26.4 28.6v4.2"/></g><path class="a" d="M8.5 37.5L39.5 13.5"/><path class="a" d="M8.2 35.2l2.3 3.1"/></svg>%0A';
+
+// ../tokens/assets/genres/classical.svg
+var classical_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u53E4\u5178 Classical"><style>.i,.a{fill:none;stroke-width:2.26;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.29}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(6.24 1.46) scale(0.774)"><g transform="rotate(-28 24 25) translate(24 25) scale(1.12) translate(-24 -25)"><path class="i" d="M24 19.5C18.6 19.5 17.4 22.6 18.8 25.6C19.9 27.9 19.6 29 17.8 30.8C14.6 34 15.9 41.5 24 41.5C32.1 41.5 33.4 34 30.2 30.8C28.4 29 28.1 27.9 29.2 25.6C30.6 22.6 29.4 19.5 24 19.5Z"/><path class="i" d="M24 19.5V8.2"/><circle class="i" cx="24" cy="6.4" r="1.8"/><path class="i" d="M21.4 35.6H26.6"/><path class="i" d="M21.6 28.6v4.2M26.4 28.6v4.2"/></g><path class="a" d="M8.5 37.5L39.5 13.5"/><path class="a" d="M8.2 35.2l2.3 3.1"/></g><path class="l" d="M5.63 44.57C6.81 44.57 7.6 43.79 7.74 42.84H6.84C6.72 43.43 6.24 43.77 5.64 43.77C4.83 43.77 4.24 43.15 4.24 42.01C4.24 40.87 4.83 40.24 5.65 40.24C6.24 40.24 6.72 40.58 6.84 41.17H7.74C7.58 40.07 6.73 39.44 5.63 39.44C4.33 39.44 3.35 40.39 3.35 42.01C3.35 43.61 4.32 44.57 5.63 44.57ZM8.97 44.5H12.07V43.75H9.87V39.5H8.97ZM12.93 44.5H13.91L14.32 43.26H16.19L16.61 44.5H17.6L15.81 39.5H14.68ZM14.56 42.54 14.77 41.91C14.91 41.46 15.06 40.9 15.24 40.2C15.42 40.89 15.58 41.45 15.73 41.91L15.94 42.54ZM20.43 44.58C21.62 44.58 22.32 43.98 22.32 43.1C22.32 42.23 21.59 41.84 20.85 41.66L20.38 41.54C19.98 41.44 19.53 41.27 19.53 40.86C19.53 40.48 19.88 40.2 20.44 40.2C20.98 40.2 21.34 40.45 21.38 40.87H22.25C22.23 40.04 21.52 39.44 20.45 39.44C19.41 39.44 18.63 40.03 18.63 40.91C18.63 41.61 19.12 42.04 19.96 42.25L20.52 42.4C21.06 42.54 21.42 42.7 21.42 43.09C21.42 43.52 21.01 43.81 20.42 43.81C19.86 43.81 19.41 43.56 19.37 43.03H18.49C18.53 44.02 19.27 44.58 20.43 44.58ZM25.31 44.58C26.5 44.58 27.2 43.98 27.2 43.1C27.2 42.23 26.47 41.84 25.73 41.66L25.26 41.54C24.86 41.44 24.41 41.27 24.41 40.86C24.41 40.48 24.75 40.2 25.32 40.2C25.86 40.2 26.22 40.45 26.26 40.87H27.13C27.11 40.04 26.4 39.44 25.33 39.44C24.28 39.44 23.51 40.03 23.51 40.91C23.51 41.61 24 42.04 24.83 42.25L25.4 42.4C25.94 42.54 26.3 42.7 26.3 43.09C26.3 43.52 25.89 43.81 25.3 43.81C24.74 43.81 24.29 43.56 24.25 43.03H23.37C23.41 44.02 24.14 44.58 25.31 44.58ZM29.33 39.5H28.43V44.5H29.33ZM32.87 44.57C34.05 44.57 34.84 43.79 34.98 42.84H34.08C33.96 43.43 33.48 43.77 32.88 43.77C32.07 43.77 31.48 43.15 31.48 42.01C31.48 40.87 32.07 40.24 32.88 40.24C33.48 40.24 33.96 40.58 34.08 41.17H34.98C34.82 40.07 33.97 39.44 32.87 39.44C31.57 39.44 30.59 40.39 30.59 42.01C30.59 43.61 31.56 44.57 32.87 44.57ZM35.88 44.5H36.86L37.27 43.26H39.13L39.56 44.5H40.54L38.76 39.5H37.62ZM37.5 42.54 37.72 41.91C37.85 41.46 38 40.9 38.18 40.2C38.37 40.89 38.52 41.45 38.67 41.91L38.89 42.54ZM41.62 44.5H44.72V43.75H42.52V39.5H41.62Z"/></svg>%0A';
+
+// ../tokens/assets/genres/electronic-compact.svg
+var electronic_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u7535\u5B50 Electronic"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><rect class="i" x="6" y="26" width="36" height="15" rx="2.5"/><path class="i" d="M12 26v15M18 26v15M24 26v15M30 26v15M36 26v15"/><path class="f" d="M10.4 26h3.2v8h-3.2zM16.4 26h3.2v8h-3.2zM28.4 26h3.2v8h-3.2zM34.4 26h3.2v8h-3.2z"/><path class="a" d="M6 15c3 0 3-7 6-7s3 14 6 14 3-14 6-14 3 14 6 14 3-7 6-7 3 7 6 7"/></svg>%0A';
+
+// ../tokens/assets/genres/electronic.svg
+var electronic_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u7535\u5B50 Electronic"><style>.i,.a{fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.29}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(5.33 -2.72) scale(0.778)"><rect class="i" x="6" y="26" width="36" height="15" rx="2.5"/><path class="i" d="M12 26v15M18 26v15M24 26v15M30 26v15M36 26v15"/><path class="f" d="M10.4 26h3.2v8h-3.2zM16.4 26h3.2v8h-3.2zM28.4 26h3.2v8h-3.2zM34.4 26h3.2v8h-3.2z"/><path class="a" d="M6 15c3 0 3-7 6-7s3 14 6 14 3-14 6-14 3 14 6 14 3-7 6-7 3 7 6 7"/></g><path class="l" d="M3.45 44.5H6.33V43.83H4.24V42.6H6.17V41.94H4.24V40.74H6.32V40.08H3.45ZM7.49 44.5H10.24V43.83H8.28V40.08H7.49ZM11.29 44.5H14.18V43.83H12.09V42.6H14.01V41.94H12.09V40.74H14.17V40.08H11.29ZM17.23 44.56C18.27 44.56 18.97 43.87 19.09 43.03H18.29C18.19 43.55 17.76 43.85 17.24 43.85C16.52 43.85 16 43.31 16 42.29C16 41.29 16.51 40.73 17.24 40.73C17.77 40.73 18.19 41.03 18.29 41.55H19.09C18.95 40.58 18.2 40.02 17.23 40.02C16.07 40.02 15.2 40.86 15.2 42.29C15.2 43.72 16.06 44.56 17.23 44.56ZM19.99 40.74H21.35V44.5H22.15V40.74H23.51V40.08H19.99ZM24.57 44.5H25.36V42.88H26.18L27.05 44.5H27.94L26.98 42.74C27.5 42.53 27.78 42.09 27.78 41.49C27.78 40.65 27.24 40.08 26.22 40.08H24.57ZM25.36 42.22V40.74H26.1C26.7 40.74 26.97 41.02 26.97 41.49C26.97 41.96 26.7 42.22 26.1 42.22ZM30.79 44.56C31.95 44.56 32.82 43.72 32.82 42.29C32.82 40.86 31.95 40.02 30.79 40.02C29.63 40.02 28.76 40.86 28.76 42.29C28.76 43.72 29.63 44.56 30.79 44.56ZM30.79 43.85C30.07 43.85 29.55 43.3 29.55 42.29C29.55 41.28 30.07 40.73 30.79 40.73C31.51 40.73 32.02 41.28 32.02 42.29C32.02 43.3 31.51 43.85 30.79 43.85ZM33.94 44.5H34.74V42.3C34.74 42.06 34.72 41.59 34.69 41.04C34.98 41.62 35.15 41.93 35.38 42.31L36.76 44.5H37.66V40.08H36.86V42.4C36.86 42.67 36.87 43.12 36.9 43.54C36.71 43.1 36.52 42.77 36.36 42.51L34.83 40.08H33.94ZM39.71 40.08H38.92V44.5H39.71ZM42.85 44.56C43.9 44.56 44.6 43.87 44.72 43.03H43.92C43.82 43.55 43.39 43.85 42.86 43.85C42.14 43.85 41.62 43.31 41.62 42.29C41.62 41.29 42.14 40.73 42.86 40.73C43.39 40.73 43.82 41.03 43.92 41.55H44.71C44.58 40.58 43.82 40.02 42.85 40.02C41.7 40.02 40.83 40.86 40.83 42.29C40.83 43.72 41.69 44.56 42.85 44.56Z"/></svg>%0A';
+
+// ../tokens/assets/genres/folk-compact.svg
+var folk_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6C11\u8C23 Folk"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="rotate(32 24 25)"><path class="i" d="M24 18.5C19.4 18.5 18.2 21.9 19.6 25C20.4 26.8 20.1 27.8 18.6 29.3C15.2 32.8 16.2 42 24 42C31.8 42 32.8 32.8 29.4 29.3C27.9 27.8 27.6 26.8 28.4 25C29.8 21.9 28.6 18.5 24 18.5Z"/><circle class="a" cx="24" cy="29.5" r="2.9"/><path class="i" d="M22.8 18.5V7M25.2 18.5V7"/><path class="i" d="M21.8 7l.3-4h3.8l.3 4Z"/><path class="i" d="M21 37h6"/></g></svg>%0A';
+
+// ../tokens/assets/genres/folk.svg
+var folk_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6C11\u8C23 Folk"><style>.i,.a{fill:none;stroke-width:1.93;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(-4.00 1.23) scale(0.909)"><g transform="rotate(32 24 25)"><path class="i" d="M24 18.5C19.4 18.5 18.2 21.9 19.6 25C20.4 26.8 20.1 27.8 18.6 29.3C15.2 32.8 16.2 42 24 42C31.8 42 32.8 32.8 29.4 29.3C27.9 27.8 27.6 26.8 28.4 25C29.8 21.9 28.6 18.5 24 18.5Z"/><circle class="a" cx="24" cy="29.5" r="2.9"/><path class="i" d="M22.8 18.5V7M25.2 18.5V7"/><path class="i" d="M21.8 7l.3-4h3.8l.3 4Z"/><path class="i" d="M21 37h6"/></g></g><path class="l" d="M26.5 43.5H27.38V41.53H29.43V40.79H27.38V39.32H29.65V38.57H26.5ZM32.99 43.57C34.28 43.57 35.25 42.63 35.25 41.04C35.25 39.45 34.28 38.51 32.99 38.51C31.7 38.51 30.73 39.45 30.73 41.04C30.73 42.63 31.7 43.57 32.99 43.57ZM32.99 42.78C32.19 42.78 31.62 42.16 31.62 41.04C31.62 39.91 32.19 39.3 32.99 39.3C33.8 39.3 34.36 39.91 34.36 41.04C34.36 42.16 33.8 42.78 32.99 42.78ZM36.5 43.5H39.56V42.76H37.38V38.57H36.5ZM40.73 43.5H41.62V42.02L42.29 41.29L43.78 43.5H44.82L42.9 40.71L44.79 38.57H43.69L42.4 40.05C42.08 40.42 41.83 40.73 41.6 41.09L41.62 40.03V38.57H40.73Z"/></svg>%0A';
+
+// ../tokens/assets/genres/guoyue-compact.svg
+var guoyue_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u56FD\u4E50 Guoyue"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="rotate(-22 24 25) translate(24 25) scale(1.1) translate(-24 -25)"><path class="i" d="M24 18.5C17.6 18.5 14.3 27.2 15.3 33.6C16.1 38.8 19.5 42 24 42C28.5 42 31.9 38.8 32.7 33.6C33.7 27.2 30.4 18.5 24 18.5Z"/><path class="i" d="M24 18.5V8.5"/><path class="i" d="M24 8.5l-2.4-5"/><path class="i" d="M21.2 6.3h-2.4M22.4 9h-2.4M26.4 6.6h2.2M26.4 9.4h2.2"/><path class="i" d="M22.2 12h3.6M22.2 14.6h3.6M22.2 17h3.6"/><path class="af" d="M19.8 35.4h8.4v2.2h-8.4z"/><path class="i" d="M22.6 18.5v16.9M25.4 18.5v16.9"/></g></svg>%0A';
+
+// ../tokens/assets/genres/guoyue.svg
+var guoyue_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u56FD\u4E50 Guoyue"><style>.i,.a{fill:none;stroke-width:2.59;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.48}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(8.37 1.91) scale(0.676)"><g transform="rotate(-22 24 25) translate(24 25) scale(1.1) translate(-24 -25)"><path class="i" d="M24 18.5C17.6 18.5 14.3 27.2 15.3 33.6C16.1 38.8 19.5 42 24 42C28.5 42 31.9 38.8 32.7 33.6C33.7 27.2 30.4 18.5 24 18.5Z"/><path class="i" d="M24 18.5V8.5"/><path class="i" d="M24 8.5l-2.4-5"/><path class="i" d="M21.2 6.3h-2.4M22.4 9h-2.4M26.4 6.6h2.2M26.4 9.4h2.2"/><path class="i" d="M22.2 12h3.6M22.2 14.6h3.6M22.2 17h3.6"/><path class="af" d="M19.8 35.4h8.4v2.2h-8.4z"/><path class="i" d="M22.6 18.5v16.9M25.4 18.5v16.9"/></g></g><path class="l" d="M9.77 44.57C11.11 44.57 12.06 43.71 12.06 42.33V41.68H9.88V42.44H11.12C11.11 43.21 10.59 43.71 9.78 43.71C8.87 43.71 8.24 43.02 8.24 41.8C8.24 40.58 8.88 39.89 9.75 39.89C10.41 39.89 10.85 40.25 11.03 40.83H12.02C11.85 39.76 10.93 39.03 9.74 39.03C8.33 39.03 7.27 40.07 7.27 41.81C7.27 43.51 8.28 44.57 9.77 44.57ZM15.64 44.58C16.95 44.58 17.83 43.78 17.83 42.63V39.1H16.86V42.55C16.86 43.22 16.38 43.71 15.64 43.71C14.89 43.71 14.41 43.22 14.41 42.55V39.1H13.45V42.63C13.45 43.78 14.31 44.58 15.64 44.58ZM21.67 44.57C23.08 44.57 24.14 43.55 24.14 41.8C24.14 40.06 23.08 39.03 21.67 39.03C20.25 39.03 19.18 40.06 19.18 41.8C19.18 43.54 20.25 44.57 21.67 44.57ZM21.67 43.71C20.78 43.71 20.15 43.03 20.15 41.8C20.15 40.57 20.78 39.89 21.67 39.89C22.54 39.89 23.17 40.56 23.17 41.8C23.17 43.04 22.54 43.71 21.67 43.71ZM27.13 44.5H28.1V42.41L30.07 39.1H28.95L28 40.8C27.86 41.06 27.74 41.29 27.62 41.6C27.5 41.3 27.38 41.07 27.24 40.8L26.27 39.1H25.14L27.13 42.41ZM33.43 44.58C34.75 44.58 35.62 43.78 35.62 42.63V39.1H34.65V42.55C34.65 43.22 34.18 43.71 33.43 43.71C32.69 43.71 32.21 43.22 32.21 42.55V39.1H31.24V42.63C31.24 43.78 32.11 44.58 33.43 44.58ZM37.15 44.5H40.67V43.68H38.12V42.18H40.47V41.37H38.12V39.92H40.66V39.1H37.15Z"/></svg>%0A';
+
+// ../tokens/assets/genres/hiphop-compact.svg
+var hiphop_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u563B\u54C8 Hip-hop"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><rect class="i" x="5" y="7" width="38" height="34" rx="4"/><circle class="i" cx="21" cy="24" r="12"/><circle class="t" cx="21" cy="24" r="8.2"/><circle class="af" cx="21" cy="24" r="3.6"/><path class="i" d="M37 11.5v15l-6.2 5.8"/><circle class="i" cx="37" cy="11.5" r="1.8"/><path class="i" d="M29.4 30.8l2.6 2.4"/></svg>%0A';
+
+// ../tokens/assets/genres/hiphop.svg
+var hiphop_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u563B\u54C8 Hip-hop"><style>.i,.a{fill:none;stroke-width:2.46;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.41}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(6.95 -1.97) scale(0.711)"><rect class="i" x="5" y="7" width="38" height="34" rx="4"/><circle class="i" cx="21" cy="24" r="12"/><circle class="t" cx="21" cy="24" r="8.2"/><circle class="af" cx="21" cy="24" r="3.6"/><path class="i" d="M37 11.5v15l-6.2 5.8"/><circle class="i" cx="37" cy="11.5" r="1.8"/><path class="i" d="M29.4 30.8l2.6 2.4"/></g><path class="l" d="M6.66 44.5H7.66V42.06H10.27V44.5H11.27V38.9H10.27V41.22H7.66V38.9H6.66ZM13.86 38.9H12.86V44.5H13.86ZM15.45 44.5H16.46V42.61H17.53C18.83 42.61 19.52 41.83 19.52 40.75C19.52 39.69 18.84 38.9 17.55 38.9H15.45ZM16.46 41.78V39.74H17.39C18.16 39.74 18.49 40.16 18.49 40.75C18.49 41.35 18.16 41.78 17.4 41.78ZM23.36 41.76H20.85V42.57H23.36ZM24.92 44.5H25.93V42.06H28.53V44.5H29.54V38.9H28.53V41.22H25.93V38.9H24.92ZM33.52 44.58C34.99 44.58 36.09 43.51 36.09 41.7C36.09 39.89 34.99 38.82 33.52 38.82C32.05 38.82 30.95 39.89 30.95 41.7C30.95 43.51 32.05 44.58 33.52 44.58ZM33.52 43.68C32.61 43.68 31.96 42.98 31.96 41.7C31.96 40.42 32.61 39.72 33.52 39.72C34.43 39.72 35.08 40.42 35.08 41.7C35.08 42.98 34.43 43.68 33.52 43.68ZM37.5 44.5H38.51V42.61H39.58C40.87 42.61 41.57 41.83 41.57 40.75C41.57 39.69 40.89 38.9 39.6 38.9H37.5ZM38.51 41.78V39.74H39.44C40.21 39.74 40.54 40.16 40.54 40.75C40.54 41.35 40.21 41.78 39.45 41.78Z"/></svg>%0A';
+
+// ../tokens/assets/genres/jazz-compact.svg
+var jazz_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u7235\u58EB Jazz"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><path class="i" d="M19.5 11v20c0 7 4.3 11 10 11s9.5-4 9.5-9.5V27"/><path class="i" d="M24.5 11v19.5c0 4 2 6.5 5 6.5s4.5-2 4.5-4.5V27"/><path class="i" d="M31.5 27h10"/><path class="i" d="M19.5 11c0-4.6-3.8-6.3-7.5-4.6M24.5 11c0-6.3-6-8.6-11-6.2"/><path class="i" d="M12 6.4l-1.6-2.8 2.6-1.3"/><circle class="af" cx="22" cy="16" r="1.7"/><circle class="af" cx="22" cy="21.5" r="1.7"/><circle class="af" cx="22" cy="27" r="1.7"/></svg>%0A';
+
+// ../tokens/assets/genres/jazz.svg
+var jazz_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u7235\u58EB Jazz"><style>.i,.a{fill:none;stroke-width:1.81;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.04}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(-7.03 1.78) scale(0.965)"><path class="i" d="M19.5 11v20c0 7 4.3 11 10 11s9.5-4 9.5-9.5V27"/><path class="i" d="M24.5 11v19.5c0 4 2 6.5 5 6.5s4.5-2 4.5-4.5V27"/><path class="i" d="M31.5 27h10"/><path class="i" d="M19.5 11c0-4.6-3.8-6.3-7.5-4.6M24.5 11c0-6.3-6-8.6-11-6.2"/><path class="i" d="M12 6.4l-1.6-2.8 2.6-1.3"/><circle class="af" cx="22" cy="16" r="1.7"/><circle class="af" cx="22" cy="21.5" r="1.7"/><circle class="af" cx="22" cy="27" r="1.7"/></g><path class="l" d="M27.86 14.07C28.83 14.07 29.45 13.52 29.45 12.53V9.05H28.57V12.54C28.57 13.07 28.29 13.34 27.86 13.34C27.43 13.34 27.15 13.07 27.15 12.54V12.26H26.26V12.54C26.26 13.52 26.88 14.07 27.86 14.07ZM30.52 14H31.49L31.89 12.77H33.75L34.17 14H35.14L33.37 9.05H32.25ZM32.13 12.06 32.34 11.43C32.48 10.99 32.63 10.43 32.8 9.74C32.98 10.42 33.14 10.97 33.29 11.43L33.5 12.06ZM36.11 14H39.77V13.25H38.14C37.81 13.25 37.48 13.25 37.15 13.27C37.35 13.03 37.54 12.79 37.71 12.54L39.75 9.61V9.05H36.1V9.8H37.75C38.08 9.8 38.4 9.8 38.72 9.78C38.53 10.01 38.35 10.23 38.19 10.46L36.11 13.45ZM40.96 14H44.62V13.25H42.99C42.66 13.25 42.33 13.25 42 13.27C42.2 13.03 42.39 12.79 42.56 12.54L44.6 9.61V9.05H40.95V9.8H42.6C42.92 9.8 43.25 9.8 43.56 9.78C43.38 10.01 43.2 10.23 43.04 10.46L40.96 13.45Z"/></svg>%0A';
+
+// ../tokens/assets/genres/pop-compact.svg
+var pop_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6D41\u884C Pop"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><circle class="i" cx="29.5" cy="17.5" r="8"/><clipPath id="pg"><circle cx="29.5" cy="17.5" r="6.6"/></clipPath><g clip-path="url(%23pg)"><path class="a" d="M20 14l17 12M20 9.5l17 12M23 6l17 12M17 18.5l17 12"/></g><path class="i" d="M23.6 23L12.6 38.7c-.9 1.3.6 2.8 1.9 1.9L30.2 29.4"/><path class="i" d="M39.5 6.5v4M37.5 8.5h4"/></svg>%0A';
+
+// ../tokens/assets/genres/pop.svg
+var pop_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6D41\u884C Pop"><style>.i,.a{fill:none;stroke-width:1.82;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.04}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(-7.79 -1.75) scale(0.959)"><circle class="i" cx="29.5" cy="17.5" r="8"/><clipPath id="pg"><circle cx="29.5" cy="17.5" r="6.6"/></clipPath><g clip-path="url(%23pg)"><path class="a" d="M20 14l17 12M20 9.5l17 12M23 6l17 12M17 18.5l17 12"/></g><path class="i" d="M23.6 23L12.6 38.7c-.9 1.3.6 2.8 1.9 1.9L30.2 29.4"/><path class="i" d="M39.5 6.5v4M37.5 8.5h4"/></g><path class="l" d="M25.21 43.5H26.46V41.13H27.81C29.43 41.13 30.3 40.15 30.3 38.81C30.3 37.47 29.44 36.49 27.83 36.49H25.21ZM26.46 40.09V37.54H27.63C28.59 37.54 29.01 38.06 29.01 38.81C29.01 39.56 28.59 40.09 27.64 40.09ZM35 43.59C36.84 43.59 38.22 42.26 38.22 40C38.22 37.73 36.84 36.39 35 36.39C33.16 36.39 31.78 37.73 31.78 40C31.78 42.26 33.16 43.59 35 43.59ZM35 42.47C33.86 42.47 33.04 41.59 33.04 40C33.04 38.39 33.86 37.52 35 37.52C36.14 37.52 36.95 38.39 36.95 40C36.95 41.6 36.14 42.47 35 42.47ZM39.99 43.5H41.25V41.13H42.59C44.21 41.13 45.08 40.15 45.08 38.81C45.08 37.47 44.22 36.49 42.61 36.49H39.99ZM41.25 40.09V37.54H42.42C43.38 37.54 43.8 38.06 43.8 38.81C43.8 39.56 43.38 40.09 42.43 40.09Z"/></svg>%0A';
+
+// ../tokens/assets/genres/rock-compact.svg
+var rock_compact_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6447\u6EDA Rock"><style>.i,.a{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="rotate(38 24 24)"><path class="i" d="M22 30c-.4-3.2-2-5.6-4-4.9-1.7.6-1.1 3.2-1.6 4.9-3.3.2-5.2 3.1-4.4 6.6.8 3.6 4.4 6 9.7 5.6 1.2-.1 2-.1 3.2.1 5.6.6 9.4-1.6 10-5.3.4-2.6-1-4.6-3.5-4.9-.4-2.6.4-5.3-1.4-6.2-2-1-3.6 1.6-4 4.1Z"/><path class="i" d="M23 30V6.5M25.5 30V6.5"/><path class="i" d="M22 6.5l.6-3.5h3.6l.4 3.5Z"/><path class="af" d="M21.2 33.4h5.6v1.8h-5.6zM21.2 37h5.6v1.8h-5.6z"/></g></svg>%0A';
+
+// ../tokens/assets/genres/rock.svg
+var rock_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="\u6447\u6EDA Rock"><style>.i,.a{fill:none;stroke-width:2.12;stroke-linecap:round;stroke-linejoin:round}.i{stroke:%231c1e23}.a{stroke:%233462e6}.af{fill:%233462e6}.f{fill:%231c1e23}.bg{fill:%23fff}.t{fill:none;stroke:%231c1e23;stroke-opacity:.32;stroke-width:1.21}.l{fill:%231c1e23}@media (prefers-color-scheme:dark){.i,.t{stroke:%23e9ebef}.f,.l{fill:%23e9ebef}.a{stroke:%2382a4ff}.af{fill:%2382a4ff}.bg{fill:%2316191f}}</style><g transform="translate(8.45 7.00) scale(0.824)"><g transform="rotate(38 24 24)"><path class="i" d="M22 30c-.4-3.2-2-5.6-4-4.9-1.7.6-1.1 3.2-1.6 4.9-3.3.2-5.2 3.1-4.4 6.6.8 3.6 4.4 6 9.7 5.6 1.2-.1 2-.1 3.2.1 5.6.6 9.4-1.6 10-5.3.4-2.6-1-4.6-3.5-4.9-.4-2.6.4-5.3-1.4-6.2-2-1-3.6 1.6-4 4.1Z"/><path class="i" d="M23 30V6.5M25.5 30V6.5"/><path class="i" d="M22 6.5l.6-3.5h3.6l.4 3.5Z"/><path class="af" d="M21.2 33.4h5.6v1.8h-5.6zM21.2 37h5.6v1.8h-5.6z"/></g></g><path class="l" d="M4.01 12.5H4.91V10.66H5.84L6.83 12.5H7.84L6.75 10.5C7.34 10.27 7.65 9.77 7.65 9.08C7.65 8.13 7.04 7.48 5.88 7.48H4.01ZM4.91 9.91V8.23H5.75C6.43 8.23 6.73 8.55 6.73 9.08C6.73 9.62 6.43 9.91 5.75 9.91ZM11.08 12.57C12.39 12.57 13.38 11.61 13.38 9.99C13.38 8.37 12.39 7.41 11.08 7.41C9.76 7.41 8.77 8.37 8.77 9.99C8.77 11.61 9.76 12.57 11.08 12.57ZM11.08 11.76C10.25 11.76 9.67 11.13 9.67 9.99C9.67 8.84 10.25 8.21 11.08 8.21C11.89 8.21 12.47 8.84 12.47 9.99C12.47 11.14 11.89 11.76 11.08 11.76ZM16.79 12.57C17.98 12.57 18.77 11.79 18.91 10.83H18C17.88 11.42 17.4 11.76 16.8 11.76C15.98 11.76 15.39 11.14 15.39 9.99C15.39 8.85 15.98 8.21 16.8 8.21C17.4 8.21 17.89 8.55 18 9.15H18.91C18.75 8.05 17.89 7.41 16.79 7.41C15.48 7.41 14.49 8.37 14.49 9.99C14.49 11.61 15.47 12.57 16.79 12.57ZM20.15 12.5H21.05V10.99L21.73 10.25L23.26 12.5H24.32L22.36 9.65L24.29 7.48H23.17L21.85 8.98C21.52 9.36 21.27 9.68 21.04 10.04L21.05 8.97V7.48H20.15Z"/></svg>%0A';
+
+// ../tokens/assets/instruments/drum.svg
+var drum_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.5 7.6c0-1 2.5-1.8 5.5-1.8s5.5.8 5.5 1.8v4.6c0 1.1-2.5 1.9-5.5 1.9s-5.5-.8-5.5-1.9Z"/><path d="M2.8 2 6.8 6.2M13.2 2 9.2 6.2" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>%0A';
+
+// ../tokens/assets/instruments/guitar.svg
+var guitar_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><g transform="rotate(40 8 8)"><path d="M8 7.2c-1.5 0-2.4.9-2.2 2.1-1.2.4-1.8 1.4-1.6 2.6.3 1.6 1.8 2.6 3.8 2.6s3.5-1 3.8-2.6c.2-1.2-.4-2.2-1.6-2.6.2-1.2-.7-2.1-2.2-2.1Z"/><rect x="7.3" y="2.4" width="1.4" height="6" rx=".4"/><path d="M6.8.8h2.4l-.3 2.2H7.1Z"/></g></svg>%0A';
+
+// ../tokens/assets/instruments/keys.svg
+var keys_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 4h11A1.5 1.5 0 0 1 15 5.5v5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 10.5v-5A1.5 1.5 0 0 1 2.5 4Zm-.3 1.2v5.6h2.6V5.2Zm3 0v5.6h2.6V5.2Zm3 0v5.6h2.6V5.2Zm3 0v5.6h2.6V5.2Z"/><path d="M4.2 5.2h1.6v3.2H4.2zM7.2 5.2h1.6v3.2H7.2zM10.2 5.2h1.6v3.2h-1.6z"/></svg>%0A';
+
+// ../tokens/assets/instruments/sax.svg
+var sax_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.6 2.4v7.8c0 2.6 1.6 4.2 3.7 4.2 1.9 0 3.2-1.4 3.2-3.4V9.6" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.2 8.6h4l-.6 1.7h-2.8Z"/><path d="M6.6 2.4c0-1-1.3-1.4-2.7-.8" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>%0A';
+
+// ../tokens/assets/instruments/trumpet.svg
+var trumpet_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.4 8.8h8.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M9.4 7.4 14.6 4.4v8.8l-5.2-3Z"/><path d="M3.8 9.2v2.2c0 .6.4 1 1 1h3.2c.6 0 1-.4 1-1V9.2" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M4.6 5.4v2.6M6.6 5.4v2.6M8.6 5.4v2.6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>%0A';
+
+// ../tokens/assets/instruments/violin.svg
+var violin_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><g transform="rotate(-28 8 8)"><path d="M8 5.2c-2.3 0-2.9 1.4-2.3 2.6.4.8.3 1.2-.4 1.9-1.3 1.3-.8 4.6 2.7 4.6s4-3.3 2.7-4.6c-.7-.7-.8-1.1-.4-1.9.6-1.2 0-2.6-2.3-2.6Z"/><rect x="7.3" y="1.8" width="1.4" height="4" rx=".5"/><circle cx="8" cy="1.7" r="1.1"/><path d="M12.2 3.6v8.8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></g></svg>%0A';
+
+// src/ui.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ErrorNote({ children, retry }) {
+  if (!children) return null;
+  const note = /* @__PURE__ */ jsx("div", { className: "band-plugin-react-error", children });
+  if (!retry) return note;
+  return /* @__PURE__ */ jsxs("div", { className: "band-plugin-react-retry", role: "alert", children: [
+    note,
+    /* @__PURE__ */ jsx("button", { type: "button", className: "btn sm", onClick: retry, children: "\u91CD\u8BD5" })
+  ] });
+}
+function InfoNote({ children }) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx("div", { className: "band-plugin-react-info", children });
+}
+function PaneHeader({ title, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "band-plugin-react-pane-head", children: [
+    /* @__PURE__ */ jsx("h2", { className: "band-plugin-react-pane-title", children: title }),
+    children
+  ] });
+}
+function avatarTone(id, order) {
+  const i = order?.indexOf(id) ?? -1;
+  if (i >= 0) return i % 5 + 1;
+  let h = 2166136261;
+  for (const c of id) {
+    h ^= c.codePointAt(0) ?? 0;
+    h = Math.imul(h, 16777619);
+  }
+  h ^= h >>> 16;
+  h = Math.imul(h, 2246822507);
+  h ^= h >>> 13;
+  return (h >>> 0) % 5 + 1;
+}
+function memberOrder(members) {
+  return members.filter((m) => m.actor.kind === "human").map((m) => m.actor.id);
+}
+function avatarInitial(name) {
+  const first = Array.from(name.trim())[0];
+  if (!first) return "?";
+  const up = first.toUpperCase();
+  return Array.from(up).length === 1 ? up : first;
+}
+function Avatar({
+  id,
+  name,
+  agent = false,
+  instrument,
+  size = "sm",
+  decorative = false,
+  order
+}) {
+  const cls = `av${size === "md" ? "" : ` ${size}`}${agent ? " bot" : ""}`;
+  const a11y = decorative ? { "aria-hidden": true } : { role: "img", "aria-label": name };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cls,
+      title: name,
+      style: agent ? void 0 : { background: `var(--av${avatarTone(id, order)})` },
+      ...a11y,
+      children: agent && instrument ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "band-plugin-react-instrument",
+          "aria-hidden": "true",
+          style: { ["--band-instrument"]: cssUrl(INSTRUMENT_SRC[instrument]) }
+        }
+      ) : agent ? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx("ellipse", { cx: "8", cy: "8.4", rx: "5.6", ry: "3.7", transform: "rotate(-20 8 8.4)" }) }) : avatarInitial(name)
+    }
+  );
+}
+function Glyph({ kind, bg = false }) {
+  return /* @__PURE__ */ jsx("span", { className: `glyph ${kind}${bg ? " bgwork" : ""}`.trim(), "aria-hidden": "true" });
+}
+function agentInstrument(id, members) {
+  const peers = members.filter((m) => m.actor.kind === "agent").map((m) => m.actor.id);
+  return instrumentOf(id, peers);
+}
+function AgentAvatar({
+  id,
+  members,
+  size = "xs",
+  decorative = false
+}) {
+  const list = members ?? [];
+  const name = list.find((m) => m.actor.id === id)?.displayName ?? agentDisplayName(id);
+  const instrument = agentInstrument(id, list);
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      id,
+      name,
+      agent: true,
+      size,
+      decorative,
+      ...instrument ? { instrument } : {}
+    }
+  );
+}
+var INSTRUMENTS = ["sax", "keys", "guitar", "drum", "trumpet", "violin"];
+var INSTRUMENT_SRC = {
+  sax: sax_default,
+  keys: keys_default,
+  guitar: guitar_default,
+  drum: drum_default,
+  trumpet: trumpet_default,
+  violin: violin_default
+};
+function cssUrl(src) {
+  return `url("${src.replace(/"/g, "'")}")`;
+}
+function fnv1a(s) {
+  let h = 2166136261;
+  for (const c of s) {
+    h ^= c.codePointAt(0) ?? 0;
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+function instrumentOf(name, peers) {
+  const isRondo = (n) => n.toLowerCase() === "rondo";
+  if (isRondo(name)) return void 0;
+  const all = [...new Set([...peers, name].filter((n) => !isRondo(n)))].sort();
+  const taken = /* @__PURE__ */ new Set();
+  for (const n of all) {
+    const start = fnv1a(n) % INSTRUMENTS.length;
+    let pick = INSTRUMENTS[start];
+    for (let k = 0; k < INSTRUMENTS.length; k++) {
+      const cand = INSTRUMENTS[(start + k) % INSTRUMENTS.length];
+      if (!taken.has(cand)) {
+        pick = cand;
+        break;
+      }
+    }
+    if (taken.size < INSTRUMENTS.length) taken.add(pick);
+    if (n === name) return pick;
+  }
+  return void 0;
+}
+var GENRE_FULL_SRC = {
+  classical: classical_default,
+  jazz: jazz_default,
+  pop: pop_default,
+  rock: rock_default,
+  electronic: electronic_default,
+  folk: folk_default,
+  hiphop: hiphop_default,
+  guoyue: guoyue_default
+};
+var GENRE_COMPACT_SRC = {
+  classical: classical_compact_default,
+  jazz: jazz_compact_default,
+  pop: pop_compact_default,
+  rock: rock_compact_default,
+  electronic: electronic_compact_default,
+  folk: folk_compact_default,
+  hiphop: hiphop_compact_default,
+  guoyue: guoyue_compact_default
+};
+function WorkshopIcon({
+  icon,
+  size = 20,
+  tile = false
+}) {
+  return drawWorkshopIcon(GENRE_COMPACT_SRC, icon, size, tile);
+}
+function WorkshopEmblem({ icon, size = 48 }) {
+  return drawWorkshopIcon(size >= 48 ? GENRE_FULL_SRC : GENRE_COMPACT_SRC, icon, size, true);
+}
+function drawWorkshopIcon(srcs, icon, size, tile) {
+  const genre = icon?.startsWith("genre:") ? icon.slice("genre:".length) : void 0;
+  const known = genre && WORKSHOP_GENRES.includes(genre);
+  const src = known ? srcs[genre] : void 0;
+  const inner = src ? /* @__PURE__ */ jsx("img", { className: "band-plugin-react-wsicon", src, width: size, height: size, alt: "" }) : /* @__PURE__ */ jsx(BandMark, { className: "band-plugin-react-wsicon", size });
+  if (!tile) return inner;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `band-plugin-react-wstile${size >= 28 ? " is-large" : ""}`,
+      style: { ["--band-wstile"]: `${size}px` },
+      "aria-hidden": "true",
+      children: inner
+    }
+  );
+}
+function BandMark({ size = 20, className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      width: size,
+      height: size,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.75", children: [
+          /* @__PURE__ */ jsx("path", { d: "M7.67 18.81V6.95" }),
+          /* @__PURE__ */ jsx("path", { d: "M14.67 15.71V4.65" }),
+          /* @__PURE__ */ jsx("path", { d: "M21.67 12.61V2.35" })
+        ] }),
+        /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M6.8 5.69L22.55 0.51V3.61L6.8 8.79Z" }),
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            fill: "currentColor",
+            cx: "5.4",
+            cy: "19.4",
+            rx: "3.25",
+            ry: "2.2",
+            transform: "rotate(-20 5.4 19.4)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            fill: "var(--accent)",
+            cx: "12.4",
+            cy: "16.3",
+            rx: "3.25",
+            ry: "2.2",
+            transform: "rotate(-20 12.4 16.3)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            fill: "currentColor",
+            cx: "19.4",
+            cy: "13.2",
+            rx: "3.25",
+            ry: "2.2",
+            transform: "rotate(-20 19.4 13.2)"
+          }
+        )
+      ]
+    }
+  );
+}
+function LogoLockup() {
+  return /* @__PURE__ */ jsxs("svg", { className: "logo lockup", viewBox: "0 0 111 28", role: "img", "aria-label": "Band", children: [
+    /* @__PURE__ */ jsx("g", { className: "staff", children: [5, 9.5, 14, 18.5, 23].map((y) => /* @__PURE__ */ jsx("line", { x1: "1", y1: y, x2: "39", y2: y }, y)) }),
+    /* @__PURE__ */ jsx("path", { className: "st", d: "M12.36 20.12V7.65" }),
+    /* @__PURE__ */ jsx("path", { className: "st", d: "M21.86 15.62V5.35" }),
+    /* @__PURE__ */ jsx("path", { className: "st", d: "M31.36 11.12V3.05" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.54 6.4L32.19 1.4V4.3L11.54 9.3Z" }),
+    /* @__PURE__ */ jsx("ellipse", { cx: "10", cy: "20.75", rx: "3.3", ry: "2.15", transform: "rotate(-20 10 20.75)" }),
+    /* @__PURE__ */ jsx(
+      "ellipse",
+      {
+        className: "ag",
+        cx: "19.5",
+        cy: "16.25",
+        rx: "3.3",
+        ry: "2.15",
+        transform: "rotate(-20 19.5 16.25)"
+      }
+    ),
+    /* @__PURE__ */ jsx("ellipse", { cx: "29", cy: "11.75", rx: "3.3", ry: "2.15", transform: "rotate(-20 29 11.75)" }),
+    /* @__PURE__ */ jsx("text", { className: "wm", x: "46", y: "23", children: "Band" })
+  ] });
+}
+
+// src/controls.tsx
+import { withImeGuard } from "@kanyun-ai-infra/band-plugin-sdk/keys";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function sectionsOf(items) {
+  const byTitle = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const title = item.group ?? null;
+    const bucket = byTitle.get(title);
+    if (bucket) bucket.push(item);
+    else byTitle.set(title, [item]);
+  }
+  return [...byTitle].map(([title, list]) => ({ title, items: list }));
+}
+function highlight(text, query) {
+  const q = query.trim();
+  if (q === "") return text;
+  const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const parts = text.split(new RegExp(`(${escaped})`, "gi"));
+  return parts.map(
+    (part, i) => (
+      // 奇数下标就是命中的那几段；split 带捕获组时长度与命中的段数相关，按内容再判一次更稳
+      i % 2 === 1 && part.toLowerCase() === q.toLowerCase() ? (
+        // biome-ignore lint/suspicious/noArrayIndexKey: 拆分结果没有稳定的键，重排只发生在查询变化时
+        /* @__PURE__ */ jsx2("mark", { children: part }, i)
+      ) : (
+        // biome-ignore lint/suspicious/noArrayIndexKey: 同上
+        /* @__PURE__ */ jsx2("span", { children: part }, i)
+      )
+    )
+  );
+}
+function Combobox({
+  label,
+  items,
+  value,
+  onChange,
+  multiple = false,
+  placeholder,
+  emptyText,
+  onCreate,
+  createLabel,
+  disabled = false
+}) {
+  const id = useId();
+  const listId = `${id}-list`;
+  const [query, setQuery] = useState("");
+  const [open, setOpen] = useState(false);
+  const [active, setActive] = useState(0);
+  const input = useRef(null);
+  const list = useRef(null);
+  const q = query.trim();
+  const matched = useMemo(() => {
+    const base = q === "" ? items : items.filter(
+      (it) => [it.label, it.meta ?? "", it.keywords ?? ""].some(
+        (t) => t.toLowerCase().includes(q.toLowerCase())
+      )
+    );
+    return base.filter((it) => !value.includes(it.value));
+  }, [items, value, q]);
+  const sections = useMemo(() => sectionsOf(matched), [matched]);
+  const flat = useMemo(() => sections.flatMap((s) => s.items), [sections]);
+  const exact = q !== "" && items.some((it) => it.label === q);
+  const canCreate = onCreate !== void 0 && q !== "" && !exact;
+  const total = flat.length + (canCreate ? 1 : 0);
+  const activeIndex = total === 0 ? -1 : Math.min(active, total - 1);
+  function pick(item) {
+    if (multiple) {
+      if (!value.includes(item.value)) onChange([...value, item.value]);
+    } else {
+      onChange([item.value]);
+    }
+    setQuery("");
+    if (!multiple) setOpen(false);
+    setActive(0);
+    input.current?.focus();
+  }
+  function create() {
+    if (!onCreate || q === "") return;
+    onCreate(q);
+    setQuery("");
+    if (!multiple) setOpen(false);
+    setActive(0);
+    input.current?.focus();
+  }
+  function remove(v) {
+    onChange(value.filter((x) => x !== v));
+    input.current?.focus();
+  }
+  function move(step) {
+    if (total === 0) return;
+    setOpen(true);
+    const next = (activeIndex + step + total) % total;
+    setActive(next);
+    const el = list.current?.querySelector(`[data-index="${next}"]`);
+    if (el) scrollIntoPanel(el, { block: "nearest" });
+  }
+  const onComboKey = withImeGuard((e) => {
+    if (e.key === "Escape") {
+      if (open) {
+        setOpen(false);
+        e.stopPropagation();
+      }
+      return;
+    }
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      move(e.key === "ArrowDown" ? 1 : -1);
+      return;
+    }
+    if (e.key === "Enter") {
+      if (!open) return;
+      e.preventDefault();
+      if (activeIndex < 0) return;
+      const item = flat[activeIndex];
+      if (item) pick(item);
+      else create();
+      return;
+    }
+    if (e.key === " " && multiple && open && query === "" && activeIndex >= 0) {
+      const item = flat[activeIndex];
+      if (!item) return;
+      e.preventDefault();
+      pick(item);
+      return;
+    }
+    if (e.key === "Backspace" && query === "" && value.length > 0) {
+      const last = value[value.length - 1];
+      if (last !== void 0) {
+        e.preventDefault();
+        remove(last);
+      }
+    }
+  });
+  const selected = value.map((v) => ({
+    value: v,
+    label: items.find((it) => it.value === v)?.label ?? v
+  }));
+  return /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-combo", children: [
+    selected.length > 0 && /* @__PURE__ */ jsx2("ul", { className: "band-plugin-react-combo-picked", "aria-label": `\u5DF2\u9009${label}`, children: selected.map((it) => /* @__PURE__ */ jsxs2("li", { className: "band-plugin-react-combo-chip", children: [
+      it.label,
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          "aria-label": `\u79FB\u9664 ${it.label}`,
+          disabled,
+          onClick: () => remove(it.value),
+          children: "\xD7"
+        }
+      )
+    ] }, it.value)) }),
+    /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-combo-field field-host", children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          ref: input,
+          className: "field bare",
+          type: "text",
+          role: "combobox",
+          "aria-label": label,
+          "aria-expanded": open,
+          "aria-controls": open ? listId : void 0,
+          "aria-autocomplete": "list",
+          "aria-activedescendant": open && activeIndex >= 0 ? `${listId}-${activeIndex}` : void 0,
+          autoComplete: "off",
+          disabled,
+          placeholder: placeholder ?? label,
+          value: query,
+          onChange: (e) => {
+            setQuery(e.target.value);
+            setOpen(true);
+            setActive(0);
+          },
+          onFocus: () => setOpen(true),
+          onClick: () => setOpen(true),
+          onBlur: () => setOpen(false),
+          onKeyDown: onComboKey
+        }
+      ),
+      open && // biome-ignore lint/a11y/useFocusableInteractive: 焦点留在输入框（combobox + aria-activedescendant），列表自己不取焦点
+      /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          ref: list,
+          className: "band-plugin-react-combo-pop",
+          id: listId,
+          role: "listbox",
+          "aria-label": label,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            const row = e.target.closest("[data-index]");
+            if (!row) return;
+            const i = Number(row.dataset.index);
+            const item = flat[i];
+            if (item) pick(item);
+            else if (i === flat.length) create();
+          },
+          children: [
+            sections.map((section) => /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-combo-section", children: [
+              section.title !== null && /* @__PURE__ */ jsx2("div", { className: "band-plugin-react-combo-group", role: "presentation", children: section.title }),
+              section.items.map((it) => {
+                const i = flat.indexOf(it);
+                return (
+                  // biome-ignore lint/a11y/useFocusableInteractive: 见上，选项经 aria-activedescendant 标出，不自己取焦点
+                  /* @__PURE__ */ jsxs2(
+                    "div",
+                    {
+                      id: `${listId}-${i}`,
+                      role: "option",
+                      "aria-selected": value.includes(it.value),
+                      "data-index": i,
+                      className: `band-plugin-react-combo-opt${i === activeIndex ? " is-active" : ""}`,
+                      onMouseEnter: () => setActive(i),
+                      children: [
+                        /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-combo-label", children: highlight(it.label, q) }),
+                        it.meta !== void 0 && /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-combo-meta", children: it.meta })
+                      ]
+                    },
+                    it.value
+                  )
+                );
+              })
+            ] }, section.title ?? "\0")),
+            flat.length === 0 && q !== "" && /* @__PURE__ */ jsx2("div", { className: "band-plugin-react-combo-empty", children: emptyText ?? `\u6CA1\u6709\u5339\u914D\u7684${label}` }),
+            canCreate && // biome-ignore lint/a11y/useFocusableInteractive: 同候选行
+            /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                id: `${listId}-${flat.length}`,
+                role: "option",
+                "aria-selected": false,
+                "data-index": flat.length,
+                className: `band-plugin-react-combo-opt${flat.length === activeIndex ? " is-active" : ""}`,
+                onMouseEnter: () => setActive(flat.length),
+                children: [
+                  /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-combo-plus", "aria-hidden": "true", children: "+" }),
+                  /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-combo-label", children: createLabel ? createLabel(q) : `\u65B0\u5EFA\u300C${q}\u300D` })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var TAG_SPLIT = /[,，\n\t]/;
+function splitTags(text) {
+  return text.split(TAG_SPLIT).map((s) => s.trim()).filter((s) => s !== "");
+}
+function TagInput({
+  label,
+  value,
+  onChange,
+  placeholder,
+  hint,
+  disabled = false,
+  id
+}) {
+  const auto = useId();
+  const inputId = id ?? auto;
+  const hintId = `${inputId}-hint`;
+  const [draft, setDraft] = useState("");
+  const [dup, setDup] = useState(null);
+  const [dupChip, setDupChip] = useState(null);
+  const timer = useRef(null);
+  useEffect(
+    () => () => {
+      if (timer.current !== null) clearTimeout(timer.current);
+    },
+    []
+  );
+  function flash(name) {
+    setDup(name);
+    setDupChip(name);
+    if (timer.current !== null) clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      setDup(null);
+      setDupChip(null);
+      timer.current = null;
+    }, 1800);
+  }
+  function clearDup() {
+    if (timer.current !== null) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+    setDup(null);
+    setDupChip(null);
+  }
+  function add(raw) {
+    const parts = splitTags(raw);
+    if (parts.length === 0) return;
+    const seen = new Set(value);
+    const added = [];
+    let repeated = null;
+    for (const part of parts) {
+      if (seen.has(part)) {
+        repeated = repeated ?? part;
+        continue;
+      }
+      seen.add(part);
+      added.push(part);
+    }
+    if (repeated !== null) flash(repeated);
+    else clearDup();
+    if (added.length > 0) onChange([...value, ...added]);
+  }
+  function removeAt(i) {
+    const gone = value[i];
+    onChange(value.filter((_, k) => k !== i));
+    if (gone !== void 0 && gone === dupChip) clearDup();
+  }
+  const onTagsKey = withImeGuard((e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (draft.trim() === "") return;
+      add(draft);
+      setDraft("");
+      return;
+    }
+    if (e.key === "," || e.key === "\uFF0C") {
+      if (draft.trim() === "") return;
+      e.preventDefault();
+      add(draft);
+      setDraft("");
+      return;
+    }
+    if (e.key === "Backspace" && draft === "" && value.length > 0) {
+      e.preventDefault();
+      const last = value[value.length - 1];
+      if (last !== void 0) {
+        onChange(value.slice(0, -1));
+        if (dupChip === last) clearDup();
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-tags field-host", children: [
+      value.map((tag, i) => /* @__PURE__ */ jsxs2(
+        "span",
+        {
+          className: "band-plugin-react-tag",
+          ...dupChip === tag ? { "data-dup": "" } : {},
+          children: [
+            tag,
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-label": `\u79FB\u9664 ${tag}`,
+                disabled,
+                onClick: () => removeAt(i),
+                children: "\xD7"
+              }
+            )
+          ]
+        },
+        tag
+      )),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          id: inputId,
+          className: "field bare",
+          type: "text",
+          "aria-label": label,
+          "aria-describedby": hintId,
+          autoComplete: "off",
+          disabled,
+          placeholder: value.length === 0 ? placeholder ?? "\u7C98\u8D34\u6216\u8F93\u5165\uFF0C\u56DE\u8F66\u786E\u8BA4" : "",
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          onKeyDown: onTagsKey,
+          onPaste: (e) => {
+            const text = e.clipboardData.getData("text");
+            if (!TAG_SPLIT.test(text)) return;
+            e.preventDefault();
+            const el = e.currentTarget;
+            const at = el.selectionStart ?? draft.length;
+            const end = el.selectionEnd ?? at;
+            add(draft.slice(0, at) + text + draft.slice(end));
+            setDraft("");
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(
+      "p",
+      {
+        className: "band-plugin-react-tag-hint",
+        id: hintId,
+        ...dup !== null ? { "data-err": "" } : {},
+        children: dup !== null ? `\u300C${dup}\u300D\u91CD\u590D\u4E86\uFF0C\u5DF2\u8DF3\u8FC7` : hint
+      }
+    )
+  ] });
+}
+function facetedCount(rows, groups, selection, groupKey, value) {
+  let n = 0;
+  for (const row of rows) {
+    if (row[groupKey] !== value) continue;
+    let ok = true;
+    for (const g of groups) {
+      if (g.key === groupKey) continue;
+      const picked = selection[g.key] ?? [];
+      if (picked.length === 0) continue;
+      const v = row[g.key];
+      if (v === void 0 || !picked.includes(v)) {
+        ok = false;
+        break;
+      }
+    }
+    if (ok) n++;
+  }
+  return n;
+}
+function filterRows(rows, groups, selection) {
+  return rows.filter(
+    (row) => groups.every((g) => {
+      const picked = selection[g.key] ?? [];
+      if (picked.length === 0) return true;
+      const v = row[g.key];
+      return v !== void 0 && picked.includes(v);
+    })
+  );
+}
+function FilterMenu({
+  groups,
+  rows,
+  value,
+  onChange,
+  emptyText
+}) {
+  const id = useId();
+  const [collapsed, setCollapsed] = useState(() => /* @__PURE__ */ new Set());
+  function toggle(groupKey, option) {
+    const picked = value[groupKey] ?? [];
+    const next = picked.includes(option) ? picked.filter((x) => x !== option) : [...picked, option];
+    const merged = { ...value, [groupKey]: next };
+    if (next.length === 0) delete merged[groupKey];
+    onChange(merged);
+  }
+  function clear() {
+    onChange({});
+  }
+  function toggleGroup(key) {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  }
+  const chips = Object.entries(value).flatMap(([key, values]) => {
+    const group = groups.find((g) => g.key === key);
+    return values.map((v) => ({
+      key,
+      value: v,
+      label: group?.options.find((o) => o.value === v)?.label ?? v
+    }));
+  });
+  return /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-filter", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-filter-chips", children: [
+      chips.map((chip) => /* @__PURE__ */ jsxs2("span", { className: "band-plugin-react-filter-chip", children: [
+        chip.label,
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": `\u79FB\u9664 ${chip.label} \u7B5B\u9009`,
+            onClick: () => toggle(chip.key, chip.value),
+            children: "\xD7"
+          }
+        )
+      ] }, `${chip.key}\0${chip.value}`)),
+      chips.length > 0 && /* @__PURE__ */ jsx2("button", { type: "button", className: "band-plugin-react-filter-clear", onClick: clear, children: "\u6E05\u7A7A" })
+    ] }),
+    groups.map((g) => {
+      const picked = value[g.key] ?? [];
+      const isCollapsed = collapsed.has(g.key);
+      const panel = `${id}-${g.key}`;
+      return /* @__PURE__ */ jsxs2("div", { className: "band-plugin-react-filter-group-box", children: [
+        /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            className: "band-plugin-react-filter-group",
+            "aria-expanded": !isCollapsed,
+            "aria-controls": panel,
+            onClick: () => toggleGroup(g.key),
+            children: [
+              g.label,
+              /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-filter-group-count", children: picked.length })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { id: panel, hidden: isCollapsed, children: [
+          g.options.length === 0 && /* @__PURE__ */ jsx2("p", { className: "band-plugin-react-filter-empty", children: emptyText ?? "\u6CA1\u6709\u53EF\u7B5B\u7684" }),
+          g.options.map((o) => /* @__PURE__ */ jsxs2("label", { className: "band-plugin-react-filter-opt choice", children: [
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                type: "checkbox",
+                className: "checkbox",
+                checked: picked.includes(o.value),
+                onChange: () => toggle(g.key, o.value)
+              }
+            ),
+            o.label,
+            /* @__PURE__ */ jsx2("span", { className: "band-plugin-react-filter-count", children: facetedCount(rows, groups, value, g.key, o.value) })
+          ] }, o.value))
+        ] })
+      ] }, g.key);
+    })
+  ] });
+}
+
+// src/toast/store.ts
+var MAX_TOASTS = 3;
+var OK_MS = 4e3;
+var LEAVE_MS = 2e3;
+var TOAST_CLOSE_LABEL = "\u5173\u95ED";
+var EMPTY = [];
+var entries = [];
+var listeners = /* @__PURE__ */ new Set();
+var snapshot = EMPTY;
+var seq = 0;
+function subscribeToasts(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function toastsSnapshot() {
+  return snapshot;
+}
+function emptyToasts() {
+  return EMPTY;
+}
+function publish() {
+  snapshot = entries.length === 0 ? EMPTY : entries.map((e) => ({
+    id: e.id,
+    kind: e.kind,
+    text: e.text,
+    detail: e.detail,
+    action: e.action
+  }));
+  for (const listener of listeners) listener();
+}
+function clearTimer(entry) {
+  if (entry.timer !== void 0) {
+    clearTimeout(entry.timer);
+    entry.timer = void 0;
+  }
+}
+function arm(id, ms) {
+  const entry = entries.find((e) => e.id === id);
+  if (!entry) return;
+  clearTimer(entry);
+  if (entry.pausedBy.size > 0) return;
+  entry.timer = setTimeout(() => dismissToast(id), ms);
+}
+function toast(opts) {
+  const kind = opts.kind ?? "ok";
+  const id = opts.id ?? `toast-${++seq}`;
+  const existing = entries.find((e) => e.id === id);
+  if (existing) {
+    clearTimer(existing);
+    existing.kind = kind;
+    existing.text = opts.text;
+    existing.detail = opts.detail;
+    existing.action = opts.action;
+  } else {
+    if (entries.length >= MAX_TOASTS) {
+      const i = entries.findIndex((e) => e.kind !== "busy");
+      const [dropped] = entries.splice(i === -1 ? 0 : i, 1);
+      if (dropped) clearTimer(dropped);
+    }
+    entries.push({
+      id,
+      kind,
+      text: opts.text,
+      detail: opts.detail,
+      action: opts.action,
+      pausedBy: /* @__PURE__ */ new Set()
+    });
+  }
+  if (kind === "ok") arm(id, OK_MS);
+  publish();
+  return id;
+}
+function pauseToast(id, by = "pointer") {
+  const entry = entries.find((e) => e.id === id);
+  if (!entry) return;
+  entry.pausedBy.add(by);
+  clearTimer(entry);
+}
+function resumeToast(id, by = "pointer") {
+  const entry = entries.find((e) => e.id === id);
+  if (!entry) return;
+  entry.pausedBy.delete(by);
+  if (entry.kind === "ok" && entry.pausedBy.size === 0) arm(id, LEAVE_MS);
+}
+function syncToastPause(id, paused) {
+  const entry = entries.find((e) => e.id === id);
+  if (!entry) return;
+  const wasPaused = entry.pausedBy.size > 0;
+  entry.pausedBy.clear();
+  if (paused.pointer) entry.pausedBy.add("pointer");
+  if (paused.focus) entry.pausedBy.add("focus");
+  if (entry.pausedBy.size > 0) clearTimer(entry);
+  else if (wasPaused && entry.kind === "ok") arm(id, LEAVE_MS);
+}
+function dismissToast(id) {
+  const i = entries.findIndex((e) => e.id === id);
+  if (i < 0) return;
+  const [entry] = entries.splice(i, 1);
+  if (entry) clearTimer(entry);
+  publish();
+}
+function dismissAllToasts() {
+  for (const entry of entries) clearTimer(entry);
+  entries = [];
+  publish();
+}
+
+// src/toast/ToastHost.tsx
+import { withImeGuard as withImeGuard2 } from "@kanyun-ai-infra/band-plugin-sdk/keys";
+import { useEffect as useEffect2, useRef as useRef2, useSyncExternalStore } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var MODAL_SELECTOR = "dialog:modal, dialog[open][data-band-layer]";
+var MODAL_FALLBACK = "dialog[open][data-band-layer]";
+var modalOrder = /* @__PURE__ */ new Map();
+var modalSeq = 0;
+function openModals() {
+  try {
+    return [...document.querySelectorAll(MODAL_SELECTOR)];
+  } catch {
+    return [...document.querySelectorAll(MODAL_FALLBACK)];
+  }
+}
+function modalTarget() {
+  if (typeof document === "undefined") return null;
+  const modals = openModals();
+  const live = new Set(modals);
+  for (const el of [...modalOrder.keys()]) if (!live.has(el)) modalOrder.delete(el);
+  for (const el of modals) if (!modalOrder.has(el)) modalOrder.set(el, ++modalSeq);
+  let top = null;
+  let seq2 = -1;
+  for (const el of modals) {
+    const n = modalOrder.get(el) ?? 0;
+    if (n > seq2) {
+      seq2 = n;
+      top = el;
+    }
+  }
+  return top ?? null;
+}
+var modalListeners = /* @__PURE__ */ new Set();
+var modalObserver = null;
+var modalSnapshot = null;
+function topChanged() {
+  const next = modalTarget();
+  if (next === modalSnapshot) return;
+  modalSnapshot = next;
+  for (const fn of [...modalListeners]) fn();
+}
+if (typeof document !== "undefined") {
+  document.addEventListener(
+    "toggle",
+    (e) => {
+      const el = e.target;
+      if (!el || typeof el.tagName !== "string" || el.tagName !== "DIALOG") return;
+      if (el.open) {
+        if (!modalOrder.has(el)) modalOrder.set(el, ++modalSeq);
+      } else {
+        modalOrder.delete(el);
+      }
+      if (modalListeners.size > 0) topChanged();
+    },
+    true
+  );
+}
+function subscribeModals(listener) {
+  modalListeners.add(listener);
+  if (!modalObserver && typeof MutationObserver !== "undefined") {
+    modalSnapshot = modalTarget();
+    modalObserver = new MutationObserver(topChanged);
+    modalObserver.observe(document.documentElement, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["open"]
+    });
+  }
+  return () => {
+    modalListeners.delete(listener);
+    if (modalListeners.size === 0) {
+      modalObserver?.disconnect();
+      modalObserver = null;
+    }
+  };
+}
+function modalSnapshotNow() {
+  return modalObserver ? modalSnapshot : modalTarget();
+}
+var entered = /* @__PURE__ */ new Set();
+function ToastRow({ item }) {
+  const label = item.action?.label ?? (item.kind === "bad" ? TOAST_CLOSE_LABEL : void 0);
+  const row = useRef2(null);
+  const first = useRef2(!entered.has(item.id));
+  useEffect2(() => {
+    entered.add(item.id);
+    const el = row.current;
+    if (!el) return;
+    syncToastPause(item.id, {
+      pointer: el.matches(":hover"),
+      focus: el.contains(document.activeElement)
+    });
+  }, [item.id]);
+  const run = () => {
+    dismissToast(item.id);
+    item.action?.onClick();
+  };
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref: row,
+      className: first.current ? "band-plugin-react-toast" : "band-plugin-react-toast band-plugin-react-toast-again",
+      role: item.kind === "bad" ? "alert" : void 0,
+      onPointerEnter: () => pauseToast(item.id, "pointer"),
+      onPointerLeave: () => resumeToast(item.id, "pointer"),
+      onFocus: () => pauseToast(item.id, "focus"),
+      onBlur: () => resumeToast(item.id, "focus"),
+      onKeyDown: withImeGuard2((e) => {
+        if (e.key !== "Escape") return;
+        e.preventDefault();
+        e.stopPropagation();
+        dismissToast(item.id);
+      }),
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: `band-plugin-react-toast-icon ${item.kind}`, "aria-hidden": "true", children: item.kind === "ok" ? "\u2713" : item.kind === "bad" ? "!" : "" }),
+        /* @__PURE__ */ jsxs3("span", { className: "band-plugin-react-toast-text", children: [
+          item.text,
+          item.detail ? /* @__PURE__ */ jsx3("small", { className: "band-plugin-react-toast-detail", children: item.detail }) : null
+        ] }),
+        label ? /* @__PURE__ */ jsx3("button", { type: "button", className: "band-plugin-react-toast-act", onClick: run, children: label }) : /* @__PURE__ */ jsx3("span", {})
+      ]
+    }
+  );
+}
+function ToastHost() {
+  const items = useSyncExternalStore(subscribeToasts, toastsSnapshot, emptyToasts);
+  const watching = items.length > 0;
+  const target = useSyncExternalStore(
+    watching ? subscribeModals : noSubscribe,
+    watching ? modalSnapshotNow : noTarget,
+    noTarget
+  );
+  useEffect2(() => {
+    if (items.length === 0) {
+      entered.clear();
+      return;
+    }
+    const live = new Set(items.map((item) => item.id));
+    for (const id of entered) if (!live.has(id)) entered.delete(id);
+  }, [items]);
+  const stack = /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "band-plugin-react-toast-stack",
+      "aria-label": "\u901A\u77E5",
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": "false",
+      children: items.map((item) => /* @__PURE__ */ jsx3(ToastRow, { item }, item.id))
+    }
+  );
+  return target ? createPortal(stack, target) : stack;
+}
+function noSubscribe() {
+  return () => {
+  };
+}
+function noTarget() {
+  return null;
+}
+
+// src/person-picker.tsx
+import { withImeGuard as withImeGuard3 } from "@kanyun-ai-infra/band-plugin-sdk/keys";
+import { useCallback, useEffect as useEffect3, useId as useId2, useLayoutEffect, useMemo as useMemo2, useRef as useRef3, useState as useState2 } from "react";
+
+// src/person-picker-model.ts
+function normChain(chain) {
+  const parts = chain.split("/").filter(Boolean);
+  return parts.length === 0 ? "/" : `/${parts.join("/")}/`;
+}
+function chainUnder(person, org) {
+  return normChain(person).startsWith(normChain(org));
+}
+function orgCheck(org, picked, blocked) {
+  if (org.chain === void 0 || org.count === void 0) return null;
+  const chain = org.chain;
+  const blockedIds = new Set(
+    blocked.filter((b) => b.chain !== void 0 && chainUnder(b.chain, chain)).map((b) => b.id)
+  );
+  const selectedIds = new Set(
+    picked.filter((p) => p.chain !== void 0 && chainUnder(p.chain, chain) && !blockedIds.has(p.id)).map((p) => p.id)
+  );
+  const selectable = Math.max(0, org.count - blockedIds.size);
+  const selected = selectedIds.size;
+  const state = selected === 0 ? "off" : selectable > 0 && selected >= selectable ? "on" : "mixed";
+  return { state, selectable, selected };
+}
+function precheckOrgAdd(org, check, room) {
+  if (check.selectable === 0) return `${org.name}\u91CC\u7684\u4EBA\u90FD\u4E0D\u80FD\u9009`;
+  const need = check.selectable - check.selected;
+  if (room !== void 0 && need > room)
+    return `${org.name}\u8FD8\u6709 ${need} \u4EBA\u6CA1\u9009\uFF0C\u540D\u5355\u6700\u591A\u8FD8\u80FD\u52A0 ${room} \u4EBA\uFF0C\u6CA1\u6709\u52A0`;
+  return null;
+}
+function planOrgAdd(org, members, picked, blocked, room) {
+  const have = new Set(picked.map((p) => p.id));
+  const no = new Set(blocked.map((b) => b.id));
+  const seen = /* @__PURE__ */ new Set();
+  const add = [];
+  let skipped = 0;
+  for (const m of members) {
+    if (seen.has(m.id)) continue;
+    seen.add(m.id);
+    if (have.has(m.id) || no.has(m.id)) {
+      skipped++;
+      continue;
+    }
+    add.push(m);
+  }
+  if (room !== void 0 && add.length > room)
+    return { refuse: `${org.name}\u8FD8\u6709 ${add.length} \u4EBA\u6CA1\u9009\uFF0C\u540D\u5355\u6700\u591A\u8FD8\u80FD\u52A0 ${room} \u4EBA\uFF0C\u6CA1\u6709\u52A0` };
+  return { add, skipped };
+}
+function idsUnder(org, picked) {
+  const chain = org.chain;
+  if (chain === void 0) return [];
+  return picked.filter((p) => p.chain !== void 0 && chainUnder(p.chain, chain)).map((p) => p.id);
+}
+
+// src/person-picker.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var LDAP = /^[a-z][a-z0-9._-]{1,63}$/i;
+var SPLIT = /[\s,，、;；]+/;
+var MEMBERS_MAX = 500;
+function errorText(e) {
+  if (e instanceof Error && e.message) return e.message;
+  return "\u51FA\u9519\u4E86";
+}
+function useLoad(key, fn, delay = 0) {
+  const [load, setLoad] = useState2({ state: "idle" });
+  const [nonce, setNonce] = useState2(0);
+  const fnRef = useRef3(fn);
+  fnRef.current = fn;
+  useEffect3(() => {
+    if (key === null) {
+      setLoad({ state: "idle" });
+      return;
+    }
+    const ac = new AbortController();
+    setLoad({ state: "loading" });
+    const t = setTimeout(() => {
+      fnRef.current(ac.signal).then(
+        (data) => !ac.signal.aborted && setLoad({ state: "ok", data }),
+        (e) => !ac.signal.aborted && setLoad({ state: "error", message: errorText(e) })
+      );
+    }, delay);
+    return () => {
+      clearTimeout(t);
+      ac.abort();
+    };
+  }, [key, nonce, delay]);
+  return { load, reload: () => setNonce((n) => n + 1) };
+}
+function rowKey(r) {
+  switch (r.kind) {
+    case "up":
+      return `up:${r.depth}`;
+    case "here":
+      return `here:${r.org.id}`;
+    case "org":
+      return `org:${r.org.id}`;
+    case "person":
+      return `p:${r.person.id}`;
+    case "raw":
+      return `raw:${r.id}`;
+  }
+}
+function Tuning({ label }) {
+  return /* @__PURE__ */ jsxs4("output", { className: "band-plugin-react-pp-state", children: [
+    /* @__PURE__ */ jsx4("span", { className: "tuning band-plugin-react-pp-tuning", "aria-hidden": "true", children: /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 80 55", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx4("line", { x1: "0", y1: "11", x2: "80", y2: "11" }),
+      /* @__PURE__ */ jsx4("line", { x1: "0", y1: "22", x2: "80", y2: "22" }),
+      /* @__PURE__ */ jsx4("line", { x1: "0", y1: "33", x2: "80", y2: "33" }),
+      /* @__PURE__ */ jsx4("line", { x1: "0", y1: "44", x2: "80", y2: "44" }),
+      /* @__PURE__ */ jsx4("circle", { cx: "20", cy: "33", r: "4.5" }),
+      /* @__PURE__ */ jsx4("circle", { cx: "40", cy: "22", r: "4.5" }),
+      /* @__PURE__ */ jsx4("circle", { cx: "60", cy: "11", r: "4.5" })
+    ] }) }),
+    /* @__PURE__ */ jsx4("span", { children: label })
+  ] });
+}
+function TriBox({
+  state,
+  disabled,
+  onToggle,
+  label
+}) {
+  const ref = useRef3(null);
+  useLayoutEffect(() => {
+    if (ref.current) ref.current.indeterminate = state === "mixed";
+  }, [state]);
+  return /* @__PURE__ */ jsx4(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      className: "checkbox",
+      checked: state === "on",
+      disabled,
+      tabIndex: -1,
+      "aria-label": label,
+      "data-state": state,
+      onMouseDown: (e) => e.preventDefault(),
+      onClick: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onToggle();
+      },
+      onChange: () => {
+      }
+    }
+  );
+}
+function PersonSearch({
+  label,
+  directory,
+  picked,
+  onPick,
+  onUnpick,
+  multiple = false,
+  room,
+  disabled = [],
+  allowUnknown = false,
+  placeholder,
+  busy = false,
+  rootLabel = "\u5168\u90E8\u95E8",
+  onLearn,
+  defaultOpen = false,
+  defaultQuery = "",
+  defaultTrail = []
+}) {
+  const id = useId2();
+  const listId = `${id}-list`;
+  const [open, setOpen] = useState2(defaultOpen);
+  const [query, setQuery] = useState2(defaultQuery);
+  const [trail, setTrail] = useState2(defaultTrail);
+  const org = trail[trail.length - 1]?.id ?? null;
+  const [active, setActive] = useState2({
+    page: null,
+    i: 0
+  });
+  const [notice, setNotice] = useState2(null);
+  const [batch, setBatch] = useState2(null);
+  const input = useRef3(null);
+  const list = useRef3(null);
+  const host = useRef3(null);
+  const inflight = useRef3(null);
+  const begin = () => {
+    inflight.current?.abort();
+    setBatch(null);
+    const ac = new AbortController();
+    inflight.current = ac;
+    return ac;
+  };
+  const cancel = () => {
+    inflight.current?.abort();
+    inflight.current = null;
+    setBatch(null);
+  };
+  useEffect3(() => () => inflight.current?.abort(), []);
+  useEffect3(() => {
+    if (!open) cancel();
+  }, [open]);
+  const q = query.trim();
+  const browsing = q === "" && directory.browse !== void 0;
+  const pickedIds = useMemo2(() => new Set(picked.map((p) => p.id)), [picked]);
+  const blockedById = useMemo2(() => new Map(disabled.map((b) => [b.id, b.reason])), [disabled]);
+  const full = room !== void 0 && room <= 0;
+  const canTree = multiple && directory.members !== void 0;
+  const searchLoad = useLoad(
+    open && q !== "" ? `s:${q}` : null,
+    (signal) => directory.search(q, { signal }),
+    200
+  );
+  const browseLoad = useLoad(
+    open && browsing ? `b:${org ?? ""}` : null,
+    (signal) => {
+      if (!directory.browse) throw new Error("\u4E0D\u652F\u6301\u6309\u90E8\u95E8\u6D4F\u89C8");
+      const chain = trail[trail.length - 1]?.chain;
+      return directory.browse(org, { signal, ...chain ? { chain } : {} });
+    }
+  );
+  const current = browsing ? browseLoad : searchLoad;
+  const page = current.load.state === "ok" ? current.load.data : null;
+  const rows = useMemo2(() => {
+    if (!page) return [];
+    const out = [];
+    if (browsing && trail.length > 0) {
+      const parent = trail.length >= 2 ? trail[trail.length - 2] : void 0;
+      out.push({ kind: "up", depth: trail.length - 1, label: parent?.name ?? rootLabel });
+      const here = trail[trail.length - 1];
+      if (canTree && here) out.push({ kind: "here", org: here });
+    }
+    for (const o of page.orgs) out.push({ kind: "org", org: o });
+    for (const p of page.people) out.push({ kind: "person", person: p });
+    if (!browsing && allowUnknown && LDAP.test(q) && !page.people.some((p) => p.id === q) && !pickedIds.has(q) && // 不能选的人（已经是管理员这类）不给「按 ldap 加」的后门
+    !blockedById.has(q))
+      out.push({ kind: "raw", id: q });
+    return out;
+  }, [page, browsing, trail, canTree, allowUnknown, q, pickedIds, blockedById, rootLabel]);
+  const activeIndex = rows.length === 0 ? -1 : Math.min(active.page === page ? active.i : 0, rows.length - 1);
+  useEffect3(() => {
+    if (activeIndex < 0 || !list.current) return;
+    const el = list.current.querySelector(`[data-row="${activeIndex}"]`);
+    if (el) scrollIntoPanel(el);
+  }, [activeIndex]);
+  useEffect3(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (host.current && !host.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("pointerdown", onDown);
+    return () => document.removeEventListener("pointerdown", onDown);
+  }, [open]);
+  const reasonOf = useCallback(
+    (p) => {
+      const r = blockedById.get(p.id);
+      if (r) return r;
+      if (!multiple || pickedIds.has(p.id)) return null;
+      if (full) return "\u540D\u5355\u5DF2\u6EE1";
+      return null;
+    },
+    [blockedById, multiple, pickedIds, full]
+  );
+  const checkOf = useCallback(
+    (o) => canTree ? orgCheck(o, picked, disabled) : null,
+    [canTree, picked, disabled]
+  );
+  function choose(p) {
+    if (reasonOf(p)) return;
+    if (pickedIds.has(p.id)) {
+      if (multiple) onUnpick?.([p.id]);
+      return;
+    }
+    onPick([p]);
+    setNotice(null);
+    if (!multiple) {
+      setOpen(false);
+      setQuery("");
+    }
+  }
+  async function toggleOrg(o) {
+    const check = checkOf(o);
+    if (!check || !directory.members || batch) return;
+    if (check.state === "on") {
+      const ids = idsUnder(o, picked);
+      if (ids.length > 0) onUnpick?.(ids);
+      setNotice(`\u53D6\u6D88\u4E86${o.name}\u7684 ${ids.length} \u4EBA`);
+      return;
+    }
+    const pre = precheckOrgAdd(o, check, room);
+    if (pre) {
+      setNotice(pre);
+      return;
+    }
+    if (o.count !== void 0 && o.count > MEMBERS_MAX) {
+      setNotice(`${o.name}\u6709 ${o.count} \u4EBA\uFF0C\u8D85\u8FC7\u4E00\u6B21\u80FD\u52A0\u7684 ${MEMBERS_MAX} \u4EBA\uFF0C\u6CA1\u6709\u52A0`);
+      return;
+    }
+    const ac = begin();
+    const signal = ac.signal;
+    setBatch(o.id);
+    try {
+      const limit = Math.min(o.count ?? MEMBERS_MAX, MEMBERS_MAX);
+      const { people, total } = await directory.members(o.id, {
+        signal,
+        limit,
+        ...o.chain ? { chain: o.chain } : {}
+      });
+      if (signal.aborted) return;
+      if (total > people.length) {
+        setNotice(`${o.name}\u6709 ${total} \u4EBA\uFF0C\u8D85\u8FC7\u4E00\u6B21\u80FD\u52A0\u7684\u4EBA\u6570\uFF0C\u6CA1\u6709\u52A0`);
+        return;
+      }
+      const plan = planOrgAdd(o, people, picked, disabled, room);
+      if ("refuse" in plan) {
+        onLearn?.(people.filter((p) => p.chain));
+        setNotice(plan.refuse);
+        return;
+      }
+      if (plan.add.length > 0) onPick(plan.add);
+      onLearn?.(people.filter((p) => p.chain));
+      setNotice(
+        plan.add.length === 0 ? `${o.name}\u7684\u4EBA\u90FD\u5DF2\u7ECF\u9009\u4E86` : `\u52A0\u4E86${o.name}\u7684 ${plan.add.length} \u4EBA${plan.skipped > 0 ? `\uFF0C${plan.skipped} \u4EBA\u5DF2\u9009\u6216\u4E0D\u80FD\u9009` : ""}`
+      );
+    } catch (e) {
+      if (!signal.aborted) setNotice(`${o.name}\u7684\u4EBA\u6CA1\u53D6\u5230\uFF1A${errorText(e)}`);
+    } finally {
+      if (inflight.current === ac) {
+        inflight.current = null;
+        setBatch(null);
+      }
+    }
+  }
+  function activate(r) {
+    switch (r.kind) {
+      case "up":
+        setTrail(trail.slice(0, r.depth));
+        break;
+      case "org":
+        setTrail(browsing ? [...trail, r.org] : [r.org]);
+        setQuery("");
+        break;
+      case "here":
+        void toggleOrg(r.org);
+        break;
+      case "person":
+        choose(r.person);
+        break;
+      case "raw":
+        choose({ id: r.id, name: r.id, inBand: false });
+        if (multiple) setQuery("");
+        break;
+    }
+    input.current?.focus();
+  }
+  async function onPaste(e) {
+    const text = e.clipboardData.getData("text");
+    const parts = [...new Set(text.split(SPLIT).filter(Boolean))];
+    if (!multiple || parts.length < 2) return;
+    e.preventDefault();
+    const bad = parts.filter((x) => !LDAP.test(x));
+    const ids = parts.filter((x) => LDAP.test(x) && !pickedIds.has(x));
+    if (ids.length === 0) {
+      setNotice(bad.length > 0 ? `\u8FD9\u4E9B\u4E0D\u662F ldap\uFF0C\u6CA1\u6709\u52A0\uFF1A${bad.join("\u3001")}` : "\u7C98\u8D34\u7684\u4EBA\u90FD\u5DF2\u7ECF\u9009\u4E86");
+      return;
+    }
+    if (room !== void 0 && ids.length > room) {
+      setNotice(`\u7C98\u8D34\u4E86 ${ids.length} \u4E2A ldap\uFF0C\u540D\u5355\u6700\u591A\u8FD8\u80FD\u52A0 ${room} \u4EBA\uFF0C\u6CA1\u6709\u52A0`);
+      return;
+    }
+    let found = [];
+    let missing = ids;
+    let why;
+    if (directory.resolve) {
+      const signal = begin().signal;
+      try {
+        const r = await directory.resolve(ids, { signal });
+        if (signal.aborted) return;
+        found = r.people;
+        missing = r.missing;
+        why = r.fallback;
+      } catch (err) {
+        if (!signal.aborted) setNotice(`\u7C98\u8D34\u7684 ldap \u6CA1\u67E5\u6210\uFF1A${errorText(err)}`);
+        return;
+      }
+    }
+    const extra = allowUnknown ? missing.map((m) => ({ id: m, name: m, inBand: false })) : [];
+    const seen = /* @__PURE__ */ new Set();
+    const add = [...found, ...extra].filter(
+      (p) => !blockedById.has(p.id) && !seen.has(p.id) && seen.add(p.id)
+    );
+    if (add.length > 0) onPick(add);
+    const tail = [
+      !allowUnknown && missing.length > 0 ? `${missing.length} \u4E2A\u6CA1\u627E\u5230\uFF1A${missing.join("\u3001")}${why ? `\uFF08${why}\uFF09` : ""}` : "",
+      bad.length > 0 ? `\u8FD9\u4E9B\u4E0D\u662F ldap\uFF1A${bad.join("\u3001")}` : ""
+    ].filter(Boolean);
+    setNotice(`\u52A0\u4E86 ${add.length} \u4EBA${tail.length > 0 ? `\uFF1B${tail.join("\uFF1B")}` : ""}`);
+  }
+  const onKeyDown = withImeGuard3((e) => {
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      if (!open) return setOpen(true);
+      if (rows.length === 0) return;
+      const d = e.key === "ArrowDown" ? 1 : -1;
+      setActive({ page, i: (activeIndex + d + rows.length) % rows.length });
+      return;
+    }
+    if (e.key === "Enter") {
+      if (!open) return;
+      e.preventDefault();
+      const r = rows[activeIndex];
+      if (r) activate(r);
+      return;
+    }
+    if (e.key === " " && open && query === "") {
+      const r = rows[activeIndex];
+      if (r?.kind === "org" || r?.kind === "here") {
+        e.preventDefault();
+        void toggleOrg(r.org);
+      } else if (r?.kind === "person" && multiple) {
+        e.preventDefault();
+        choose(r.person);
+      }
+      return;
+    }
+    if (e.key === "ArrowRight" && open && query === "") {
+      const r = rows[activeIndex];
+      if (r?.kind === "org") {
+        e.preventDefault();
+        activate(r);
+      }
+      return;
+    }
+    if ((e.key === "ArrowLeft" || e.key === "Backspace") && open && query === "" && browsing && trail.length > 0) {
+      e.preventDefault();
+      setTrail(trail.slice(0, -1));
+      return;
+    }
+    if (e.key === "Escape" && open) {
+      e.preventDefault();
+      e.stopPropagation();
+      setOpen(false);
+    }
+  });
+  const activeId = activeIndex >= 0 ? `${id}-r${activeIndex}` : void 0;
+  const ph = !multiple && picked.length > 0 ? "\u6362\u4E00\u4E2A\u4EBA" : full ? "\u540D\u5355\u5DF2\u6EE1" : placeholder ?? (directory.browse ? "\u641C\u59D3\u540D\u3001ldap \u6216\u90E8\u95E8" : "\u641C\u59D3\u540D\u6216 ldap");
+  let body;
+  if (!browsing && q === "" || browsing && page?.fallback && page.orgs.length === 0 && page.people.length === 0) {
+    body = /* @__PURE__ */ jsx4("div", { className: "band-plugin-react-pp-state", children: "\u8F93\u5165\u59D3\u540D\u6216 ldap \u67E5\u627E" });
+  } else if (current.load.state === "loading" || current.load.state === "idle") {
+    body = /* @__PURE__ */ jsx4(Tuning, { label: browsing ? "\u6B63\u5728\u8BFB\u7EC4\u7EC7\u67B6\u6784" : "\u6B63\u5728\u67E5" });
+  } else if (current.load.state === "error") {
+    body = /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-state band-plugin-react-retry", role: "alert", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-error", children: [
+        browsing ? "\u7EC4\u7EC7\u67B6\u6784\u6CA1\u8BFB\u51FA\u6765" : "\u6CA1\u67E5\u6210",
+        "\uFF1A",
+        current.load.message
+      ] }),
+      /* @__PURE__ */ jsx4("button", { type: "button", className: "btn sm", onClick: current.reload, children: "\u91CD\u8BD5" })
+    ] });
+  } else if (rows.length === 0) {
+    body = /* @__PURE__ */ jsx4("div", { className: "band-plugin-react-pp-state", children: browsing ? "\u8FD9\u4E2A\u90E8\u95E8\u6CA1\u6709\u4EBA" : `\u6CA1\u6709\u627E\u5230\u300C${q}\u300D` });
+  } else {
+    body = // biome-ignore lint/a11y/useFocusableInteractive: 焦点留在输入框，列表靠 aria-activedescendant
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: "band-plugin-react-pp-list",
+        role: "listbox",
+        id: listId,
+        ref: list,
+        "aria-label": `${label}\u7684\u5019\u9009`,
+        "aria-multiselectable": multiple || void 0,
+        children: rows.map((r, i) => /* @__PURE__ */ jsx4(
+          RowView,
+          {
+            row: r,
+            index: i,
+            optionId: `${id}-r${i}`,
+            active: i === activeIndex,
+            multiple,
+            picked: r.kind === "person" && pickedIds.has(r.person.id),
+            reason: r.kind === "person" ? reasonOf(r.person) : null,
+            check: r.kind === "org" || r.kind === "here" ? checkOf(r.org) : null,
+            batching: (r.kind === "org" || r.kind === "here") && batch === r.org.id,
+            query: browsing ? "" : q,
+            onHover: () => setActive({ page, i }),
+            onActivate: () => activate(r),
+            onToggleOrg: (o) => {
+              void toggleOrg(o);
+              input.current?.focus();
+            }
+          },
+          rowKey(r)
+        ))
+      }
+    );
+  }
+  const reason = page?.fallback ?? directory.unavailable;
+  const chosen = !multiple ? picked[0] : void 0;
+  return /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp", ref: host, children: [
+    /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-field field-host", children: [
+      /* @__PURE__ */ jsxs4("svg", { className: "band-plugin-react-pp-icon", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx4("circle", { cx: "7", cy: "7", r: "4.5" }),
+        /* @__PURE__ */ jsx4("path", { d: "M10.5 10.5 14 14" })
+      ] }),
+      chosen && /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-chosen", children: [
+        /* @__PURE__ */ jsx4(Avatar, { id: chosen.id, name: chosen.name, size: "xs", decorative: true }),
+        chosen.name,
+        chosen.name !== chosen.id && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-id", children: chosen.id }),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            "aria-label": `\u6362\u6389${chosen.name}`,
+            onClick: () => {
+              onUnpick?.([chosen.id]);
+              input.current?.focus();
+            },
+            children: "\xD7"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          ref: input,
+          className: "field bare",
+          role: "combobox",
+          "aria-label": label,
+          "aria-expanded": open,
+          "aria-controls": listId,
+          "aria-autocomplete": "list",
+          "aria-activedescendant": open ? activeId : void 0,
+          value: query,
+          placeholder: ph,
+          disabled: busy,
+          autoComplete: "off",
+          onFocus: () => setOpen(true),
+          onClick: () => setOpen(true),
+          onChange: (e) => {
+            setQuery(e.target.value);
+            setOpen(true);
+            setNotice(null);
+          },
+          onKeyDown,
+          onPaste: (e) => void onPaste(e)
+        }
+      )
+    ] }),
+    notice && /* @__PURE__ */ jsx4("output", { className: "band-plugin-react-pp-notice", children: notice }),
+    open && !busy && /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-pop", children: [
+      reason && /* @__PURE__ */ jsx4("div", { className: "band-plugin-react-pp-fallback", children: reason }),
+      browsing && /* @__PURE__ */ jsxs4("nav", { className: "band-plugin-react-pp-trail", "aria-label": "\u90E8\u95E8\u8DEF\u5F84", children: [
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            onClick: () => setTrail([]),
+            "aria-current": trail.length === 0 ? "location" : void 0,
+            children: rootLabel
+          }
+        ),
+        trail.map((t, i) => /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "/" }),
+          /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              onClick: () => setTrail(trail.slice(0, i + 1)),
+              "aria-current": i === trail.length - 1 ? "location" : void 0,
+              children: t.name
+            }
+          )
+        ] }, t.id))
+      ] }),
+      body,
+      page?.truncated && !browsing && /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-sub band-plugin-react-pp-foot", children: [
+        "\u53EA\u663E\u793A\u4E86\u524D ",
+        page.people.length,
+        " \u4EBA\uFF0C\u6362\u4E2A\u66F4\u51C6\u7684\u8BCD"
+      ] })
+    ] })
+  ] });
+}
+function mark(text, q) {
+  if (q === "") return text;
+  const i = text.toLowerCase().indexOf(q.toLowerCase());
+  if (i < 0) return text;
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    text.slice(0, i),
+    /* @__PURE__ */ jsx4("mark", { children: text.slice(i, i + q.length) }),
+    text.slice(i + q.length)
+  ] });
+}
+function checkLabel(o, check) {
+  if (check.state === "on") return `\u53D6\u6D88${o.name}\u5168\u90E8 ${check.selectable} \u4EBA`;
+  return `\u9009${o.name}\u5168\u90E8 ${check.selectable} \u4EBA${check.selected > 0 ? `\uFF08\u5DF2\u9009 ${check.selected} \u4EBA\uFF09` : ""}`;
+}
+function RowView({
+  row,
+  index,
+  optionId,
+  active,
+  multiple,
+  picked,
+  reason,
+  check,
+  batching,
+  query,
+  onHover,
+  onActivate,
+  onToggleOrg
+}) {
+  const cls = `band-plugin-react-pp-row${active ? " is-active" : ""}${reason ? " is-off" : ""}`;
+  const common = {
+    id: optionId,
+    role: "option",
+    "data-row": index,
+    "aria-selected": active,
+    className: cls,
+    onMouseMove: onHover,
+    onMouseDown: (e) => e.preventDefault(),
+    onClick: () => onActivate()
+  };
+  switch (row.kind) {
+    case "up":
+      return /* @__PURE__ */ jsxs4("div", { ...common, children: [
+        /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-chev", "aria-hidden": "true", children: "\u2039" }),
+        /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-name", children: [
+          "\u8FD4\u56DE ",
+          row.label
+        ] })
+      ] });
+    case "here":
+      return /* @__PURE__ */ jsxs4("div", { ...common, "aria-checked": check ? check.state === "on" : void 0, children: [
+        check && /* @__PURE__ */ jsx4(
+          TriBox,
+          {
+            state: check.state,
+            disabled: check.selectable === 0 || batching,
+            label: checkLabel(row.org, check),
+            onToggle: () => onToggleOrg(row.org)
+          }
+        ),
+        /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-main", children: /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-name", children: batching ? "\u6B63\u5728\u53D6\u90E8\u95E8\u7684\u4EBA\u2026" : `\u6574\u4E2A${row.org.name}` }) }),
+        check && /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-meta", children: [
+          check.selected > 0 ? `\u5DF2\u9009 ${check.selected} / ` : "",
+          check.selectable,
+          " \u4EBA"
+        ] })
+      ] });
+    case "org":
+      return /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          ...common,
+          "aria-checked": check ? check.state === "mixed" ? "mixed" : check.state === "on" : void 0,
+          children: [
+            check ? /* @__PURE__ */ jsx4(
+              TriBox,
+              {
+                state: check.state,
+                disabled: check.selectable === 0 || batching,
+                label: checkLabel(row.org, check),
+                onToggle: () => onToggleOrg(row.org)
+              }
+            ) : /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-dept", "aria-hidden": "true", children: /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx4("rect", { x: "2", y: "3", width: "12", height: "10", rx: "2" }),
+              /* @__PURE__ */ jsx4("path", { d: "M2 6.5h12" })
+            ] }) }),
+            /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-main", children: [
+              /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-name", children: batching ? "\u6B63\u5728\u53D6\u90E8\u95E8\u7684\u4EBA\u2026" : mark(row.org.name, query) }),
+              query !== "" && row.org.path && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-sub", children: row.org.path })
+            ] }),
+            row.org.count !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-meta", children: [
+              check && check.selected > 0 ? `\u5DF2\u9009 ${check.selected} / ` : "",
+              row.org.count,
+              " \u4EBA"
+            ] }),
+            /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-chev", "aria-hidden": "true", children: "\u203A" })
+          ]
+        }
+      );
+    case "person": {
+      const p = row.person;
+      return /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          ...common,
+          "aria-disabled": reason ? true : void 0,
+          "aria-checked": multiple ? picked : void 0,
+          children: [
+            multiple && /* @__PURE__ */ jsx4(
+              "input",
+              {
+                type: "checkbox",
+                className: "checkbox",
+                checked: picked,
+                readOnly: true,
+                tabIndex: -1,
+                "aria-hidden": "true",
+                disabled: !!reason
+              }
+            ),
+            /* @__PURE__ */ jsx4(Avatar, { id: p.id, name: p.name, size: "sm", decorative: true }),
+            /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-main", children: [
+              /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-name", children: [
+                mark(p.name, query),
+                " ",
+                /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-id", children: mark(p.id, query) })
+              ] }),
+              (reason || p.path) && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-sub", children: reason ?? p.path })
+            ] }),
+            !multiple && picked && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-meta", children: "\u5DF2\u9009" })
+          ]
+        }
+      );
+    }
+    case "raw":
+      return /* @__PURE__ */ jsxs4("div", { ...common, children: [
+        /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-all", "aria-hidden": "true", children: "\uFF0B" }),
+        /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-main", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-name", children: [
+            "\u6309 ldap \u52A0\u300C",
+            row.id,
+            "\u300D"
+          ] }),
+          /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-sub", children: "\u7EC4\u7EC7\u67B6\u6784\u91CC\u6CA1\u6709\u8FD9\u4E2A\u4EBA\uFF0C\u540D\u5B57\u5148\u663E\u793A ldap" })
+        ] })
+      ] });
+  }
+}
+function PersonPicker({
+  value,
+  onChange,
+  max,
+  readOnly = false,
+  confirmRemove = false,
+  emptyText = "\u8FD8\u6CA1\u6709\u4EBA",
+  locked = {},
+  addSlot,
+  label,
+  ...search
+}) {
+  const [confirming, setConfirming] = useState2(null);
+  const room = max === void 0 ? void 0 : Math.max(0, max - value.length);
+  const remove = (id) => {
+    onChange(value.filter((p) => p.id !== id));
+    setConfirming(null);
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-picker", children: [
+    value.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "band-plugin-react-pp-empty", children: emptyText }) : /* @__PURE__ */ jsx4(
+      "ul",
+      {
+        className: "band-plugin-react-pp-people",
+        "aria-label": `${label}\uFF1A\u5DF2\u9009 ${value.length} \u4EBA`,
+        children: value.map((p) => /* @__PURE__ */ jsxs4("li", { className: "band-plugin-react-pp-person", children: [
+          /* @__PURE__ */ jsx4(Avatar, { id: p.id, name: p.name, size: "md", decorative: true }),
+          /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-main", children: [
+            /* @__PURE__ */ jsxs4("span", { className: "band-plugin-react-pp-name", children: [
+              p.name,
+              " ",
+              p.name !== p.id && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-id", children: p.id })
+            ] }),
+            (p.path || p.inBand === false) && /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-sub", children: [p.path, p.inBand === false ? "\u6CA1\u767B\u5F55\u8FC7 Band" : ""].filter(Boolean).join(" \xB7 ") })
+          ] }),
+          readOnly ? null : locked[p.id] ? /* @__PURE__ */ jsx4("span", { className: "band-plugin-react-pp-meta", children: locked[p.id] }) : confirming === p.id ? /* @__PURE__ */ jsxs4(
+            "span",
+            {
+              className: "band-plugin-react-pp-confirm",
+              role: "group",
+              "aria-label": `\u786E\u8BA4\u79FB\u51FA${p.name}`,
+              children: [
+                /* @__PURE__ */ jsxs4("span", { children: [
+                  "\u79FB\u51FA",
+                  p.name,
+                  "\uFF1F"
+                ] }),
+                /* @__PURE__ */ jsx4("button", { type: "button", className: "btn sm danger", onClick: () => remove(p.id), children: "\u79FB\u51FA" }),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    className: "btn sm ghost",
+                    onClick: () => setConfirming(null),
+                    children: "\u53D6\u6D88"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: "btn ghost sm",
+              "aria-label": `\u79FB\u51FA${p.name}`,
+              disabled: search.busy,
+              onClick: () => confirmRemove ? setConfirming(p.id) : remove(p.id),
+              children: "\u79FB\u51FA"
+            }
+          )
+        ] }, p.id))
+      }
+    ),
+    !readOnly && addSlot,
+    !readOnly && !addSlot && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx4(
+        PersonSearch,
+        {
+          ...search,
+          label,
+          multiple: true,
+          picked: value,
+          room,
+          onPick: (people) => {
+            const have = new Set(value.map((p) => p.id));
+            const fresh = [];
+            for (const p of people)
+              if (!have.has(p.id)) {
+                have.add(p.id);
+                fresh.push(p);
+              }
+            onChange([...value, ...fresh]);
+          },
+          onUnpick: (ids) => {
+            const drop = new Set(ids.filter((i) => !locked[i]));
+            onChange(value.filter((p) => !drop.has(p.id)));
+          }
+        }
+      ),
+      max !== void 0 && /* @__PURE__ */ jsxs4("div", { className: "band-plugin-react-pp-count", children: [
+        value.length,
+        " / ",
+        max,
+        " \u4EBA"
+      ] })
+    ] })
+  ] });
+}
+function peopleDirectory(api) {
+  return {
+    search: (q) => api.search(q),
+    browse: (id, o) => api.org(id, o.chain ? { chain: o.chain } : {}),
+    members: (id, o) => api.members(id, { limit: o.limit, ...o.chain ? { chain: o.chain } : {} }),
+    resolve: (ids) => api.resolve(ids)
+  };
+}
+
+// src/settings/kit.tsx
+import {
+  useEffect as useEffect4,
+  useId as useId3,
+  useRef as useRef4
+} from "react";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function settingsLinkHandler(go, target) {
+  return (e) => {
+    if (!go) return;
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    e.preventDefault();
+    go(target);
+  };
+}
+function SettingsLayout({
+  navLabel,
+  title,
+  obj,
+  crumb,
+  groups,
+  current,
+  view = "page",
+  back,
+  backMobile,
+  onNavigate,
+  mainRef,
+  children
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf", "data-view": view, children: [
+    /* @__PURE__ */ jsxs5("nav", { className: "band-sf-nav", "aria-label": navLabel, children: [
+      /* @__PURE__ */ jsxs5("div", { className: "band-sf-head", children: [
+        crumb ? /* @__PURE__ */ jsx5("div", { className: "band-sf-crumb", children: crumb }) : null,
+        /* @__PURE__ */ jsx5("span", { className: "band-sf-title", children: title }),
+        !crumb && obj ? /* @__PURE__ */ jsx5("span", { className: "band-sf-obj", children: obj }) : null
+      ] }),
+      groups.map((g) => /* @__PURE__ */ jsxs5("div", { className: "band-sf-grp", children: [
+        /* @__PURE__ */ jsx5("span", { children: g.group }),
+        g.sections.map((s) => /* @__PURE__ */ jsxs5(
+          "a",
+          {
+            href: s.href,
+            "aria-current": s.slug === current ? "page" : void 0,
+            onClick: settingsLinkHandler(onNavigate, s),
+            children: [
+              s.title,
+              s.glyph ?? null,
+              /* @__PURE__ */ jsx5("span", { className: "band-sf-chev", "aria-hidden": "true", children: "\u203A" })
+            ]
+          },
+          s.slug
+        ))
+      ] }, g.group))
+    ] }),
+    /* @__PURE__ */ jsx5("div", { className: "band-sf-scroll", children: /* @__PURE__ */ jsxs5("main", { className: "band-sf-main", "data-view": view, ref: mainRef, children: [
+      view === "page" && back ? /* @__PURE__ */ jsx5(SettingsBack, { target: back, onNavigate }) : null,
+      view === "page" && backMobile ? /* @__PURE__ */ jsx5(SettingsBack, { target: backMobile, onNavigate, mobileOnly: true }) : null,
+      children
+    ] }) })
+  ] });
+}
+function SettingsBack({
+  target,
+  onNavigate,
+  mobileOnly = false
+}) {
+  return /* @__PURE__ */ jsxs5(
+    "a",
+    {
+      className: mobileOnly ? "band-sf-back band-sf-back-m" : "band-sf-back",
+      href: target.href,
+      onClick: settingsLinkHandler(onNavigate, target),
+      children: [
+        /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2039" }),
+        " ",
+        target.label
+      ]
+    }
+  );
+}
+function SettingsHead({
+  title,
+  desc,
+  action
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf-h", children: [
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx5("h1", { children: title }),
+      desc ? /* @__PURE__ */ jsx5("p", { children: desc }) : null
+    ] }),
+    action ? /* @__PURE__ */ jsx5("div", { className: "band-sf-h-a", children: action }) : null
+  ] });
+}
+function SettingsRows({ label, children }) {
+  return /* @__PURE__ */ jsx5("ul", { className: "band-sf-rows", "aria-label": label, children });
+}
+var warnedExtra = false;
+function warnExtraWithOpen() {
+  const env = globalThis.process?.env?.NODE_ENV;
+  if (warnedExtra || env === void 0 || env === "production") return;
+  warnedExtra = true;
+  console.warn("SettingsRow\uFF1Aextra \u4E0E onOpen \u4E0D\u8981\u540C\u65F6\u7ED9\uFF0C\u6574\u884C\u94FE\u63A5\u4F1A\u76D6\u4F4F\u5C55\u5F00\u7684\u90A3\u4E00\u5757");
+}
+function SettingsRow({
+  title,
+  tags,
+  meta,
+  actions,
+  leading,
+  href,
+  onOpen,
+  mono = false,
+  isNew = false,
+  extra
+}) {
+  if (extra && onOpen) warnExtraWithOpen();
+  const name = /* @__PURE__ */ jsx5("b", { className: mono ? "band-sf-mono" : void 0, children: title });
+  const cls = ["band-sf-row", leading ? "has-lead" : "", isNew ? "is-new" : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs5("li", { className: cls, children: [
+    leading ? /* @__PURE__ */ jsx5("div", { className: "band-sf-row-l", children: leading }) : null,
+    /* @__PURE__ */ jsxs5("div", { className: "band-sf-row-t", children: [
+      onOpen ? /* @__PURE__ */ jsx5(
+        "a",
+        {
+          className: "band-sf-row-link",
+          href: href ?? "#",
+          onClick: (e) => {
+            if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+            e.preventDefault();
+            onOpen();
+          },
+          children: name
+        }
+      ) : name,
+      tags
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "band-sf-row-a", children: [
+      actions,
+      onOpen ? /* @__PURE__ */ jsx5("span", { className: "band-sf-chev", "aria-hidden": "true", children: "\u203A" }) : null
+    ] }),
+    meta && meta.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "band-sf-row-m", children: meta.map((m, i) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: 元信息是一串短句，没有稳定 id
+      /* @__PURE__ */ jsx5("span", { children: m }, i)
+    )) }) : null,
+    extra ? /* @__PURE__ */ jsx5("div", { className: "band-sf-row-x", children: extra }) : null
+  ] });
+}
+function SettingsFacts({ items }) {
+  return /* @__PURE__ */ jsx5("dl", { className: "band-sf-facts", children: items.map((f) => /* @__PURE__ */ jsxs5("div", { className: "band-sf-fact", children: [
+    /* @__PURE__ */ jsx5("dt", { children: f.key }),
+    /* @__PURE__ */ jsx5("dd", { children: f.value })
+  ] }, f.key)) });
+}
+function SettingsSection({
+  title,
+  desc,
+  children
+}) {
+  return /* @__PURE__ */ jsxs5("section", { className: "band-sf-sec", "aria-label": title, children: [
+    /* @__PURE__ */ jsx5("h2", { children: title }),
+    desc ? /* @__PURE__ */ jsx5("p", { children: desc }) : null,
+    children
+  ] });
+}
+function SettingsSingle({ label, children }) {
+  return /* @__PURE__ */ jsx5("section", { className: "band-sf-one", "aria-label": label, children });
+}
+function SettingsChoices({ children }) {
+  return /* @__PURE__ */ jsx5("div", { className: "band-sf-choices", children });
+}
+function SettingsPicks({
+  label,
+  value,
+  onChange,
+  options,
+  disabled = false
+}) {
+  const id = useId3();
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf-fld", children: [
+    /* @__PURE__ */ jsx5("span", { className: "band-sf-blks-l", id: `${id}-l`, children: label }),
+    /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: `band-sf-blks band-sf-blks-${options.length === 2 ? 2 : 3}`,
+        role: "radiogroup",
+        "aria-labelledby": `${id}-l`,
+        children: options.map((o) => /* @__PURE__ */ jsxs5("label", { className: o.value === value ? "band-sf-blk is-on" : "band-sf-blk", children: [
+          /* @__PURE__ */ jsx5(
+            "input",
+            {
+              type: "radio",
+              className: "sr-only",
+              name: id,
+              value: o.value,
+              checked: o.value === value,
+              disabled,
+              onChange: () => onChange(o.value)
+            }
+          ),
+          /* @__PURE__ */ jsx5("b", { children: o.label }),
+          o.line ? /* @__PURE__ */ jsx5("small", { children: o.line }) : null
+        ] }, o.value))
+      }
+    )
+  ] });
+}
+function SettingsDanger({ children }) {
+  return /* @__PURE__ */ jsxs5("section", { className: "band-sf-dz", "aria-label": "\u5371\u9669\u64CD\u4F5C", children: [
+    /* @__PURE__ */ jsx5("h2", { children: "\u5371\u9669\u64CD\u4F5C" }),
+    children
+  ] });
+}
+function SettingsDangerRow({
+  title,
+  note,
+  action
+}) {
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf-dz-r", children: [
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx5("b", { children: title }),
+      /* @__PURE__ */ jsx5("span", { children: note })
+    ] }),
+    action
+  ] });
+}
+function SettingsLoading({ text }) {
+  return /* @__PURE__ */ jsx5("output", { className: "band-sf-load", children: /* @__PURE__ */ jsxs5("span", { className: "tuning", children: [
+    /* @__PURE__ */ jsxs5("svg", { viewBox: "0 0 80 55", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx5("line", { x1: "0", y1: "12", x2: "80", y2: "12" }),
+      /* @__PURE__ */ jsx5("line", { x1: "0", y1: "22", x2: "80", y2: "22" }),
+      /* @__PURE__ */ jsx5("line", { x1: "0", y1: "32", x2: "80", y2: "32" }),
+      /* @__PURE__ */ jsx5("line", { x1: "0", y1: "42", x2: "80", y2: "42" }),
+      /* @__PURE__ */ jsx5("line", { x1: "0", y1: "52", x2: "80", y2: "52" }),
+      /* @__PURE__ */ jsx5("circle", { cx: "20", cy: "37", r: "4.6", fill: "var(--ink)" }),
+      /* @__PURE__ */ jsx5("circle", { cx: "40", cy: "27", r: "4.6", fill: "var(--accent)" }),
+      /* @__PURE__ */ jsx5("circle", { cx: "60", cy: "17", r: "4.6", fill: "var(--ink)" })
+    ] }),
+    /* @__PURE__ */ jsx5("span", { children: text })
+  ] }) });
+}
+function SettingsEmpty({ children, action }) {
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf-empty rest", children: [
+    /* @__PURE__ */ jsx5("i", {}),
+    /* @__PURE__ */ jsx5("p", { children }),
+    action ?? null
+  ] });
+}
+function SettingsReadError({ children, retry }) {
+  return /* @__PURE__ */ jsx5("div", { className: "band-sf-error", children: /* @__PURE__ */ jsx5(ErrorNote, { retry, children }) });
+}
+function SettingsNoAccess({
+  title,
+  children,
+  action
+}) {
+  const id = useId3();
+  return /* @__PURE__ */ jsxs5("section", { className: "band-settings-no-access", "aria-labelledby": id, children: [
+    /* @__PURE__ */ jsx5("h2", { id, children: title }),
+    /* @__PURE__ */ jsx5("p", { children }),
+    action ? /* @__PURE__ */ jsx5("button", { type: "button", className: "btn", onClick: action.onClick, children: action.label }) : null
+  ] });
+}
+function SettingsNotice({ text }) {
+  return /* @__PURE__ */ jsx5("output", { className: "sr-only", "aria-live": "polite", children: text });
+}
+function SettingsSaved({ text = "\u5DF2\u4FDD\u5B58" }) {
+  return /* @__PURE__ */ jsx5("output", { className: "band-sf-ok", children: text });
+}
+function SettingsDialog({
+  title,
+  children,
+  actions,
+  onClose
+}) {
+  const ref = useRef4(null);
+  const titleId = useId3();
+  useEffect4(() => {
+    const el = ref.current;
+    const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    if (el && !el.open) {
+      if (typeof el.showModal === "function") el.showModal();
+      else el.setAttribute("open", "");
+    }
+    return () => {
+      if (opener?.isConnected) opener.focus();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs5(
+    "dialog",
+    {
+      ref,
+      className: "band-sf-dialog",
+      "aria-labelledby": titleId,
+      onCancel: (e) => {
+        e.preventDefault();
+        onClose();
+      },
+      children: [
+        /* @__PURE__ */ jsx5("h2", { id: titleId, children: title }),
+        children,
+        /* @__PURE__ */ jsx5("div", { className: "band-sf-acts band-sf-acts-end", children: actions })
+      ]
+    }
+  );
+}
+function SettingsForm({
+  label,
+  onSubmit,
+  children
+}) {
+  return /* @__PURE__ */ jsx5(
+    "form",
+    {
+      className: "band-sf-form",
+      "aria-label": label,
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSubmit?.();
+      },
+      children
+    }
+  );
+}
+function SettingsField({
+  label,
+  required = false,
+  optional = false,
+  hint,
+  error,
+  count,
+  over = false,
+  children
+}) {
+  const id = useId3();
+  const noteId = `${id}-note`;
+  const note = error ?? hint;
+  const props = { id };
+  if (note) props["aria-describedby"] = `${noteId}-t`;
+  if (error) props["aria-invalid"] = true;
+  return /* @__PURE__ */ jsxs5("div", { className: "band-sf-fld", children: [
+    /* @__PURE__ */ jsxs5("label", { htmlFor: id, children: [
+      label,
+      required ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        " ",
+        /* @__PURE__ */ jsx5("span", { className: "band-sf-req", children: "\u5FC5\u586B" })
+      ] }) : optional ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        " ",
+        /* @__PURE__ */ jsx5("span", { className: "band-sf-optional", children: "\u9009\u586B" })
+      ] }) : null
+    ] }),
+    children(props),
+    note || count ? (
+      // 出错的话当场播报：校验被拦时焦点不动，读屏不会自己走到这一行
+      /* @__PURE__ */ jsxs5(
+        "p",
+        {
+          className: error ? "field-note err" : "field-note",
+          id: noteId,
+          role: error ? "alert" : void 0,
+          children: [
+            note ? /* @__PURE__ */ jsx5("span", { id: `${noteId}-t`, children: note }) : null,
+            count ? /* @__PURE__ */ jsx5("span", { className: over ? "field-count over" : "field-count", children: count }) : null
+          ]
+        }
+      )
+    ) : null
+  ] });
+}
+function SettingsActions({
+  children,
+  end = false
+}) {
+  return /* @__PURE__ */ jsx5("div", { className: end ? "band-sf-acts band-sf-acts-end" : "band-sf-acts", children });
+}
+function SettingsSaveState({
+  saving,
+  saved,
+  failed,
+  missing
+}) {
+  if (failed)
+    return /* @__PURE__ */ jsx5("p", { className: "band-sf-err", role: "alert", children: failed });
+  if (saved) return /* @__PURE__ */ jsx5(SettingsSaved, { text: saved === true ? "\u5DF2\u4FDD\u5B58" : saved });
+  const text = saving ?? missing;
+  if (!text) return /* @__PURE__ */ jsx5("span", { className: "band-sf-state", "aria-live": "polite" });
+  return /* @__PURE__ */ jsx5("span", { className: "band-sf-state", "aria-live": "polite", children: text });
+}
+
+export {
+  ErrorNote,
+  InfoNote,
+  PaneHeader,
+  avatarTone,
+  memberOrder,
+  avatarInitial,
+  Avatar,
+  Glyph,
+  agentInstrument,
+  AgentAvatar,
+  INSTRUMENTS,
+  instrumentOf,
+  WorkshopIcon,
+  WorkshopEmblem,
+  BandMark,
+  LogoLockup,
+  Combobox,
+  splitTags,
+  TagInput,
+  facetedCount,
+  filterRows,
+  FilterMenu,
+  toast,
+  dismissToast,
+  dismissAllToasts,
+  ToastHost,
+  PersonSearch,
+  PersonPicker,
+  peopleDirectory,
+  settingsLinkHandler,
+  SettingsLayout,
+  SettingsBack,
+  SettingsHead,
+  SettingsRows,
+  SettingsRow,
+  SettingsFacts,
+  SettingsSection,
+  SettingsSingle,
+  SettingsChoices,
+  SettingsPicks,
+  SettingsDanger,
+  SettingsDangerRow,
+  SettingsLoading,
+  SettingsEmpty,
+  SettingsReadError,
+  SettingsNoAccess,
+  SettingsNotice,
+  SettingsSaved,
+  SettingsDialog,
+  SettingsForm,
+  SettingsField,
+  SettingsActions,
+  SettingsSaveState
+};