@huaweidevtools/aishell-dsh-brand 0.0.1-beta.2 → 0.0.1-beta.4

package/lib/client.js

@@ -25,9 +25,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 //#endregion
 const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
+const react = __toESM(require("react"));
+const react_dom = __toESM(require("react-dom"));
 
 //#region \0dsh-css:/home/eushing/opensource/aishell-dsh-plugins/packages/aishell-brand/src/client/brand.module.css.mjs
-const css = ".NP1U9q_mark{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQgNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0NC4wMDAwMDAiIGhlaWdodD0iNDQuMDAwMDAwIiBmaWxsPSJub25lIj4KCTxkZWZzPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnRfbGluZWFyXzAiIHgxPSIzOC41IiB4Mj0iMi4xOTk5OTY5NSIgeTE9IjEuOTA3MzQ4NjNlLTA2IiB5Mj0iMzkuNTk5OTkwOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgoJCQk8c3RvcCBzdG9wLWNvbG9yPSJyZ2IoNTMsMTM3LDI1NSkiIG9mZnNldD0iMCIgc3RvcC1vcGFjaXR5PSIxIiAvPgoJCQk8c3RvcCBzdG9wLWNvbG9yPSJyZ2IoMTY5LDM4LDI1NSkiIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIxIiAvPgoJCTwvbGluZWFyR3JhZGllbnQ+Cgk8L2RlZnM+Cgk8cmVjdCBpZD0iaWNvbl9BSVNoZWxsIiB3aWR0aD0iNDQuMDAwMDAwIiBoZWlnaHQ9IjQ0LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLW9wYWNpdHk9IjAiIC8+Cgk8cGF0aCBpZD0i5ZCI5bm2IiBkPSJNMzcuNDU3NiAwLjI5OTczOEMzNy4zNzc1IDAuMTM5ODc3IDM3LjI4NjEgMC4wNDI4MTk2IDM3LjE4MzIgMC4wMDg1NjM5M0MzNy4wOTE3IC0wLjAxNDI3MzIgMzcuMDA2IDAuMDA4NTYzOTQgMzYuOTI1OSAwLjA3NzA3NTRDMzYuODQ1OSAwLjE0NTU4NyAzNi43ODg3IDAuMjE5ODA4IDM2Ljc1NDUgMC4yOTk3MzhDMzYuNDU3MiAxLjg2NDA4IDM1LjczNjkgMy4yMTcxOCAzNC41OTM3IDQuMzU5MDRDMzMuNDYxOCA1LjQ4OTQ4IDMyLjA5NTYgNi4yMjAyNyAzMC40OTUgNi41NTE0MUMzMC4zOTIxIDYuNTc0MjQgMzAuMzE3OCA2LjY0Mjc1IDMwLjI3MiA2Ljc1Njk0QzMwLjIzNzcgNi44NzExMyAzMC4yNDM1IDYuOTczODkgMzAuMjg5MiA3LjA2NTI0QzMwLjM0NjQgNy4xNTY1OSAzMC40MTUgNy4yMDIyNiAzMC40OTUgNy4yMDIyNkMzMS4yMDc4IDcuMzUyOTYgMzEuODc3OSA3LjU4NzU5IDMyLjUwNTUgNy45MDYxOEwzMi41MDU1IDcuOTA2MkwzMi41MDU2IDcuOTA2MjNDMzMuMjU3IDguMjg3NzEgMzMuOTQ3MyA4Ljc4OTU1IDM0LjU3NjUgOS40MTE3NkMzNS43MzEyIDEwLjU0MjIgMzYuNDU3MiAxMS44ODk2IDM2Ljc1NDUgMTMuNDUzOUMzNi44MTE2IDEzLjU5MSAzNi44OTc0IDEzLjY4MjMgMzcuMDExNyAxMy43MjhDMzcuMTE0NiAxMy43NjIyIDM3LjIwNjEgMTMuNzU2NSAzNy4yODYxIDEzLjcxMDlDMzcuMzc3NSAxMy42NTM4IDM3LjQzNDcgMTMuNTY4MSAzNy40NTc2IDEzLjQ1MzlDMzcuNzg5MSAxMS44ODk2IDM4LjUxNTEgMTAuNTQyMiAzOS42MzU1IDkuNDExNzZDNDAuNzY3NCA4LjI2OTkgNDIuMTI3OSA3LjUzMzQgNDMuNzE3IDcuMjAyMjZDNDMuODE5OSA3LjE3OTQzIDQzLjkgNy4xMjIzMyA0My45NTcxIDcuMDMwOTlDNDQuMDE0MyA2LjkyODIyIDQ0LjAxNDMgNi44MzExNiA0My45NTcxIDYuNzM5ODFDNDMuOSA2LjYzNzA1IDQzLjgxOTkgNi41NzQyNCA0My43MTcgNi41NTE0MUM0Mi4xNTA3IDYuMjIwMjcgNDAuNzk1OSA1LjQ4OTQ4IDM5LjY1MjcgNC4zNTkwNEMzOC41MjA4IDMuMjE3MTggMzcuNzg5MSAxLjg2NDA4IDM3LjQ1NzYgMC4yOTk3MzhaTTQyLjYyNSAxNi40OTk5TDQyLjYyNSAzM0M0Mi42MjUgMzMuOTQ5MyA0Mi40NTcyIDM0LjgyOSA0Mi4xMjE2IDM1LjYzOTJDNDEuNzg2IDM2LjQ0OTUgNDEuMjgyNiAzNy4xOTAyIDQwLjYxMTQgMzcuODYxNEMzOS45NDAyIDM4LjUzMjYgMzkuMTk5NCAzOS4wMzYgMzguMzg5MiAzOS4zNzE2QzM3LjU3OSAzOS43MDcyIDM2LjY5OTIgMzkuODc1IDM1Ljc1IDM5Ljg3NUwxMC45OTk5IDM5Ljg3NUw4LjI0OTk1IDM5Ljg3NUM3LjMwMDczIDM5Ljg3NSA2LjQyMTAyIDM5LjcwNzIgNS42MTA4MSAzOS4zNzE2QzQuODAwNTggMzkuMDM2IDQuMDU5ODUgMzguNTMyNiAzLjM4ODYzIDM3Ljg2MTRDMi43MTc0MiAzNy4xOTAyIDIuMjE0MDIgMzYuNDQ5NCAxLjg3ODQxIDM1LjYzOTJDMS41NDI4IDM0LjgyOSAxLjM3NSAzMy45NDkzIDEuMzc1IDMzTDEuMzc1IDExQzEuMzc1IDEwLjA1MDggMS41NDI4IDkuMTcxMDYgMS44Nzg0IDguMzYwODNMMS44Nzg0MSA4LjM2MDgyQzIuMjE0MDIgNy41NTA1OSAyLjcxNzQzIDYuODA5ODcgMy4zODg2NCA2LjEzODY2QzQuMDU5ODUgNS40Njc0NSA0LjgwMDU3IDQuOTY0MDQgNS42MTA3OSA0LjYyODQzTDUuNjEwOCA0LjYyODQzQzYuNDIxMDMgNC4yOTI4MiA3LjMwMDc2IDQuMTI1MDIgOC4yNSA0LjEyNTAyTDI3LjQ5OTkgNC4xMjVDMjguMjY5OSA0LjEyNSAyOC44NzQ5IDQuNzMgMjguODc0OSA1LjVDMjguODc0OSA2LjI3IDI4LjI2OTkgNi44NzUgMjcuNDk5OSA2Ljg3NUw4LjI1IDYuODc1MDJDNy42ODA0NSA2Ljg3NTAyIDcuMTUyNjEgNi45NzU3IDYuNjY2NDggNy4xNzcwNkM2LjE4MDM0IDcuMzc4NDMgNS43MzU5MSA3LjY4MDQ3IDUuMzMzMTggOC4wODMyQzQuOTMwNDYgOC40ODU5MyA0LjYyODQxIDguOTMwMzYgNC40MjcwNSA5LjQxNjQ5QzQuMjI1NjggOS45MDI2MyA0LjEyNSAxMC40MzA1IDQuMTI1IDExTDQuMTI1IDMzQzQuMTI1IDMzLjU2OTYgNC4yMjU2OCAzNC4wOTc0IDQuNDI3MDUgMzQuNTgzNUM0LjYyODQxIDM1LjA2OTcgNC45MzA0NSAzNS41MTQxIDUuMzMzMTcgMzUuOTE2OEM1LjczNTg4IDM2LjMxOTUgNi4xODAyOCAzNi42MjE2IDYuNjY2MzkgMzYuODIyOUM3LjE1MjU2IDM3LjAyNDMgNy42ODA0MiAzNy4xMjUgOC4yNDk5OSAzNy4xMjVMMTAuOTk5OSAzNy4xMjVMMzUuNzUgMzcuMTI1QzM2LjMxOTUgMzcuMTI1IDM2Ljg0NzQgMzcuMDI0MyAzNy4zMzM1IDM2LjgyM0MzNy44MTk3IDM2LjYyMTYgMzguMjY0MSAzNi4zMTk2IDM4LjY2NjggMzUuOTE2OEMzOS4wNjk1IDM1LjUxNDEgMzkuMzcxNiAzNS4wNjk3IDM5LjU3MyAzNC41ODM1QzM5Ljc3NDMgMzQuMDk3NCAzOS44NzUgMzMuNTY5NiAzOS44NzUgMzNMMzkuODc1IDE2LjQ5OTlDMzkuODc1IDE1LjcyOTkgNDAuNDggMTUuMTI0OSA0MS4yNSAxNS4xMjQ5QzQyLjAyIDE1LjEyNDkgNDIuNjI1IDE1LjcyOTkgNDIuNjI1IDE2LjQ5OTlaTTEwLjAyNzcgMTIuNzc3N0MxMC41NzIyIDEyLjIzMzMgMTEuNDI3OCAxMi4yMzMzIDExLjk3MjMgMTIuNzc3N0wyMC4yMjIyIDIxLjAyNzdDMjAuNDkwNyAyMS4yOTYyIDIwLjYyNDkgMjEuNjIwMyAyMC42MjQ5IDIyQzIwLjYyNDkgMjIuMzc5NyAyMC40OTA3IDIyLjcwMzcgMjAuMjIyMiAyMi45NzIyTDExLjk3MjIgMzEuMjIyM0MxMS40Mjc3IDMxLjc2NjggMTAuNTcyMSAzMS43NjY4IDEwLjAyNzcgMzEuMjIyM0M5LjQ4MzE4IDMwLjY3NzkgOS40ODMxNyAyOS44MjIzIDEwLjAyNzYgMjkuMjc3OEwxNy4zMDU0IDIyTDEwLjAyNzcgMTQuNzIyM0M5LjQ4MzI1IDE0LjE3NzggOS40ODMyNiAxMy4zMjIyIDEwLjAyNzcgMTIuNzc3N1pNMjAuNjI1IDI4Ljg3NUMyMC42MjUgMjguMTA1IDIxLjIzIDI3LjUgMjIgMjcuNUwzMyAyNy41QzMzLjc3IDI3LjUgMzQuMzc1IDI4LjEwNSAzNC4zNzUgMjguODc1QzM0LjM3NSAyOS42NDUgMzMuNzcgMzAuMjUgMzMgMzAuMjVMMjIgMzAuMjVDMjEuMjMgMzAuMjUgMjAuNjI1IDI5LjY0NSAyMC42MjUgMjguODc1WiIgZmlsbD0icmdiKDAsMCwwKSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cgk8cGF0aCBpZD0i5ZCI5bm2IiBkPSJNMzcuNDU3NiAwLjI5OTczOEMzNy4zNzc1IDAuMTM5ODc3IDM3LjI4NjEgMC4wNDI4MTk2IDM3LjE4MzIgMC4wMDg1NjM5M0MzNy4wOTE3IC0wLjAxNDI3MzIgMzcuMDA2IDAuMDA4NTYzOTQgMzYuOTI1OSAwLjA3NzA3NTRDMzYuODQ1OSAwLjE0NTU4NyAzNi43ODg3IDAuMjE5ODA4IDM2Ljc1NDUgMC4yOTk3MzhDMzYuNDU3MiAxLjg2NDA4IDM1LjczNjkgMy4yMTcxOCAzNC41OTM3IDQuMzU5MDRDMzMuNDYxOCA1LjQ4OTQ4IDMyLjA5NTYgNi4yMjAyNyAzMC40OTUgNi41NTE0MUMzMC4zOTIxIDYuNTc0MjQgMzAuMzE3OCA2LjY0Mjc1IDMwLjI3MiA2Ljc1Njk0QzMwLjIzNzcgNi44NzExMyAzMC4yNDM1IDYuOTczODkgMzAuMjg5MiA3LjA2NTI0QzMwLjM0NjQgNy4xNTY1OSAzMC40MTUgNy4yMDIyNiAzMC40OTUgNy4yMDIyNkMzMS4yMDc4IDcuMzUyOTYgMzEuODc3OSA3LjU4NzU5IDMyLjUwNTUgNy45MDYxOEwzMi41MDU1IDcuOTA2MkwzMi41MDU2IDcuOTA2MjNDMzMuMjU3IDguMjg3NzEgMzMuOTQ3MyA4Ljc4OTU1IDM0LjU3NjUgOS40MTE3NkMzNS43MzEyIDEwLjU0MjIgMzYuNDU3MiAxMS44ODk2IDM2Ljc1NDUgMTMuNDUzOUMzNi44MTE2IDEzLjU5MSAzNi44OTc0IDEzLjY4MjMgMzcuMDExNyAxMy43MjhDMzcuMTE0NiAxMy43NjIyIDM3LjIwNjEgMTMuNzU2NSAzNy4yODYxIDEzLjcxMDlDMzcuMzc3NSAxMy42NTM4IDM3LjQzNDcgMTMuNTY4MSAzNy40NTc2IDEzLjQ1MzlDMzcuNzg5MSAxMS44ODk2IDM4LjUxNTEgMTAuNTQyMiAzOS42MzU1IDkuNDExNzZDNDAuNzY3NCA4LjI2OTkgNDIuMTI3OSA3LjUzMzQgNDMuNzE3IDcuMjAyMjZDNDMuODE5OSA3LjE3OTQzIDQzLjkgNy4xMjIzMyA0My45NTcxIDcuMDMwOTlDNDQuMDE0MyA2LjkyODIyIDQ0LjAxNDMgNi44MzExNiA0My45NTcxIDYuNzM5ODFDNDMuOSA2LjYzNzA1IDQzLjgxOTkgNi41NzQyNCA0My43MTcgNi41NTE0MUM0Mi4xNTA3IDYuMjIwMjcgNDAuNzk1OSA1LjQ4OTQ4IDM5LjY1MjcgNC4zNTkwNEMzOC41MjA4IDMuMjE3MTggMzcuNzg5MSAxLjg2NDA4IDM3LjQ1NzYgMC4yOTk3MzhaTTQyLjYyNSAxNi40OTk5TDQyLjYyNSAzM0M0Mi42MjUgMzMuOTQ5MyA0Mi40NTcyIDM0LjgyOSA0Mi4xMjE2IDM1LjYzOTJDNDEuNzg2IDM2LjQ0OTUgNDEuMjgyNiAzNy4xOTAyIDQwLjYxMTQgMzcuODYxNEMzOS45NDAyIDM4LjUzMjYgMzkuMTk5NCAzOS4wMzYgMzguMzg5MiAzOS4zNzE2QzM3LjU3OSAzOS43MDcyIDM2LjY5OTIgMzkuODc1IDM1Ljc1IDM5Ljg3NUwxMC45OTk5IDM5Ljg3NUw4LjI0OTk1IDM5Ljg3NUM3LjMwMDczIDM5Ljg3NSA2LjQyMTAyIDM5LjcwNzIgNS42MTA4MSAzOS4zNzE2QzQuODAwNTggMzkuMDM2IDQuMDU5ODUgMzguNTMyNiAzLjM4ODYzIDM3Ljg2MTRDMi43MTc0MiAzNy4xOTAyIDIuMjE0MDIgMzYuNDQ5NCAxLjg3ODQxIDM1LjYzOTJDMS41NDI4IDM0LjgyOSAxLjM3NSAzMy45NDkzIDEuMzc1IDMzTDEuMzc1IDExQzEuMzc1IDEwLjA1MDggMS41NDI4IDkuMTcxMDYgMS44Nzg0IDguMzYwODNMMS44Nzg0MSA4LjM2MDgyQzIuMjE0MDIgNy41NTA1OSAyLjcxNzQzIDYuODA5ODcgMy4zODg2NCA2LjEzODY2QzQuMDU5ODUgNS40Njc0NSA0LjgwMDU3IDQuOTY0MDQgNS42MTA3OSA0LjYyODQzTDUuNjEwOCA0LjYyODQzQzYuNDIxMDMgNC4yOTI4MiA3LjMwMDc2IDQuMTI1MDIgOC4yNSA0LjEyNTAyTDI3LjQ5OTkgNC4xMjVDMjguMjY5OSA0LjEyNSAyOC44NzQ5IDQuNzMgMjguODc0OSA1LjVDMjguODc0OSA2LjI3IDI4LjI2OTkgNi44NzUgMjcuNDk5OSA2Ljg3NUw4LjI1IDYuODc1MDJDNy42ODA0NSA2Ljg3NTAyIDcuMTUyNjEgNi45NzU3IDYuNjY2NDggNy4xNzcwNkM2LjE4MDM0IDcuMzc4NDMgNS43MzU5MSA3LjY4MDQ3IDUuMzMzMTggOC4wODMyQzQuOTMwNDYgOC40ODU5MyA0LjYyODQxIDguOTMwMzYgNC40MjcwNSA5LjQxNjQ5QzQuMjI1NjggOS45MDI2MyA0LjEyNSAxMC40MzA1IDQuMTI1IDExTDQuMTI1IDMzQzQuMTI1IDMzLjU2OTYgNC4yMjU2OCAzNC4wOTc0IDQuNDI3MDUgMzQuNTgzNUM0LjYyODQxIDM1LjA2OTcgNC45MzA0NSAzNS41MTQxIDUuMzMzMTcgMzUuOTE2OEM1LjczNTg4IDM2LjMxOTUgNi4xODAyOCAzNi42MjE2IDYuNjY2MzkgMzYuODIyOUM3LjE1MjU2IDM3LjAyNDMgNy42ODA0MiAzNy4xMjUgOC4yNDk5OSAzNy4xMjVMMTAuOTk5OSAzNy4xMjVMMzUuNzUgMzcuMTI1QzM2LjMxOTUgMzcuMTI1IDM2Ljg0NzQgMzcuMDI0MyAzNy4zMzM1IDM2LjgyM0MzNy44MTk3IDM2LjYyMTYgMzguMjY0MSAzNi4zMTk2IDM4LjY2NjggMzUuOTE2OEMzOS4wNjk1IDM1LjUxNDEgMzkuMzcxNiAzNS4wNjk3IDM5LjU3MyAzNC41ODM1QzM5Ljc3NDMgMzQuMDk3NCAzOS44NzUgMzMuNTY5NiAzOS44NzUgMzNMMzkuODc1IDE2LjQ5OTlDMzkuODc1IDE1LjcyOTkgNDAuNDggMTUuMTI0OSA0MS4yNSAxNS4xMjQ5QzQyLjAyIDE1LjEyNDkgNDIuNjI1IDE1LjcyOTkgNDIuNjI1IDE2LjQ5OTlaTTEwLjAyNzcgMTIuNzc3N0MxMC41NzIyIDEyLjIzMzMgMTEuNDI3OCAxMi4yMzMzIDExLjk3MjMgMTIuNzc3N0wyMC4yMjIyIDIxLjAyNzdDMjAuNDkwNyAyMS4yOTYyIDIwLjYyNDkgMjEuNjIwMyAyMC42MjQ5IDIyQzIwLjYyNDkgMjIuMzc5NyAyMC40OTA3IDIyLjcwMzcgMjAuMjIyMiAyMi45NzIyTDExLjk3MjIgMzEuMjIyM0MxMS40Mjc3IDMxLjc2NjggMTAuNTcyMSAzMS43NjY4IDEwLjAyNzcgMzEuMjIyM0M5LjQ4MzE4IDMwLjY3NzkgOS40ODMxNyAyOS44MjIzIDEwLjAyNzYgMjkuMjc3OEwxNy4zMDU0IDIyTDEwLjAyNzcgMTQuNzIyM0M5LjQ4MzI1IDE0LjE3NzggOS40ODMyNiAxMy4zMjIyIDEwLjAyNzcgMTIuNzc3N1pNMjAuNjI1IDI4Ljg3NUMyMC42MjUgMjguMTA1IDIxLjIzIDI3LjUgMjIgMjcuNUwzMyAyNy41QzMzLjc3IDI3LjUgMzQuMzc1IDI4LjEwNSAzNC4zNzUgMjguODc1QzM0LjM3NSAyOS42NDUgMzMuNzcgMzAuMjUgMzMgMzAuMjVMMjIgMzAuMjVDMjEuMjMgMzAuMjUgMjAuNjI1IDI5LjY0NSAyMC42MjUgMjguODc1WiIgZmlsbD0idXJsKCNwYWludF9saW5lYXJfMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+Cg==) 50%/contain no-repeat;display:inline-block}.NP1U9q_name{vertical-align:middle;align-items:center;gap:6px;min-width:0;height:24px;display:inline-flex}.NP1U9q_name:before{content:\"AI Shell\";letter-spacing:.04em;color:var(--dsw-alias-label-primary,#1a1a1a);white-space:nowrap;font-size:18px;font-weight:600;line-height:24px}.NP1U9q_version{height:14px;color:var(--dsw-alias-label-primary-inverted,#fff);background:var(--dsw-alias-label-primary,#1a1a1a);white-space:nowrap;border-radius:3px;flex:none;align-items:center;margin-top:-8px;padding:0 4px;font-size:8px;font-weight:500;line-height:14px;display:inline-flex}";
+const css = ".NP1U9q_mark{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQgNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0NC4wMDAwMDAiIGhlaWdodD0iNDQuMDAwMDAwIiBmaWxsPSJub25lIj4KCTxkZWZzPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnRfbGluZWFyXzAiIHgxPSIzOC41IiB4Mj0iMi4xOTk5OTY5NSIgeTE9IjEuOTA3MzQ4NjNlLTA2IiB5Mj0iMzkuNTk5OTkwOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgoJCQk8c3RvcCBzdG9wLWNvbG9yPSJyZ2IoNTMsMTM3LDI1NSkiIG9mZnNldD0iMCIgc3RvcC1vcGFjaXR5PSIxIiAvPgoJCQk8c3RvcCBzdG9wLWNvbG9yPSJyZ2IoMTY5LDM4LDI1NSkiIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIxIiAvPgoJCTwvbGluZWFyR3JhZGllbnQ+Cgk8L2RlZnM+Cgk8cmVjdCBpZD0iaWNvbl9BSVNoZWxsIiB3aWR0aD0iNDQuMDAwMDAwIiBoZWlnaHQ9IjQ0LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLW9wYWNpdHk9IjAiIC8+Cgk8cGF0aCBpZD0i5ZCI5bm2IiBkPSJNMzcuNDU3NiAwLjI5OTczOEMzNy4zNzc1IDAuMTM5ODc3IDM3LjI4NjEgMC4wNDI4MTk2IDM3LjE4MzIgMC4wMDg1NjM5M0MzNy4wOTE3IC0wLjAxNDI3MzIgMzcuMDA2IDAuMDA4NTYzOTQgMzYuOTI1OSAwLjA3NzA3NTRDMzYuODQ1OSAwLjE0NTU4NyAzNi43ODg3IDAuMjE5ODA4IDM2Ljc1NDUgMC4yOTk3MzhDMzYuNDU3MiAxLjg2NDA4IDM1LjczNjkgMy4yMTcxOCAzNC41OTM3IDQuMzU5MDRDMzMuNDYxOCA1LjQ4OTQ4IDMyLjA5NTYgNi4yMjAyNyAzMC40OTUgNi41NTE0MUMzMC4zOTIxIDYuNTc0MjQgMzAuMzE3OCA2LjY0Mjc1IDMwLjI3MiA2Ljc1Njk0QzMwLjIzNzcgNi44NzExMyAzMC4yNDM1IDYuOTczODkgMzAuMjg5MiA3LjA2NTI0QzMwLjM0NjQgNy4xNTY1OSAzMC40MTUgNy4yMDIyNiAzMC40OTUgNy4yMDIyNkMzMS4yMDc4IDcuMzUyOTYgMzEuODc3OSA3LjU4NzU5IDMyLjUwNTUgNy45MDYxOEwzMi41MDU1IDcuOTA2MkwzMi41MDU2IDcuOTA2MjNDMzMuMjU3IDguMjg3NzEgMzMuOTQ3MyA4Ljc4OTU1IDM0LjU3NjUgOS40MTE3NkMzNS43MzEyIDEwLjU0MjIgMzYuNDU3MiAxMS44ODk2IDM2Ljc1NDUgMTMuNDUzOUMzNi44MTE2IDEzLjU5MSAzNi44OTc0IDEzLjY4MjMgMzcuMDExNyAxMy43MjhDMzcuMTE0NiAxMy43NjIyIDM3LjIwNjEgMTMuNzU2NSAzNy4yODYxIDEzLjcxMDlDMzcuMzc3NSAxMy42NTM4IDM3LjQzNDcgMTMuNTY4MSAzNy40NTc2IDEzLjQ1MzlDMzcuNzg5MSAxMS44ODk2IDM4LjUxNTEgMTAuNTQyMiAzOS42MzU1IDkuNDExNzZDNDAuNzY3NCA4LjI2OTkgNDIuMTI3OSA3LjUzMzQgNDMuNzE3IDcuMjAyMjZDNDMuODE5OSA3LjE3OTQzIDQzLjkgNy4xMjIzMyA0My45NTcxIDcuMDMwOTlDNDQuMDE0MyA2LjkyODIyIDQ0LjAxNDMgNi44MzExNiA0My45NTcxIDYuNzM5ODFDNDMuOSA2LjYzNzA1IDQzLjgxOTkgNi41NzQyNCA0My43MTcgNi41NTE0MUM0Mi4xNTA3IDYuMjIwMjcgNDAuNzk1OSA1LjQ4OTQ4IDM5LjY1MjcgNC4zNTkwNEMzOC41MjA4IDMuMjE3MTggMzcuNzg5MSAxLjg2NDA4IDM3LjQ1NzYgMC4yOTk3MzhaTTQyLjYyNSAxNi40OTk5TDQyLjYyNSAzM0M0Mi42MjUgMzMuOTQ5MyA0Mi40NTcyIDM0LjgyOSA0Mi4xMjE2IDM1LjYzOTJDNDEuNzg2IDM2LjQ0OTUgNDEuMjgyNiAzNy4xOTAyIDQwLjYxMTQgMzcuODYxNEMzOS45NDAyIDM4LjUzMjYgMzkuMTk5NCAzOS4wMzYgMzguMzg5MiAzOS4zNzE2QzM3LjU3OSAzOS43MDcyIDM2LjY5OTIgMzkuODc1IDM1Ljc1IDM5Ljg3NUwxMC45OTk5IDM5Ljg3NUw4LjI0OTk1IDM5Ljg3NUM3LjMwMDczIDM5Ljg3NSA2LjQyMTAyIDM5LjcwNzIgNS42MTA4MSAzOS4zNzE2QzQuODAwNTggMzkuMDM2IDQuMDU5ODUgMzguNTMyNiAzLjM4ODYzIDM3Ljg2MTRDMi43MTc0MiAzNy4xOTAyIDIuMjE0MDIgMzYuNDQ5NCAxLjg3ODQxIDM1LjYzOTJDMS41NDI4IDM0LjgyOSAxLjM3NSAzMy45NDkzIDEuMzc1IDMzTDEuMzc1IDExQzEuMzc1IDEwLjA1MDggMS41NDI4IDkuMTcxMDYgMS44Nzg0IDguMzYwODNMMS44Nzg0MSA4LjM2MDgyQzIuMjE0MDIgNy41NTA1OSAyLjcxNzQzIDYuODA5ODcgMy4zODg2NCA2LjEzODY2QzQuMDU5ODUgNS40Njc0NSA0LjgwMDU3IDQuOTY0MDQgNS42MTA3OSA0LjYyODQzTDUuNjEwOCA0LjYyODQzQzYuNDIxMDMgNC4yOTI4MiA3LjMwMDc2IDQuMTI1MDIgOC4yNSA0LjEyNTAyTDI3LjQ5OTkgNC4xMjVDMjguMjY5OSA0LjEyNSAyOC44NzQ5IDQuNzMgMjguODc0OSA1LjVDMjguODc0OSA2LjI3IDI4LjI2OTkgNi44NzUgMjcuNDk5OSA2Ljg3NUw4LjI1IDYuODc1MDJDNy42ODA0NSA2Ljg3NTAyIDcuMTUyNjEgNi45NzU3IDYuNjY2NDggNy4xNzcwNkM2LjE4MDM0IDcuMzc4NDMgNS43MzU5MSA3LjY4MDQ3IDUuMzMzMTggOC4wODMyQzQuOTMwNDYgOC40ODU5MyA0LjYyODQxIDguOTMwMzYgNC40MjcwNSA5LjQxNjQ5QzQuMjI1NjggOS45MDI2MyA0LjEyNSAxMC40MzA1IDQuMTI1IDExTDQuMTI1IDMzQzQuMTI1IDMzLjU2OTYgNC4yMjU2OCAzNC4wOTc0IDQuNDI3MDUgMzQuNTgzNUM0LjYyODQxIDM1LjA2OTcgNC45MzA0NSAzNS41MTQxIDUuMzMzMTcgMzUuOTE2OEM1LjczNTg4IDM2LjMxOTUgNi4xODAyOCAzNi42MjE2IDYuNjY2MzkgMzYuODIyOUM3LjE1MjU2IDM3LjAyNDMgNy42ODA0MiAzNy4xMjUgOC4yNDk5OSAzNy4xMjVMMTAuOTk5OSAzNy4xMjVMMzUuNzUgMzcuMTI1QzM2LjMxOTUgMzcuMTI1IDM2Ljg0NzQgMzcuMDI0MyAzNy4zMzM1IDM2LjgyM0MzNy44MTk3IDM2LjYyMTYgMzguMjY0MSAzNi4zMTk2IDM4LjY2NjggMzUuOTE2OEMzOS4wNjk1IDM1LjUxNDEgMzkuMzcxNiAzNS4wNjk3IDM5LjU3MyAzNC41ODM1QzM5Ljc3NDMgMzQuMDk3NCAzOS44NzUgMzMuNTY5NiAzOS44NzUgMzNMMzkuODc1IDE2LjQ5OTlDMzkuODc1IDE1LjcyOTkgNDAuNDggMTUuMTI0OSA0MS4yNSAxNS4xMjQ5QzQyLjAyIDE1LjEyNDkgNDIuNjI1IDE1LjcyOTkgNDIuNjI1IDE2LjQ5OTlaTTEwLjAyNzcgMTIuNzc3N0MxMC41NzIyIDEyLjIzMzMgMTEuNDI3OCAxMi4yMzMzIDExLjk3MjMgMTIuNzc3N0wyMC4yMjIyIDIxLjAyNzdDMjAuNDkwNyAyMS4yOTYyIDIwLjYyNDkgMjEuNjIwMyAyMC42MjQ5IDIyQzIwLjYyNDkgMjIuMzc5NyAyMC40OTA3IDIyLjcwMzcgMjAuMjIyMiAyMi45NzIyTDExLjk3MjIgMzEuMjIyM0MxMS40Mjc3IDMxLjc2NjggMTAuNTcyMSAzMS43NjY4IDEwLjAyNzcgMzEuMjIyM0M5LjQ4MzE4IDMwLjY3NzkgOS40ODMxNyAyOS44MjIzIDEwLjAyNzYgMjkuMjc3OEwxNy4zMDU0IDIyTDEwLjAyNzcgMTQuNzIyM0M5LjQ4MzI1IDE0LjE3NzggOS40ODMyNiAxMy4zMjIyIDEwLjAyNzcgMTIuNzc3N1pNMjAuNjI1IDI4Ljg3NUMyMC42MjUgMjguMTA1IDIxLjIzIDI3LjUgMjIgMjcuNUwzMyAyNy41QzMzLjc3IDI3LjUgMzQuMzc1IDI4LjEwNSAzNC4zNzUgMjguODc1QzM0LjM3NSAyOS42NDUgMzMuNzcgMzAuMjUgMzMgMzAuMjVMMjIgMzAuMjVDMjEuMjMgMzAuMjUgMjAuNjI1IDI5LjY0NSAyMC42MjUgMjguODc1WiIgZmlsbD0icmdiKDAsMCwwKSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIC8+Cgk8cGF0aCBpZD0i5ZCI5bm2IiBkPSJNMzcuNDU3NiAwLjI5OTczOEMzNy4zNzc1IDAuMTM5ODc3IDM3LjI4NjEgMC4wNDI4MTk2IDM3LjE4MzIgMC4wMDg1NjM5M0MzNy4wOTE3IC0wLjAxNDI3MzIgMzcuMDA2IDAuMDA4NTYzOTQgMzYuOTI1OSAwLjA3NzA3NTRDMzYuODQ1OSAwLjE0NTU4NyAzNi43ODg3IDAuMjE5ODA4IDM2Ljc1NDUgMC4yOTk3MzhDMzYuNDU3MiAxLjg2NDA4IDM1LjczNjkgMy4yMTcxOCAzNC41OTM3IDQuMzU5MDRDMzMuNDYxOCA1LjQ4OTQ4IDMyLjA5NTYgNi4yMjAyNyAzMC40OTUgNi41NTE0MUMzMC4zOTIxIDYuNTc0MjQgMzAuMzE3OCA2LjY0Mjc1IDMwLjI3MiA2Ljc1Njk0QzMwLjIzNzcgNi44NzExMyAzMC4yNDM1IDYuOTczODkgMzAuMjg5MiA3LjA2NTI0QzMwLjM0NjQgNy4xNTY1OSAzMC40MTUgNy4yMDIyNiAzMC40OTUgNy4yMDIyNkMzMS4yMDc4IDcuMzUyOTYgMzEuODc3OSA3LjU4NzU5IDMyLjUwNTUgNy45MDYxOEwzMi41MDU1IDcuOTA2MkwzMi41MDU2IDcuOTA2MjNDMzMuMjU3IDguMjg3NzEgMzMuOTQ3MyA4Ljc4OTU1IDM0LjU3NjUgOS40MTE3NkMzNS43MzEyIDEwLjU0MjIgMzYuNDU3MiAxMS44ODk2IDM2Ljc1NDUgMTMuNDUzOUMzNi44MTE2IDEzLjU5MSAzNi44OTc0IDEzLjY4MjMgMzcuMDExNyAxMy43MjhDMzcuMTE0NiAxMy43NjIyIDM3LjIwNjEgMTMuNzU2NSAzNy4yODYxIDEzLjcxMDlDMzcuMzc3NSAxMy42NTM4IDM3LjQzNDcgMTMuNTY4MSAzNy40NTc2IDEzLjQ1MzlDMzcuNzg5MSAxMS44ODk2IDM4LjUxNTEgMTAuNTQyMiAzOS42MzU1IDkuNDExNzZDNDAuNzY3NCA4LjI2OTkgNDIuMTI3OSA3LjUzMzQgNDMuNzE3IDcuMjAyMjZDNDMuODE5OSA3LjE3OTQzIDQzLjkgNy4xMjIzMyA0My45NTcxIDcuMDMwOTlDNDQuMDE0MyA2LjkyODIyIDQ0LjAxNDMgNi44MzExNiA0My45NTcxIDYuNzM5ODFDNDMuOSA2LjYzNzA1IDQzLjgxOTkgNi41NzQyNCA0My43MTcgNi41NTE0MUM0Mi4xNTA3IDYuMjIwMjcgNDAuNzk1OSA1LjQ4OTQ4IDM5LjY1MjcgNC4zNTkwNEMzOC41MjA4IDMuMjE3MTggMzcuNzg5MSAxLjg2NDA4IDM3LjQ1NzYgMC4yOTk3MzhaTTQyLjYyNSAxNi40OTk5TDQyLjYyNSAzM0M0Mi42MjUgMzMuOTQ5MyA0Mi40NTcyIDM0LjgyOSA0Mi4xMjE2IDM1LjYzOTJDNDEuNzg2IDM2LjQ0OTUgNDEuMjgyNiAzNy4xOTAyIDQwLjYxMTQgMzcuODYxNEMzOS45NDAyIDM4LjUzMjYgMzkuMTk5NCAzOS4wMzYgMzguMzg5MiAzOS4zNzE2QzM3LjU3OSAzOS43MDcyIDM2LjY5OTIgMzkuODc1IDM1Ljc1IDM5Ljg3NUwxMC45OTk5IDM5Ljg3NUw4LjI0OTk1IDM5Ljg3NUM3LjMwMDczIDM5Ljg3NSA2LjQyMTAyIDM5LjcwNzIgNS42MTA4MSAzOS4zNzE2QzQuODAwNTggMzkuMDM2IDQuMDU5ODUgMzguNTMyNiAzLjM4ODYzIDM3Ljg2MTRDMi43MTc0MiAzNy4xOTAyIDIuMjE0MDIgMzYuNDQ5NCAxLjg3ODQxIDM1LjYzOTJDMS41NDI4IDM0LjgyOSAxLjM3NSAzMy45NDkzIDEuMzc1IDMzTDEuMzc1IDExQzEuMzc1IDEwLjA1MDggMS41NDI4IDkuMTcxMDYgMS44Nzg0IDguMzYwODNMMS44Nzg0MSA4LjM2MDgyQzIuMjE0MDIgNy41NTA1OSAyLjcxNzQzIDYuODA5ODcgMy4zODg2NCA2LjEzODY2QzQuMDU5ODUgNS40Njc0NSA0LjgwMDU3IDQuOTY0MDQgNS42MTA3OSA0LjYyODQzTDUuNjEwOCA0LjYyODQzQzYuNDIxMDMgNC4yOTI4MiA3LjMwMDc2IDQuMTI1MDIgOC4yNSA0LjEyNTAyTDI3LjQ5OTkgNC4xMjVDMjguMjY5OSA0LjEyNSAyOC44NzQ5IDQuNzMgMjguODc0OSA1LjVDMjguODc0OSA2LjI3IDI4LjI2OTkgNi44NzUgMjcuNDk5OSA2Ljg3NUw4LjI1IDYuODc1MDJDNy42ODA0NSA2Ljg3NTAyIDcuMTUyNjEgNi45NzU3IDYuNjY2NDggNy4xNzcwNkM2LjE4MDM0IDcuMzc4NDMgNS43MzU5MSA3LjY4MDQ3IDUuMzMzMTggOC4wODMyQzQuOTMwNDYgOC40ODU5MyA0LjYyODQxIDguOTMwMzYgNC40MjcwNSA5LjQxNjQ5QzQuMjI1NjggOS45MDI2MyA0LjEyNSAxMC40MzA1IDQuMTI1IDExTDQuMTI1IDMzQzQuMTI1IDMzLjU2OTYgNC4yMjU2OCAzNC4wOTc0IDQuNDI3MDUgMzQuNTgzNUM0LjYyODQxIDM1LjA2OTcgNC45MzA0NSAzNS41MTQxIDUuMzMzMTcgMzUuOTE2OEM1LjczNTg4IDM2LjMxOTUgNi4xODAyOCAzNi42MjE2IDYuNjY2MzkgMzYuODIyOUM3LjE1MjU2IDM3LjAyNDMgNy42ODA0MiAzNy4xMjUgOC4yNDk5OSAzNy4xMjVMMTAuOTk5OSAzNy4xMjVMMzUuNzUgMzcuMTI1QzM2LjMxOTUgMzcuMTI1IDM2Ljg0NzQgMzcuMDI0MyAzNy4zMzM1IDM2LjgyM0MzNy44MTk3IDM2LjYyMTYgMzguMjY0MSAzNi4zMTk2IDM4LjY2NjggMzUuOTE2OEMzOS4wNjk1IDM1LjUxNDEgMzkuMzcxNiAzNS4wNjk3IDM5LjU3MyAzNC41ODM1QzM5Ljc3NDMgMzQuMDk3NCAzOS44NzUgMzMuNTY5NiAzOS44NzUgMzNMMzkuODc1IDE2LjQ5OTlDMzkuODc1IDE1LjcyOTkgNDAuNDggMTUuMTI0OSA0MS4yNSAxNS4xMjQ5QzQyLjAyIDE1LjEyNDkgNDIuNjI1IDE1LjcyOTkgNDIuNjI1IDE2LjQ5OTlaTTEwLjAyNzcgMTIuNzc3N0MxMC41NzIyIDEyLjIzMzMgMTEuNDI3OCAxMi4yMzMzIDExLjk3MjMgMTIuNzc3N0wyMC4yMjIyIDIxLjAyNzdDMjAuNDkwNyAyMS4yOTYyIDIwLjYyNDkgMjEuNjIwMyAyMC42MjQ5IDIyQzIwLjYyNDkgMjIuMzc5NyAyMC40OTA3IDIyLjcwMzcgMjAuMjIyMiAyMi45NzIyTDExLjk3MjIgMzEuMjIyM0MxMS40Mjc3IDMxLjc2NjggMTAuNTcyMSAzMS43NjY4IDEwLjAyNzcgMzEuMjIyM0M5LjQ4MzE4IDMwLjY3NzkgOS40ODMxNyAyOS44MjIzIDEwLjAyNzYgMjkuMjc3OEwxNy4zMDU0IDIyTDEwLjAyNzcgMTQuNzIyM0M5LjQ4MzI1IDE0LjE3NzggOS40ODMyNiAxMy4zMjIyIDEwLjAyNzcgMTIuNzc3N1pNMjAuNjI1IDI4Ljg3NUMyMC42MjUgMjguMTA1IDIxLjIzIDI3LjUgMjIgMjcuNUwzMyAyNy41QzMzLjc3IDI3LjUgMzQuMzc1IDI4LjEwNSAzNC4zNzUgMjguODc1QzM0LjM3NSAyOS42NDUgMzMuNzcgMzAuMjUgMzMgMzAuMjVMMjIgMzAuMjVDMjEuMjMgMzAuMjUgMjAuNjI1IDI5LjY0NSAyMC42MjUgMjguODc1WiIgZmlsbD0idXJsKCNwYWludF9saW5lYXJfMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+Cg==) 50%/contain no-repeat;display:inline-block}.NP1U9q_name{vertical-align:middle;align-items:center;min-width:0;height:24px;display:inline-flex}.NP1U9q_name:before{content:\"AI Shell\";letter-spacing:.04em;color:var(--dsw-alias-label-primary,#1a1a1a);white-space:nowrap;font-size:18px;font-weight:600;line-height:24px}";
 const tagId = "@huaweidevtools/aishell-dsh-brand//home/eushing/opensource/aishell-dsh-plugins/packages/aishell-brand/src/client/brand.module.css";
 if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 	const tag = document.createElement("style");
@@ -38,8 +40,7 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 }
 var brand_module_css_default = {
 	"mark": "NP1U9q_mark",
-	"name": "NP1U9q_name",
-	"version": "NP1U9q_version"
+	"name": "NP1U9q_name"
 };
 
 //#endregion
@@ -109,51 +110,77 @@ const HERO_PATCH_CSS = [
 	"  margin-top: -4px;",
 	"}"
 ].join("\n");
-/** Inject the hero headline patch CSS once at module load. */
-function injectHeroPatchCss() {
-	if (typeof document === "undefined" || document.querySelector("style[data-aishell-hero-patch]")) return;
-	const tag = document.createElement("style");
+/** Inject the hero headline patch CSS; the disposer removes the tag. */
+function installHeroPatchCss(target) {
+	if (typeof target.querySelector !== "function") return () => {};
+	if (target.querySelector("style[data-aishell-hero-patch]")) return () => {};
+	const tag = target.createElement("style");
 	tag.dataset.aishellHeroPatch = "";
 	tag.textContent = HERO_PATCH_CSS;
-	document.head.appendChild(tag);
+	target.head.appendChild(tag);
+	return () => {
+		tag.remove();
+	};
 }
-injectHeroPatchCss();
 /**
 * JS hover bridge: CSS ~ only matches forward siblings, so hovering the
 * title text cannot trigger the logo's animation (the logo sits before the
 * title in DOM order). This adds a mouseenter/mouseleave listener on the
 * title span that toggles a class on the logo to trigger its bob animation.
+*
+* The disposer removes both listeners from every span it bridged, so a reload
+* does not stack a second pair on the same element (the `data-` marker stops a
+* *re-install* from adding them, but it also means a later disposer cannot
+* find them by query alone — hence the bookkeeping below).
 */
-function bridgeHeroHover() {
-	if (typeof document === "undefined") return;
+function installHeroHoverBridge(target) {
+	if (typeof target.querySelector !== "function") return () => {};
+	/** Every listener this install added, so the disposer can take them off. */
+	const bridged = [];
 	const bridge = (root) => {
 		const groups = root.querySelectorAll("[class*=\"titleGroup\"]");
 		for (const group of groups) {
 			const titleSpan = group.children[0];
 			if (!titleSpan || titleSpan.dataset.aishellHoverBridged === "true") continue;
 			titleSpan.dataset.aishellHoverBridged = "true";
-			titleSpan.addEventListener("mouseenter", () => {
+			const onEnter = () => {
 				const headline = titleSpan.closest("[class*=\"headline\"]");
 				const fish = headline?.querySelector("[class*=\"fish\"]");
 				fish?.classList.add("aishell-logo-hover");
-			});
-			titleSpan.addEventListener("mouseleave", () => {
+			};
+			const onLeave = () => {
 				const headline = titleSpan.closest("[class*=\"headline\"]");
 				const fish = headline?.querySelector("[class*=\"fish\"]");
 				fish?.classList.remove("aishell-logo-hover");
+			};
+			titleSpan.addEventListener("mouseenter", onEnter);
+			titleSpan.addEventListener("mouseleave", onLeave);
+			bridged.push({
+				element: titleSpan,
+				onEnter,
+				onLeave
 			});
 		}
 	};
-	bridge(document);
+	bridge(target);
 	const observer = new MutationObserver((mutations) => {
 		for (const m of mutations) for (const node of m.addedNodes) if (node.nodeType === 1) bridge(node);
 	});
-	observer.observe(document.body, {
+	observer.observe(target.body, {
 		childList: true,
 		subtree: true
 	});
+	return () => {
+		observer.disconnect();
+		for (const { element, onEnter, onLeave } of bridged) {
+			element.removeEventListener("mouseenter", onEnter);
+			element.removeEventListener("mouseleave", onLeave);
+			delete element.dataset.aishellHoverBridged;
+			element.closest("[class*=\"headline\"]")?.querySelector("[class*=\"fish\"]")?.classList.remove("aishell-logo-hover");
+		}
+		bridged.length = 0;
+	};
 }
-bridgeHeroHover();
 /**
 * Render the AI Shell mark with the presentation requested by its host surface.
 * Used in both the expanded sidebar brand row and the collapsed rail.
@@ -170,18 +197,15 @@ function AishellBrandMark({ size }) {
 	});
 }
 /**
-* Render the AI Shell name with a version badge in the top-right corner,
-* matching DSH's native `.buildVersion` badge style.
+* Render the AI Shell name in the sidebar brand row. The product name itself
+* is drawn by the CSS module's `.name::before` (content: 'AI Shell'), so the
+* markup is a single empty span.
 */
 function AishellBrandName() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: brand_module_css_default.name,
 		role: "img",
-		"aria-label": "AI Shell",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: brand_module_css_default.version,
-			children: "0.0.1-beta.2"
-		})
+		"aria-label": "AI Shell"
 	});
 }
 /**
@@ -203,33 +227,1027 @@ function AishellHeroBrandMark({ size, className }) {
 * Insert "Powered by deepseek-harness" below the hero headline, centered
 * inside .stack. Uses a MutationObserver because the hero mounts/unmounts
 * as the user navigates between sessions.
+*
+* The disposer stops the observer and removes every label this install added,
+* so unloading the plugin leaves the hero exactly as it found it.
 */
-function injectPoweredBy() {
-	if (typeof document === "undefined") return;
+function installPoweredBy(target) {
+	if (typeof target.querySelector !== "function") return () => {};
+	/** The labels this install inserted, for removal on dispose. */
+	const inserted = [];
 	const insert = (root) => {
 		const stacks = root.querySelectorAll("[class*=\"stack\"]");
 		for (const stack of stacks) {
 			if (!stack.querySelector("[class*=\"headline\"]")) continue;
 			if (stack.querySelector("[data-aishell-powered-by]")) continue;
-			const label = document.createElement("div");
+			const label = target.createElement("div");
 			label.dataset.aishellPoweredBy = "";
 			label.style.cssText = "text-align:center;font-size:11px;font-weight:400;line-height:16px;color:var(--dsw-alias-label-quaternary, #999);user-select:none;white-space:nowrap;";
 			label.textContent = "Powered by deepseek-harness";
 			const headline = stack.querySelector("[class*=\"headline\"]");
 			if (headline && headline.nextSibling) stack.insertBefore(label, headline.nextSibling);
 			else stack.appendChild(label);
+			inserted.push(label);
 		}
 	};
-	insert(document);
+	insert(target);
 	const observer = new MutationObserver((mutations) => {
 		for (const m of mutations) for (const node of m.addedNodes) if (node.nodeType === 1) insert(node);
 	});
-	observer.observe(document.body, {
+	observer.observe(target.body, {
 		childList: true,
 		subtree: true
 	});
+	return () => {
+		observer.disconnect();
+		for (const label of inserted) label.remove();
+		inserted.length = 0;
+	};
+}
+
+//#endregion
+//#region src/client/suggestions.ts
+/**
+* The cards, in display order.
+*
+* Order matters only for the ring's starting window: the strip opens on the
+* first {@link VISIBLE} cards, so the first entries are the ones a person
+* sees without pressing an arrow.
+*/
+const SUGGESTIONS = [
+	{
+		id: "inventory",
+		icon: "cloud",
+		hue: { tile: "var(--dsw-static-blue-400)" },
+		titleKey: "suggestion.inventory.title",
+		glossKey: "suggestion.inventory.gloss",
+		promptKey: "suggestion.inventory.prompt"
+	},
+	{
+		id: "deploy",
+		icon: "deploy",
+		hue: { tile: "var(--dsw-static-green-500)" },
+		titleKey: "suggestion.deploy.title",
+		glossKey: "suggestion.deploy.gloss",
+		promptKey: "suggestion.deploy.prompt"
+	},
+	{
+		id: "enterprise",
+		icon: "architecture",
+		hue: { tile: "rgb(139, 118, 246)" },
+		titleKey: "suggestion.enterprise.title",
+		glossKey: "suggestion.enterprise.gloss",
+		promptKey: "suggestion.enterprise.prompt"
+	},
+	{
+		id: "billing",
+		icon: "cost",
+		hue: { tile: "var(--dsw-static-amber-600)" },
+		titleKey: "suggestion.billing.title",
+		glossKey: "suggestion.billing.gloss",
+		promptKey: "suggestion.billing.prompt"
+	}
+];
+
+//#endregion
+//#region src/client/suggestion-icons.tsx
+/** One stroked path with the shared paint attributes. */
+function Stroke({ d }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.7",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	});
+}
+/**
+* A stack of servers: the resource inventory.
+*
+* Three stacked slabs with a status dot each — unmistakably "machines you
+* own", and it shares no silhouette with any other glyph here.
+*/
+function InventoryIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M4 5.5h16v4H4z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M4 14.5h16v4H4z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M7 7.5h.01" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M7 16.5h.01" })
+	] });
+}
+/**
+* A rocket: deploying something so it runs.
+*
+* Chosen over any box-with-arrow because that family is exactly the share
+* glyph. A rocket is a single closed silhouette — nothing in this set can
+* be confused with it.
+*/
+function DeployIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M12 3c2.8 1.9 4.2 4.6 4.2 7.6 0 2.3-.9 4.3-2.1 5.6H9.9C8.7 14.9 7.8 12.9 7.8 10.6 7.8 7.6 9.2 4.9 12 3Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M9.9 16.2 8.4 19.4l2.3-1M14.1 16.2l1.5 3.2-2.3-1" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M12 9.4a1.3 1.3 0 1 0 0 2.6 1.3 1.3 0 0 0 0-2.6Z" })
+	] });
+}
+/**
+* A layered sitemap: account hierarchy and network partitions.
+*
+* One node branching to three, drawn as a single tree — reads as "structure"
+* rather than "file" or "folder", which a plain box-and-boxes would.
+*/
+function ArchitectureIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M9.5 3.5h5v3.4h-5z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M3.5 17.1h5v3.4h-5z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M9.5 17.1h5v3.4h-5z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M15.5 17.1h5v3.4h-5z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M12 6.9v4.2" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M6 17.1v-2.4h12v2.4" })
+	] });
+}
+/**
+* A receipt with a downward trend: cost review.
+*
+* The torn bottom edge is what makes it a bill rather than a document —
+* without it the shape is a generic page and reads as "export a report".
+*/
+function CostIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M6 3.5h12v17l-2-1.4-2 1.4-2-1.4-2 1.4-2-1.4-2 1.4z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M9.5 8.4h5" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, { d: "M9.5 12.2h3.2" })
+	] });
+}
+/** Resolve one icon key to its glyph. */
+function SuggestionIconArt({ icon, size = 20 }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		"aria-hidden": true,
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		style: { flex: "none" },
+		children: [
+			icon === "cloud" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InventoryIcon, {}),
+			icon === "deploy" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeployIcon, {}),
+			icon === "architecture" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArchitectureIcon, {}),
+			icon === "cost" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CostIcon, {})
+		]
+	});
 }
-injectPoweredBy();
+
+//#endregion
+//#region src/client/carousel.ts
+/**
+* Carousel position maths, kept pure so it can be tested without a DOM.
+*
+* The strip is a RING, not a scroll range: the cards form a circle, and an
+* arrow steps one card around it forever. Clicking next from the last
+* position lands on the first, and clicking prev from the first lands on the
+* last — and crucially, every intermediate position exists. A four-card ring
+* showing three at a time has FOUR positions, not two:
+*
+*      cards 1 2 3 4, three visible
+*      pos 0 → [1 2 3]
+*      pos 1 → [2 3 4]
+*      pos 2 → [3 4 1]     ← the wrap is visible, not a jump back
+*      pos 3 → [4 1 2]
+*      pos 4 → [1 2 3]     same as pos 0
+*
+* A plain scroll container cannot express that: its range is only
+* `content - viewport` (one step, for four cards), and positions 2 and 3 have
+* no place to live. So the card list is rendered {@link COPIES} times over
+* and the window travels through the middle copy, where both neighbours
+* always have content.
+*
+* ## Why the copies, and how the seam stays invisible
+*
+* With the list rendered three times, a window at physical position `p` shows
+* `cards[p .. p+VISIBLE-1]`, and position `2n` shows exactly what position `n`
+* shows. That equivalence is the seam: once a slide settles at `2n`, the
+* track can be placed at `n` in the same frame with transitions off, and
+* nothing on screen changes. The same holds at the other end, where `n-1` and
+* `2n-1` are the same window.
+*
+* The rewind happens only AFTER the slide finishes — never before. Jumping
+* first would put the destination on screen instantly and then animate away
+* from it, so a click at the seam would appear to skip a card. This is the
+* one law in this module that a reader is likely to get backwards.
+*
+* @module @huaweidevtools/aishell-dsh-brand/client/carousel
+*/
+/**
+* How many times the card list is rendered.
+*
+* Three is the minimum that works. The window lives in the middle copy, so it
+* needs one full copy behind it (to show the cards before the start) and one
+* ahead (to show the cards past the end while a slide is finishing at the
+* seam, where the position may briefly reach `2n` and read up to
+* `2n + VISIBLE - 1`).
+*/
+const COPIES = 3;
+/** How many cards to render for a ring of `n`. */
+function ringLength(n) {
+	return n * COPIES;
+}
+/**
+* The physical position the ring starts at — the first card of the middle
+* copy. Starting here rather than at 0 is what makes the very first prev
+* click land on a real card instead of an empty track.
+*/
+function ringStart(n) {
+	return n;
+}
+/**
+* Where a settled position should be silently rewound to, or `null` when it
+* is already inside the working band.
+*
+* The band is `[n, 2n-1]`. A slide may finish one past either end — `2n`
+* going forward, `n-1` going backward — and both have an exact twin inside
+* the band. See the module note for why this runs after the slide, not
+* before.
+*/
+function rewindTo(pos, n) {
+	if (pos >= 2 * n) return n;
+	if (pos < n) return 2 * n - 1;
+	return null;
+}
+/**
+* Resolve one arrow press on a ring.
+*
+* Any rewind still owed from the previous press is settled first, so a person
+* clicking faster than the slide animation cannot walk the window off the
+* rendered copies — the band always absorbs one more step.
+*/
+function ringStep(pos, delta, n) {
+	const owed = rewindTo(pos, n);
+	const from = owed ?? pos;
+	return {
+		from,
+		to: from + delta
+	};
+}
+
+//#endregion
+//#region src/client/autoplay.ts
+/**
+* Auto-rotation policy for the example-prompt strip.
+*
+* Kept apart from the component and free of DOM, for the same reason
+* `carousel.ts` is: the DECISION is what needs pinning down, and a decision
+* buried in an effect can only be checked by watching a browser.
+*
+* ## Why the strip advances on its own
+*
+* The strip shows three of four cards, so a card is always off screen and a
+* reader who never touches the arrows never learns it exists. Rotation is what
+* makes the set self-evident. The cost is that content moves without being
+* asked to, which is why every reason to stop is collected here rather than
+* decided piecemeal at the call site.
+*
+* ## Every reason to stop
+*
+*  - `engaged` — the pointer is over the strip or focus is inside it. Someone
+*    reaching for a card must not have it slide out from under the cursor;
+*    this is the pause the feature was asked for, and `focus` is the half of
+*    it that covers a reader who never uses a pointer.
+*  - `reducedMotion` — the reader asked the platform for less movement. An
+*    element that moves by itself for more than five seconds is exactly what
+*    `prefers-reduced-motion` exists to suppress, and a hover pause cannot help
+*    the reader who cannot hover. Honouring it is what keeps the feature from
+*    being motion no one consented to.
+*  - `visible` — the tab is hidden. A background tab still fires timers, so
+*    without this the strip would churn through slides nobody can see and land
+*    somewhere arbitrary on return.
+*  - `ready` — the ring has not been measured yet. Advancing before the step
+*    is known would move the track by a wrong distance; see the measurement
+*    note in `SuggestionCards.tsx`.
+*  - `ring` — three cards or fewer all fit, so there is nowhere to advance to.
+*    A strip with nothing to scroll must not appear to scroll.
+*
+* @module @huaweidevtools/aishell-dsh-brand/client/autoplay
+*/
+/**
+* How long each card is shown before the strip advances.
+*
+* Fixed rather than configurable: this is a hint at what the product can do,
+* not a reading surface, and a setting nobody asked for is a setting nobody
+* finds.
+*/
+const AUTOPLAY_INTERVAL_MS = 1500;
+/**
+* Whether the strip should be advancing on its own right now.
+*
+* Expressed as one predicate rather than a chain of early returns inside the
+* timer, so that adding a reason to stop is a change to this list and its
+* test — not a change to the effect that schedules the ticks.
+*/
+function autoplayActive(inputs) {
+	return inputs.ring && inputs.ready && !inputs.engaged && !inputs.reducedMotion && inputs.visible;
+}
+
+//#endregion
+//#region src/client/hero-content.ts
+/**
+* The mount point the suggestion strip renders into, inside the hero.
+*
+* ## Why a portal, and not CSS placement
+*
+* The strip is a `conversation.input.dock` entry, and that band renders BELOW
+* the hero workspace row in the composer stack. Measured on the live page
+* (1280×900, DSH 0.2.x):
+*
+*     hero (headline)              y=288  h=74
+*     hero workspace row           y=374  h=28
+*     conversation.input.dock      y=411  h=80
+*     the input card               y=491
+*
+* The product wants the cards directly under the headline, and the workspace
+* row sits between. A negative margin cannot cross it — the row would be
+* covered — and the row's own subtree is not reachable from the dock, since
+* the two are separate children of the composer stack.
+*
+* The hero, however, already renders an empty content div for exactly this
+* purpose. Its stack is: headline → (the "Powered by" label) → `_body`, where
+* `_body` is `flex-direction: column` and left empty by the official shell.
+* That is the hero's content area, and putting the cards there is using the
+* slot as intended rather than fighting the layout.
+*
+* ## How the mount is found
+*
+* By the hero's own class suffix, from the headline outward — `[class*="_body"]`
+* alone is ambiguous (the conversation root has a `_body` too, and the live
+* page has two). So the search starts at a `[class*="_headline"]`, steps to its
+* parent (the hero stack), and takes that stack's own `_body` child. The
+* headline is unique on the page and is what makes the walk unambiguous.
+*
+* Children are walked directly rather than with `:scope >`. The two are
+* equivalent here, and the direct walk keeps these helpers working against the
+* hand-rolled DOM stub the specs use (which has no selector engine) instead of
+* leaving the module's real logic untested.
+*
+* The classes are CSS-module hashes (`pXSMma_body`), hence the suffix match.
+* A base bump that renames them fails closed: {@link findHeroContent} returns
+* null, the portal renders nothing, and the arrows and cards simply do not
+* appear — the strip is never left in the wrong parent.
+*
+* @module @huaweidevtools/aishell-dsh-brand/client/hero-content
+*/
+/** The first direct child whose class contains `fragment`. */
+function childWithClass(parent, fragment) {
+	for (const child of Array.from(parent.children)) if (child.className.includes(fragment)) return child;
+	return null;
+}
+/** The first direct child carrying `data-<name>`. */
+function childWithData(parent, attribute) {
+	for (const child of Array.from(parent.children)) if (child.hasAttribute(attribute)) return child;
+	return null;
+}
+/** The child marker, so a disposer can find exactly the node it made. */
+const MOUNT_ATTRIBUTE = "data-aishell-suggestions-mount";
+/**
+* The hero's content area, or `null` when the hero is not on screen.
+*
+* Returns null rather than throwing: a New Session that has not painted its
+* hero yet is a normal state (and the strip retries on the next frame), not an
+* error.
+*/
+function findHeroContent(target) {
+	if (typeof target.querySelector !== "function") return null;
+	const headline = target.querySelector("[class*=\"_headline\"]");
+	const stack = headline?.parentElement ?? null;
+	if (stack === null) return null;
+	return childWithClass(stack, "_body");
+}
+/**
+* A container for the strip inside the hero content area.
+*
+* The hero body is `display: block` and zero-height, so the strip cannot rely
+* on it for layout and must not inherit that block context. The wrapper is
+* created here rather than rendered by React into the official div, because
+* React does not own that node — it owns only what the portal puts inside.
+*/
+function ensureHeroMount(content) {
+	const existing = childWithData(content, MOUNT_ATTRIBUTE);
+	if (existing !== null) return existing;
+	const mount = content.ownerDocument.createElement("div");
+	mount.setAttribute(MOUNT_ATTRIBUTE, "");
+	content.appendChild(mount);
+	return mount;
+}
+/**
+* Remove the mount this module created, if it is still there.
+*
+* Only the mount is removed — never the host div, which belongs to the shell
+* and is reused on the next New Session.
+*/
+function removeHeroMount(content) {
+	childWithData(content, MOUNT_ATTRIBUTE)?.remove();
+}
+
+//#endregion
+//#region src/client/SuggestionCards.tsx
+/** How many cards a full-width strip shows at once. */
+const VISIBLE = 3;
+/**
+* How much of a card's hue is washed into its own background, in percent.
+*
+* The card's ground is the shell's translucent interactive pair (neutral), and
+* this mixes the card's hue into BOTH ends of that pair so a card carries a
+* trace of its tile's colour without the hover turning into a colour change.
+*
+* 6 is measured rather than picked. Three things constrain it, and the numbers
+* below are computed from the real tokens in both themes:
+*
+*   - LEGIBILITY. The gloss text is the binding constraint, not the title. On
+*     the light theme's ground the gloss measures 3.33 at 0%, 3.14 at 8%, and
+*     falls to 2.90 at 14% — under the 3:1 bar. So the ceiling is ~12%.
+*   - VISIBILITY. A tint is not worth its cost below the just-noticeable
+*     difference (~2.3 dE). The card moves 3.4–5.1 dE away from its own
+*     untinted self at 6%, and only 1.7 dE at 3%, so the floor is ~4%.
+*   - THE TILE'S SEPARATION. The tile sits ON this ground, so tinting the
+*     ground eats the tile's contrast. Amber is the tightest case: 2.51 at 0%,
+*     2.39 at 6%, 2.31 at 10%. It survives, but this is why the percentage
+*     cannot be pushed for looks.
+*
+* 6% is the low end of the safe band, chosen deliberately: the tint is there to
+* warm the card toward its subject, not to become a colour block. It is not a
+* way to tell the cards apart — at 6% two different cards are only 2.4 dE
+* apart, barely at the threshold. The tile is what identifies a card.
+*/
+const HUE_WASH = 6;
+/**
+* The hero's content element, kept current across the hero's lifecycle.
+*
+* The hero mounts, unmounts and is REPLACED on each New Session, so the node
+* found at first paint goes stale. A `MutationObserver` is the only thing that
+* sees a replacement: the observer re-scans, and the scan is cheap because it
+* returns immediately while the current mount is still connected.
+*
+* @param active - whether the strip should be mounted at all.
+* @returns the element to portal into, or `null` while the hero is absent.
+*/
+function useHeroMount(active) {
+	const [mount, setMount] = (0, react.useState)(null);
+	const mountRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (!active) {
+			setMount(null);
+			return;
+		}
+		let cancelled = false;
+		const scan = () => {
+			if (cancelled) return;
+			const current = mountRef.current;
+			if (current !== null && current.isConnected) {
+				setMount((seen) => seen === current ? seen : current);
+				return;
+			}
+			const content = findHeroContent(document);
+			if (content === null) {
+				mountRef.current = null;
+				setMount(null);
+				return;
+			}
+			const next = ensureHeroMount(content);
+			if (next !== mountRef.current) {
+				mountRef.current = next;
+				setMount(next);
+			}
+		};
+		scan();
+		const observer = new MutationObserver(scan);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		return () => {
+			cancelled = true;
+			observer.disconnect();
+		};
+	}, [active]);
+	(0, react.useEffect)(() => () => {
+		const current = mountRef.current;
+		mountRef.current = null;
+		if (current === null) return;
+		removeHeroMount(current.parentElement ?? current);
+	}, []);
+	return mount;
+}
+/** Whether the reader has asked the platform for reduced motion. */
+function useReducedMotion() {
+	const [reduced, setReduced] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+		setReduced(query.matches);
+		const onChange = (event) => {
+			setReduced(event.matches);
+		};
+		query.addEventListener("change", onChange);
+		return () => {
+			query.removeEventListener("change", onChange);
+		};
+	}, []);
+	return reduced;
+}
+/** Whether the tab is on screen. A hidden tab must not churn through slides. */
+function useTabVisible() {
+	const [visible, setVisible] = (0, react.useState)(true);
+	(0, react.useEffect)(() => {
+		const onVisibility = () => {
+			setVisible(document.visibilityState === "visible");
+		};
+		onVisibility();
+		document.addEventListener("visibilitychange", onVisibility);
+		return () => {
+			document.removeEventListener("visibilitychange", onVisibility);
+		};
+	}, []);
+	return visible;
+}
+/**
+* One card.
+*
+* A button, so keyboard activation, focus handling and disabled semantics come
+* for free. The icon is a decorative tile marked `aria-hidden`; the title and
+* gloss carry the meaning.
+*/
+function Card({ suggestion, onPick, t }) {
+	const [hover, setHover] = (0, react.useState)(false);
+	const [focus, setFocus] = (0, react.useState)(false);
+	const lit = hover || focus;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: () => {
+			onPick(t(suggestion.promptKey));
+		},
+		onPointerEnter: () => {
+			setHover(true);
+		},
+		onPointerLeave: () => {
+			setHover(false);
+		},
+		onFocus: () => {
+			setFocus(true);
+		},
+		onBlur: () => {
+			setFocus(false);
+		},
+		style: {
+			flex: `0 0 calc((100cqw - ${VISIBLE - 1} * var(--dsh-suggestion-gap)) / ${VISIBLE})`,
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 12,
+			boxSizing: "border-box",
+			minWidth: 0,
+			padding: "14px",
+			textAlign: "left",
+			font: "inherit",
+			cursor: "pointer",
+			color: "var(--dsw-alias-label-primary)",
+			background: lit ? `color-mix(in srgb, ${suggestion.hue.tile} ${HUE_WASH}%, var(--dsw-alias-interactive-bg-active))` : `color-mix(in srgb, ${suggestion.hue.tile} ${HUE_WASH}%, var(--dsw-alias-interactive-bg-hover))`,
+			border: "none",
+			borderRadius: "var(--dsw-radius-md, 12px)",
+			transition: "background-color 120ms ease",
+			outline: focus ? "2px solid var(--dsw-alias-state-business-primary)" : "none",
+			outlineOffset: 2
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": true,
+			style: {
+				flex: "none",
+				display: "grid",
+				placeItems: "center",
+				width: 32,
+				height: 32,
+				marginTop: 1,
+				borderRadius: "var(--dsw-radius-sm, 8px)",
+				background: suggestion.hue.tile,
+				color: "var(--dsw-static-neutral-bluish-1000, #0f1115)"
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SuggestionIconArt, {
+				icon: suggestion.icon,
+				size: 17
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 3,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+					fontWeight: 600,
+					lineHeight: "19px",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: t(suggestion.titleKey)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					fontSize: "12px",
+					lineHeight: "17px",
+					color: "var(--dsw-alias-label-tertiary)",
+					display: "-webkit-box",
+					WebkitLineClamp: 2,
+					WebkitBoxOrient: "vertical",
+					overflow: "hidden"
+				},
+				children: t(suggestion.glossKey)
+			})]
+		})]
+	});
+}
+/** One carousel arrow. */
+function Arrow({ direction, label, onClick }) {
+	const [hover, setHover] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-label": label,
+		onClick,
+		onPointerEnter: () => {
+			setHover(true);
+		},
+		onPointerLeave: () => {
+			setHover(false);
+		},
+		style: {
+			flex: "none",
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: 26,
+			height: 26,
+			padding: 0,
+			cursor: "pointer",
+			color: "var(--dsw-alias-label-secondary)",
+			background: hover ? "var(--dsw-alias-interactive-bg-hover)" : "transparent",
+			border: "none",
+			borderRadius: 999,
+			transition: "background 120ms ease"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			"aria-hidden": true,
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: direction === "prev" ? "M15 5l-7 7 7 7" : "M9 5l7 7-7 7",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+}
+function SuggestionCards(props) {
+	const blank = props.useSession((session) => session.blank);
+	const setDraft = props.inputActions.setDraft;
+	const t = props.t;
+	const n = SUGGESTIONS.length;
+	const ring = n > VISIBLE;
+	const viewportRef = (0, react.useRef)(null);
+	const trackRef = (0, react.useRef)(null);
+	const posRef = (0, react.useRef)(ringStart(n));
+	const stepRef = (0, react.useRef)(0);
+	const [ready, setReady] = (0, react.useState)(!ring);
+	const [engaged, setEngaged] = (0, react.useState)(false);
+	const reducedMotion = useReducedMotion();
+	const visible = useTabVisible();
+	const mount = useHeroMount(blank);
+	/**
+	* The slide's own animation, written by this component and nobody else.
+	*
+	* `transform` and `transition` are BOTH owned by the imperative code below
+	* and are deliberately absent from the `style` prop further down. They have
+	* to have exactly one owner: a value declared in JSX is only re-applied when
+	* React sees it CHANGE, so the first time the effect writes
+	* `track.style.transition = 'none'` (or clears it with `''`), React's
+	* declared value is gone and React has no reason to write it again. The
+	* track then keeps the browser default — `all 0s` — and every "slide" lands
+	* instantly with a hard cut. That is a silent failure: positions, wrapping
+	* and the ring all still measure correct, so only watching the motion
+	* reveals it.
+	*
+	* A slow, eased curve rather than a short linear one: the strip shows one
+	* card leaving and one arriving, and at 320ms with a snappy curve it reads
+	* as a jump cut rather than travel.
+	*
+	* The curve is `cubic-bezier(.33,0,.15,1)`, chosen for its END VELOCITIES
+	* and not its looks on a graph. Measured as distance-per-unit-time (1.0
+	* being a linear slide) it starts at 0.4, peaks near 2.7, and finishes at
+	* 0.05 — eased away from rest and brought gently to rest. The obvious
+	* "smooth" pick, `cubic-bezier(.16,.84,.28,1)` (a material-style fast-out),
+	* starts at 4.39: it covers 44% of the distance in the first 10% of the
+	* time and then crawls. On a row of cards that reads as a snap followed by
+	* a stall, which is the opposite of what a carousel wants.
+	*/
+	const SLIDE_MS = 520;
+	const SLIDE_EASING = "cubic-bezier(.33,0,.15,1)";
+	/** Place the track at a position with no transition. */
+	const snapTo = (0, react.useCallback)((pos) => {
+		const track = trackRef.current;
+		if (track === null) return;
+		track.style.transition = "none";
+		track.style.transform = `translate3d(${-pos * stepRef.current}px, 0, 0)`;
+	}, []);
+	/** Animate the track to a position. */
+	const slideTo = (0, react.useCallback)((pos) => {
+		const track = trackRef.current;
+		if (track === null) return;
+		track.style.transition = `transform ${SLIDE_MS}ms ${SLIDE_EASING}`;
+		track.style.transform = `translate3d(${-pos * stepRef.current}px, 0, 0)`;
+	}, []);
+	const autoplayTimerRef = (0, react.useRef)(0);
+	const latestStepRef = (0, react.useRef)(() => {});
+	/**
+	* Schedule the next auto-rotation tick one full interval from now,
+	* replacing any tick already pending.
+	*
+	* Called by every `step`, which is what makes the cadence immune to a tick
+	* landing mid-slide.
+	*/
+	const bumpAutoplay = (0, react.useCallback)(() => {
+		window.clearTimeout(autoplayTimerRef.current);
+		autoplayTimerRef.current = window.setTimeout(() => {
+			latestStepRef.current(1);
+		}, AUTOPLAY_INTERVAL_MS);
+	}, []);
+	/**
+	* Re-measure one step and re-apply the current position.
+	*
+	* The step is read from a real card rather than computed from the viewport
+	* width so the `cqw` fraction in `Card`'s flex-basis and this number cannot
+	* drift apart.
+	*
+	* Re-measuring is not optional. The first frame measures BEFORE the cards
+	* have their final width: `containerType` and the `cqw` basis settle in a
+	* later layout pass, so the first reading is a few percent too large (242px
+	* where the settled card is 213px). A step kept from that frame puts every
+	* position slightly too far along, which compounds — by the fourth card the
+	* window has drifted a whole card and shows two cards plus a gap.
+	*/
+	const remeasure = (0, react.useCallback)(() => {
+		const track = trackRef.current;
+		if (track === null) return false;
+		const first = track.firstElementChild;
+		if (first === null) return false;
+		const gap = Number.parseFloat(getComputedStyle(track).columnGap) || 0;
+		const step$1 = first.getBoundingClientRect().width + gap;
+		if (!(step$1 > 0)) return false;
+		const changed = step$1 !== stepRef.current;
+		stepRef.current = step$1;
+		if (changed) snapTo(posRef.current);
+		return true;
+	}, [snapTo]);
+	(0, react.useEffect)(() => {
+		if (!blank || !ring || mount === null) return;
+		let cancelled = false;
+		const settle = () => {
+			if (cancelled) return;
+			if (!remeasure()) {
+				frame = window.requestAnimationFrame(settle);
+				return;
+			}
+			posRef.current = ringStart(n);
+			snapTo(posRef.current);
+			window.requestAnimationFrame(() => {
+				if (cancelled) return;
+				setReady(true);
+				const viewport = viewportRef.current;
+				if (viewport !== null) {
+					observer = new ResizeObserver(() => {
+						remeasure();
+					});
+					observer.observe(viewport);
+				}
+			});
+		};
+		let frame = window.requestAnimationFrame(settle);
+		let observer;
+		return () => {
+			cancelled = true;
+			window.cancelAnimationFrame(frame);
+			observer?.disconnect();
+		};
+	}, [
+		blank,
+		ring,
+		n,
+		mount,
+		remeasure,
+		snapTo
+	]);
+	/**
+	* Apply whichever rewind the settling position owes.
+	*
+	* Runs when the track reaches its destination, never before the slide:
+	* jumping to the twin position first would put the destination on screen
+	* immediately and then animate away from it, so a click at the seam would
+	* look like it skipped a card. See the module note in carousel.ts.
+	*
+	* The rewind lands on a position showing exactly the cards already on
+	* screen, so `snapTo`'s lack of animation is invisible.
+	*
+	* Only a COMPLETED transition reaches here: an interrupted one fires
+	* `transitioncancel` instead, so there is no partial-position case to
+	* filter out. A person clicking faster than a slide therefore skips this
+	* handler entirely — the rewind they owe is settled by `ringStep` at the
+	* start of their next press, which snaps the same invisible twin.
+	*/
+	const onSettle = (0, react.useCallback)((event) => {
+		if (!ring) return;
+		if (event.target !== trackRef.current) return;
+		if (event.propertyName !== "transform") return;
+		const owed = rewindTo(posRef.current, n);
+		if (owed === null) return;
+		posRef.current = owed;
+		snapTo(owed);
+	}, [
+		ring,
+		n,
+		snapTo
+	]);
+	/** One step of the ring, from an arrow or from auto-rotation. */
+	const step = (0, react.useCallback)((delta) => {
+		if (!ring || !ready) return;
+		bumpAutoplay();
+		const { from, to } = ringStep(posRef.current, delta, n);
+		if (from !== posRef.current) {
+			posRef.current = from;
+			snapTo(from);
+		}
+		posRef.current = to;
+		slideTo(to);
+	}, [
+		ring,
+		ready,
+		n,
+		snapTo,
+		slideTo,
+		bumpAutoplay
+	]);
+	(0, react.useEffect)(() => {
+		latestStepRef.current = step;
+	}, [step]);
+	(0, react.useEffect)(() => {
+		if (!autoplayActive({
+			ring,
+			ready,
+			engaged,
+			reducedMotion,
+			visible
+		})) return;
+		bumpAutoplay();
+		return () => {
+			window.clearTimeout(autoplayTimerRef.current);
+		};
+	}, [
+		ring,
+		ready,
+		engaged,
+		reducedMotion,
+		visible,
+		bumpAutoplay
+	]);
+	if (!blank) return null;
+	if (n === 0) return null;
+	if (mount === null) return null;
+	const cards = ring ? Array.from({ length: ringLength(n) }, (_, i) => SUGGESTIONS[i % n]) : SUGGESTIONS;
+	const strip = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: viewportRef,
+		"data-aishell-suggestions": n,
+		style: {
+			overflow: "hidden",
+			minWidth: 0,
+			flex: "1 1 auto",
+			containerType: "inline-size"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: trackRef,
+			"data-aishell-suggestion-track": ring ? "ring" : "flat",
+			onTransitionEnd: onSettle,
+			style: {
+				display: "flex",
+				alignItems: "stretch",
+				gap: "var(--dsh-suggestion-gap)",
+				width: "max-content",
+				willChange: "transform"
+			},
+			children: cards.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
+				suggestion,
+				onPick: setDraft,
+				t
+			}, `${i}:${suggestion.id}`))
+		})
+	});
+	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		onPointerEnter: () => {
+			setEngaged(true);
+		},
+		onPointerLeave: () => {
+			setEngaged(false);
+		},
+		onFocus: () => {
+			setEngaged(true);
+		},
+		onBlur: (event) => {
+			const next = event.relatedTarget;
+			if (next === null || !event.currentTarget.contains(next)) setEngaged(false);
+		},
+		style: {
+			["--dsh-suggestion-gap"]: "10px",
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			minWidth: 0,
+			margin: "12px 0 22px"
+		},
+		children: [
+			ring && ready && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Arrow, {
+				direction: "prev",
+				label: t("suggestion.previous"),
+				onClick: () => {
+					step(-1);
+				}
+			}),
+			strip,
+			ring && ready && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Arrow, {
+				direction: "next",
+				label: t("suggestion.next"),
+				onClick: () => {
+					step(1);
+				}
+			})
+		]
+	}), mount);
+}
+
+//#endregion
+//#region src/client/locales.ts
+/**
+* aishell brand locale dictionaries.
+*
+* The brand plugin owns its own namespace rather than reusing `aishell`
+* (which `aishell-credentials` registers): a namespace's texts have exactly
+* one owner, and a duplicate `(ns, locale)` registration throws.
+*
+* ## Why content lives in a dictionary
+*
+* The suggestion cards are the only strings in this plugin a person reads,
+* and they are CONTENT rather than interface chrome — a card title, its
+* one-line gloss, and the prompt a click inserts. They still belong here:
+* a card that says「云资源查询」to an English reader is worse than no card,
+* and the prompt it inserts would start an English conversation in Chinese.
+*
+* Chinese is the key-set source of truth; English is complete against it and
+* is also the terminal fallback, so every locale other than `zh` reads
+* English. That is the framework's own chain (`LOCALE_IDS = ["zh", "en"]`,
+* with English carrying no fallback) — there is no third dictionary to write.
+*
+* @module @huaweidevtools/aishell-dsh-brand/client/locales
+*/
+/** Dictionary namespace owned by this plugin. */
+const NS = "aishell-brand";
+/** Simplified Chinese dictionary (the key-set source of truth). */
+const zh = {
+	"suggestion.previous": "上一个示例",
+	"suggestion.next": "下一个示例",
+	"suggestion.inventory.title": "云资源查询",
+	"suggestion.inventory.gloss": "列出当前账号下的云资源",
+	"suggestion.inventory.prompt": "请列出我的华为云资源清单，按服务分类（计算、存储、网络、数据库等），标出每类资源的数量和所在区域。",
+	"suggestion.deploy.title": "部署方案推荐",
+	"suggestion.deploy.gloss": "按访问量和预算给出可落地的部署路径",
+	"suggestion.deploy.prompt": "我要部署一个轻量级 Web 应用，请对比几种可行的部署方案，说明各自的适用规模、月度成本量级和运维复杂度，并给出你的推荐及理由。",
+	"suggestion.enterprise.title": "企业上云",
+	"suggestion.enterprise.gloss": "多账号、网络分区与权限边界的整体设计",
+	"suggestion.enterprise.prompt": "请为我规划一套云上 Landing Zone 架构，覆盖账号组织结构、网络分区、权限边界与审计要求，并说明各部分的设计取舍。",
+	"suggestion.billing.title": "账单分析",
+	"suggestion.billing.gloss": "分析上个月的云资源支出",
+	"suggestion.billing.prompt": "请分析我上个月的云资源支出构成，找出占比最高的几项服务，指出其中可以优化或降配的部分，并估算调整后能节省多少。"
+};
+/** English dictionary. Complete against {@link zh}; also the terminal fallback. */
+const en = {
+	"suggestion.previous": "Previous example",
+	"suggestion.next": "Next example",
+	"suggestion.inventory.title": "Cloud inventory",
+	"suggestion.inventory.gloss": "List the resources in this account",
+	"suggestion.inventory.prompt": "List the resources in my Huawei Cloud account, grouped by service (compute, storage, network, database), with the count and the region for each group.",
+	"suggestion.deploy.title": "Deployment options",
+	"suggestion.deploy.gloss": "A workable path for your traffic and budget",
+	"suggestion.deploy.prompt": "I want to deploy a lightweight web application. Compare a few viable deployment options, covering the scale each one suits, its order-of-magnitude monthly cost, and its operational complexity, then recommend one and explain why.",
+	"suggestion.enterprise.title": "Landing zone",
+	"suggestion.enterprise.gloss": "Multi-account structure, network and permission boundaries",
+	"suggestion.enterprise.prompt": "Design a cloud landing zone for my organisation, covering the account structure, network partitions, permission boundaries and audit requirements, and explain the trade-offs behind each part.",
+	"suggestion.billing.title": "Billing analysis",
+	"suggestion.billing.gloss": "Break down last month's cloud spend",
+	"suggestion.billing.prompt": "Analyse my cloud spend for last month, identify the services that account for the largest share, point out what could be optimised or downsized, and estimate how much that would save."
+};
 
 //#endregion
 //#region src/client/title-shadow.ts
@@ -314,11 +1332,350 @@ function installTitleShadow(target) {
 	};
 }
 
+//#endregion
+//#region src/client/aishell-mark.ts
+/**
+* The AI Shell mark as an inline source, shared by the runtime brand shadows.
+*
+* The slot occupants (Brand.tsx) draw the mark through a CSS module whose
+* url() the build inlines, but the runtime shadows need the bytes as a JS
+* string: the favicon shadow writes them into a link href, and the running
+* status mark shadow writes them into injected patch CSS. This module is
+* that one source, so the asset and the shadows cannot drift apart.
+* tests/aishell-mark.spec.ts pins the constant against assets/aishell.svg.
+*
+* @module @huaweidevtools/aishell-dsh-brand/client/aishell-mark
+*/
+/** The AI Shell mark, verbatim assets/aishell.svg (the spec pins this). */
+const AISHELL_MARK_SVG = `<svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44.000000" height="44.000000" fill="none">
+	<defs>
+		<linearGradient id="paint_linear_0" x1="38.5" x2="2.19999695" y1="1.90734863e-06" y2="39.5999908" gradientUnits="userSpaceOnUse">
+			<stop stop-color="rgb(53,137,255)" offset="0" stop-opacity="1" />
+			<stop stop-color="rgb(169,38,255)" offset="1" stop-opacity="1" />
+		</linearGradient>
+	</defs>
+	<rect id="icon_AIShell" width="44.000000" height="44.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<path id="合并" d="M37.4576 0.299738C37.3775 0.139877 37.2861 0.0428196 37.1832 0.00856393C37.0917 -0.0142732 37.006 0.00856394 36.9259 0.0770754C36.8459 0.145587 36.7887 0.219808 36.7545 0.299738C36.4572 1.86408 35.7369 3.21718 34.5937 4.35904C33.4618 5.48948 32.0956 6.22027 30.495 6.55141C30.3921 6.57424 30.3178 6.64275 30.272 6.75694C30.2377 6.87113 30.2435 6.97389 30.2892 7.06524C30.3464 7.15659 30.415 7.20226 30.495 7.20226C31.2078 7.35296 31.8779 7.58759 32.5055 7.90618L32.5055 7.9062L32.5056 7.90623C33.257 8.28771 33.9473 8.78955 34.5765 9.41176C35.7312 10.5422 36.4572 11.8896 36.7545 13.4539C36.8116 13.591 36.8974 13.6823 37.0117 13.728C37.1146 13.7622 37.2061 13.7565 37.2861 13.7109C37.3775 13.6538 37.4347 13.5681 37.4576 13.4539C37.7891 11.8896 38.5151 10.5422 39.6355 9.41176C40.7674 8.2699 42.1279 7.5334 43.717 7.20226C43.8199 7.17943 43.9 7.12233 43.9571 7.03099C44.0143 6.92822 44.0143 6.83116 43.9571 6.73981C43.9 6.63705 43.8199 6.57424 43.717 6.55141C42.1507 6.22027 40.7959 5.48948 39.6527 4.35904C38.5208 3.21718 37.7891 1.86408 37.4576 0.299738ZM42.625 16.4999L42.625 33C42.625 33.9493 42.4572 34.829 42.1216 35.6392C41.786 36.4495 41.2826 37.1902 40.6114 37.8614C39.9402 38.5326 39.1994 39.036 38.3892 39.3716C37.579 39.7072 36.6992 39.875 35.75 39.875L10.9999 39.875L8.24995 39.875C7.30073 39.875 6.42102 39.7072 5.61081 39.3716C4.80058 39.036 4.05985 38.5326 3.38863 37.8614C2.71742 37.1902 2.21402 36.4494 1.87841 35.6392C1.5428 34.829 1.375 33.9493 1.375 33L1.375 11C1.375 10.0508 1.5428 9.17106 1.8784 8.36083L1.87841 8.36082C2.21402 7.55059 2.71743 6.80987 3.38864 6.13866C4.05985 5.46745 4.80057 4.96404 5.61079 4.62843L5.6108 4.62843C6.42103 4.29282 7.30076 4.12502 8.25 4.12502L27.4999 4.125C28.2699 4.125 28.8749 4.73 28.8749 5.5C28.8749 6.27 28.2699 6.875 27.4999 6.875L8.25 6.87502C7.68045 6.87502 7.15261 6.9757 6.66648 7.17706C6.18034 7.37843 5.73591 7.68047 5.33318 8.0832C4.93046 8.48593 4.62841 8.93036 4.42705 9.41649C4.22568 9.90263 4.125 10.4305 4.125 11L4.125 33C4.125 33.5696 4.22568 34.0974 4.42705 34.5835C4.62841 35.0697 4.93045 35.5141 5.33317 35.9168C5.73588 36.3195 6.18028 36.6216 6.66639 36.8229C7.15256 37.0243 7.68042 37.125 8.24999 37.125L10.9999 37.125L35.75 37.125C36.3195 37.125 36.8474 37.0243 37.3335 36.823C37.8197 36.6216 38.2641 36.3196 38.6668 35.9168C39.0695 35.5141 39.3716 35.0697 39.573 34.5835C39.7743 34.0974 39.875 33.5696 39.875 33L39.875 16.4999C39.875 15.7299 40.48 15.1249 41.25 15.1249C42.02 15.1249 42.625 15.7299 42.625 16.4999ZM10.0277 12.7777C10.5722 12.2333 11.4278 12.2333 11.9723 12.7777L20.2222 21.0277C20.4907 21.2962 20.6249 21.6203 20.6249 22C20.6249 22.3797 20.4907 22.7037 20.2222 22.9722L11.9722 31.2223C11.4277 31.7668 10.5721 31.7668 10.0277 31.2223C9.48318 30.6779 9.48317 29.8223 10.0276 29.2778L17.3054 22L10.0277 14.7223C9.48325 14.1778 9.48326 13.3222 10.0277 12.7777ZM20.625 28.875C20.625 28.105 21.23 27.5 22 27.5L33 27.5C33.77 27.5 34.375 28.105 34.375 28.875C34.375 29.645 33.77 30.25 33 30.25L22 30.25C21.23 30.25 20.625 29.645 20.625 28.875Z" fill="rgb(0,0,0)" fill-opacity="0" fill-rule="evenodd" />
+	<path id="合并" d="M37.4576 0.299738C37.3775 0.139877 37.2861 0.0428196 37.1832 0.00856393C37.0917 -0.0142732 37.006 0.00856394 36.9259 0.0770754C36.8459 0.145587 36.7887 0.219808 36.7545 0.299738C36.4572 1.86408 35.7369 3.21718 34.5937 4.35904C33.4618 5.48948 32.0956 6.22027 30.495 6.55141C30.3921 6.57424 30.3178 6.64275 30.272 6.75694C30.2377 6.87113 30.2435 6.97389 30.2892 7.06524C30.3464 7.15659 30.415 7.20226 30.495 7.20226C31.2078 7.35296 31.8779 7.58759 32.5055 7.90618L32.5055 7.9062L32.5056 7.90623C33.257 8.28771 33.9473 8.78955 34.5765 9.41176C35.7312 10.5422 36.4572 11.8896 36.7545 13.4539C36.8116 13.591 36.8974 13.6823 37.0117 13.728C37.1146 13.7622 37.2061 13.7565 37.2861 13.7109C37.3775 13.6538 37.4347 13.5681 37.4576 13.4539C37.7891 11.8896 38.5151 10.5422 39.6355 9.41176C40.7674 8.2699 42.1279 7.5334 43.717 7.20226C43.8199 7.17943 43.9 7.12233 43.9571 7.03099C44.0143 6.92822 44.0143 6.83116 43.9571 6.73981C43.9 6.63705 43.8199 6.57424 43.717 6.55141C42.1507 6.22027 40.7959 5.48948 39.6527 4.35904C38.5208 3.21718 37.7891 1.86408 37.4576 0.299738ZM42.625 16.4999L42.625 33C42.625 33.9493 42.4572 34.829 42.1216 35.6392C41.786 36.4495 41.2826 37.1902 40.6114 37.8614C39.9402 38.5326 39.1994 39.036 38.3892 39.3716C37.579 39.7072 36.6992 39.875 35.75 39.875L10.9999 39.875L8.24995 39.875C7.30073 39.875 6.42102 39.7072 5.61081 39.3716C4.80058 39.036 4.05985 38.5326 3.38863 37.8614C2.71742 37.1902 2.21402 36.4494 1.87841 35.6392C1.5428 34.829 1.375 33.9493 1.375 33L1.375 11C1.375 10.0508 1.5428 9.17106 1.8784 8.36083L1.87841 8.36082C2.21402 7.55059 2.71743 6.80987 3.38864 6.13866C4.05985 5.46745 4.80057 4.96404 5.61079 4.62843L5.6108 4.62843C6.42103 4.29282 7.30076 4.12502 8.25 4.12502L27.4999 4.125C28.2699 4.125 28.8749 4.73 28.8749 5.5C28.8749 6.27 28.2699 6.875 27.4999 6.875L8.25 6.87502C7.68045 6.87502 7.15261 6.9757 6.66648 7.17706C6.18034 7.37843 5.73591 7.68047 5.33318 8.0832C4.93046 8.48593 4.62841 8.93036 4.42705 9.41649C4.22568 9.90263 4.125 10.4305 4.125 11L4.125 33C4.125 33.5696 4.22568 34.0974 4.42705 34.5835C4.62841 35.0697 4.93045 35.5141 5.33317 35.9168C5.73588 36.3195 6.18028 36.6216 6.66639 36.8229C7.15256 37.0243 7.68042 37.125 8.24999 37.125L10.9999 37.125L35.75 37.125C36.3195 37.125 36.8474 37.0243 37.3335 36.823C37.8197 36.6216 38.2641 36.3196 38.6668 35.9168C39.0695 35.5141 39.3716 35.0697 39.573 34.5835C39.7743 34.0974 39.875 33.5696 39.875 33L39.875 16.4999C39.875 15.7299 40.48 15.1249 41.25 15.1249C42.02 15.1249 42.625 15.7299 42.625 16.4999ZM10.0277 12.7777C10.5722 12.2333 11.4278 12.2333 11.9723 12.7777L20.2222 21.0277C20.4907 21.2962 20.6249 21.6203 20.6249 22C20.6249 22.3797 20.4907 22.7037 20.2222 22.9722L11.9722 31.2223C11.4277 31.7668 10.5721 31.7668 10.0277 31.2223C9.48318 30.6779 9.48317 29.8223 10.0276 29.2778L17.3054 22L10.0277 14.7223C9.48325 14.1778 9.48326 13.3222 10.0277 12.7777ZM20.625 28.875C20.625 28.105 21.23 27.5 22 27.5L33 27.5C33.77 27.5 34.375 28.105 34.375 28.875C34.375 29.645 33.77 30.25 33 30.25L22 30.25C21.23 30.25 20.625 29.645 20.625 28.875Z" fill="url(#paint_linear_0)" fill-rule="evenodd" />
+</svg>`;
+/**
+* The mark as a self-contained data URI.
+*
+* URL-encoded rather than base64 (shorter, and the gradient reads on both
+* light and dark themes, which is what lets one URI serve every surface).
+*/
+const AISHELL_MARK_URI = `data:image/svg+xml,${encodeURIComponent(AISHELL_MARK_SVG)}`;
+
+//#endregion
+//#region src/client/favicon-shadow.ts
+/** The official product names the manifest shadow rewrites. */
+const OFFICIAL_MANIFEST_NAMES = {
+	name: "DeepSeek Harness",
+	short_name: "DSH"
+};
+/** The branded names that shadow them. */
+const BRANDED_MANIFEST_NAMES = {
+	name: "AI Shell",
+	short_name: "AI Shell"
+};
+/**
+* Rewrite a manifest document's display names in place.
+*
+* Only the two fields the dist actually ships are touched, and only when
+* they carry their official values — anything else in the document (icons,
+* start_url, scope, display) passes through untouched, and a manifest the
+* base customized keeps its customization.
+*/
+function rebrandManifest(manifest) {
+	const branded = { ...manifest };
+	for (const key of Object.keys(OFFICIAL_MANIFEST_NAMES)) if (branded[key] === OFFICIAL_MANIFEST_NAMES[key]) branded[key] = BRANDED_MANIFEST_NAMES[key];
+	return branded;
+}
+/** The href every icon link is shadowed with (exposed for the spec). */
+const BRANDED_ICON_HREF = AISHELL_MARK_URI;
+/**
+* The rel token list of a link node, or undefined when the node is not a
+* link (comment nodes reach the same iterator).
+*
+* Duck-typed on the attribute rather than `instanceof HTMLLinkElement` so
+* the shadow works identically in the browser and under the specs' DOM
+* stub, which provides the attribute surface without the constructor.
+*/
+function linkRels(node) {
+	if (node.nodeType !== Node.ELEMENT_NODE) return void 0;
+	const rel = node.getAttribute("rel");
+	if (rel === null) return void 0;
+	return rel.split(/\s+/);
+}
+/**
+* Install the favicon shadow on a document.
+*
+* Rewrites every current icon link's href to the AI Shell mark (dropping
+* the media attribute so the one gradient serves both themes), shadows the
+* manifest names when the manifest is reachable, and observes the head so
+* re-inserted links are covered too. Returns the disposer: every touched
+* link is restored to its original href and media, the manifest link to
+* its original href, and the Blob URL is revoked, so an unload leaves the
+* document exactly as it was found.
+*/
+function installFaviconShadow(target) {
+	if (typeof target.querySelector !== "function") return () => {};
+	const iconRestores = [];
+	let manifestLink;
+	let manifestHref;
+	let blobUrl;
+	const shadowIcon = (link) => {
+		if (iconRestores.some((restore) => restore.link === link)) return;
+		iconRestores.push({
+			link,
+			href: link.getAttribute("href") ?? "",
+			media: link.getAttribute("media") ?? ""
+		});
+		link.setAttribute("href", BRANDED_ICON_HREF);
+		link.removeAttribute("media");
+	};
+	const shadowManifest = (link) => {
+		if (manifestLink !== void 0) return;
+		const href = link.getAttribute("href");
+		if (href === null) return;
+		manifestLink = link;
+		const url = new URL(href, target.baseURI);
+		fetch(url).then((response) => response.ok ? response.text() : Promise.reject(new Error(`HTTP ${response.status}`))).then((text) => {
+			if (manifestLink !== link) return;
+			const parsed = JSON.parse(text);
+			if (typeof parsed !== "object" || parsed === null) throw new Error("manifest is not an object");
+			const branded = rebrandManifest(parsed);
+			const blob = new Blob([JSON.stringify(branded)], { type: "application/manifest+json" });
+			blobUrl = URL.createObjectURL(blob);
+			manifestHref = href;
+			link.setAttribute("href", blobUrl);
+		}).catch(() => {
+			if (manifestLink === link) manifestLink = void 0;
+		});
+	};
+	const sweep$1 = (root) => {
+		for (const link of root.querySelectorAll("link")) {
+			const rels = linkRels(link);
+			if (rels === void 0) continue;
+			if (rels.includes("icon")) shadowIcon(link);
+			else if (rels.includes("manifest")) shadowManifest(link);
+		}
+	};
+	sweep$1(target.head);
+	const observer = new MutationObserver((mutations) => {
+		for (const mutation of mutations) for (const node of mutation.addedNodes) {
+			const rels = linkRels(node);
+			if (rels === void 0) continue;
+			const element = node;
+			if (rels.includes("icon")) shadowIcon(element);
+			else if (rels.includes("manifest")) shadowManifest(element);
+		}
+	});
+	observer.observe(target.head, { childList: true });
+	return () => {
+		observer.disconnect();
+		for (const { link, href, media } of iconRestores) {
+			link.setAttribute("href", href);
+			if (media !== "") link.setAttribute("media", media);
+			else link.removeAttribute("media");
+		}
+		if (manifestLink !== void 0 && manifestHref !== void 0) manifestLink.setAttribute("href", manifestHref);
+		manifestLink = void 0;
+		if (blobUrl !== void 0) URL.revokeObjectURL(blobUrl);
+	};
+}
+
+//#endregion
+//#region src/client/running-mark-shadow.ts
+/** Marker attribute the patch style element carries (exposed for the spec). */
+const RUNNING_PATCH_MARKER = "data-aishell-running-mark";
+/**
+* The patch CSS. The whale layers are hidden unconditionally — the static
+* fallback too, because the mark replaces both — while the mark's own
+* animation is guarded so reduced motion keeps it still.
+*/
+const RUNNING_MARK_PATCH_CSS = [
+	"[data-chat-running] [class*=\"runningWhaleAnimated\"],",
+	"[data-chat-running] [class*=\"runningWhaleStill\"] {",
+	"  display: none;",
+	"}",
+	"[data-chat-running] [class*=\"runningIcon\"] {",
+	`  background: url("${AISHELL_MARK_URI}") center / contain no-repeat;`,
+	"}",
+	"@keyframes aishell-running-bob {",
+	"  0%, 100% { transform: none; opacity: 1; }",
+	"  50% { transform: translateY(-0.7px); opacity: 0.82; }",
+	"}",
+	"@media (prefers-reduced-motion: no-preference) {",
+	"  [data-chat-running] [class*=\"runningIcon\"] {",
+	"    animation: aishell-running-bob 1.2s ease-in-out infinite;",
+	"  }",
+	"}"
+].join("\n");
+/**
+* Install the running-mark shadow on a document.
+*
+* Injects the patch CSS once (guarded by the marker attribute so a second
+* install is a no-op) and returns the disposer that removes the element.
+*/
+function installRunningMarkShadow(target) {
+	if (typeof target.querySelector !== "function") return () => {};
+	const existing = target.querySelector(`style[${RUNNING_PATCH_MARKER}]`);
+	if (existing !== null) return () => {
+		existing.remove();
+	};
+	const tag = target.createElement("style");
+	tag.setAttribute(RUNNING_PATCH_MARKER, "");
+	tag.textContent = RUNNING_MARK_PATCH_CSS;
+	target.head.appendChild(tag);
+	return () => {
+		tag.remove();
+	};
+}
+
+//#endregion
+//#region src/client/running-text-shadow.ts
+/** Official zh phrase, the prefix of both the bare and the duration forms. */
+const OFFICIAL_ZH = "深度求索中";
+/** Branded zh phrase (final copy: 思考中 / 思考中，用时 {duration} ···). */
+const BRANDED_ZH = "思考中";
+/** Official en phrase, the prefix of both the bare and the duration forms. */
+const OFFICIAL_EN = "Deep diving";
+/** Branded en phrase (final copy: Thinking / Thinking for {duration} ···). */
+const BRANDED_EN = "Thinking";
+/** The replacements, in order. */
+const REPLACEMENTS = [[OFFICIAL_ZH, BRANDED_ZH], [OFFICIAL_EN, BRANDED_EN]];
+/**
+* Rewrite the running-line copy inside a value.
+*
+* Every occurrence of either official phrase is replaced; a value without
+* them is returned as-is — the shadow never invents content.
+*/
+function rebrandRunningText(value) {
+	let branded = value;
+	for (const [official, replacement] of REPLACEMENTS) branded = branded.split(official).join(replacement);
+	return branded;
+}
+/** Whether the node carries the running row's stable anchor attribute.
+*
+* Duck-typed on the attribute surface rather than `instanceof Element` so
+* the shadow works identically in the browser and under the specs' DOM
+* stub, which provides the attribute methods without the constructor. */
+function isRunningRow(node) {
+	return node.nodeType === Node.ELEMENT_NODE && node.hasAttribute("data-chat-running");
+}
+/**
+* Rewrite one text node and the shimmer attribute of its parent.
+*
+* The attribute matters as much as the node: TextShimmer's decorative
+* layer draws `content: attr(data-shimmer-text)` rather than the node's
+* own text, so leaving it stale resurfaces the official copy every time
+* the highlight sweeps.
+*/
+function rewriteTextNode(node) {
+	const branded = rebrandRunningText(node.data);
+	if (branded === node.data) return;
+	node.data = branded;
+	const host = node.parentElement;
+	if (host !== null && host.hasAttribute("data-shimmer-text")) host.setAttribute("data-shimmer-text", rebrandRunningText(host.getAttribute("data-shimmer-text") ?? ""));
+}
+/**
+* Sweep a subtree for official copy, rewriting what it finds.
+*
+* The attribute-only pass matters too: TextShimmer sets the attribute to
+* the generated string while the text node itself renders null, so some
+* re-renders change only the attribute.
+*/
+function sweep(target, root) {
+	const walker = target.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) rewriteTextNode(node);
+	for (const host of root.querySelectorAll("[data-shimmer-text]")) {
+		const value = host.getAttribute("data-shimmer-text") ?? "";
+		const branded = rebrandRunningText(value);
+		if (branded !== value) host.setAttribute("data-shimmer-text", branded);
+	}
+}
+/**
+* Install the running-text shadow on a document.
+*
+* Sweeps every mounted [data-chat-running] row once, then observes the
+* document body for new rows (childList) and their text/attribute
+* changes (characterData, data-shimmer-text) so the per-second re-renders
+* stay covered for as long as the row exists. Returns the disposer: the
+* observer stops and every live row is restored to its official copy.
+*/
+function installRunningTextShadow(target) {
+	if (typeof target.querySelector !== "function" || typeof MutationObserver !== "function") return () => {};
+	const rewriteRow = (row) => {
+		sweep(target, row);
+	};
+	for (const row of target.querySelectorAll("[data-chat-running]")) rewriteRow(row);
+	const observer = new MutationObserver((mutations) => {
+		for (const mutation of mutations) {
+			if (mutation.type === "characterData") {
+				const node = mutation.target;
+				if (node.parentElement !== null && node.parentElement.closest("[data-chat-running]") !== null) rewriteTextNode(node);
+				continue;
+			}
+			if (mutation.type === "attributes") {
+				const host = mutation.target;
+				if (host.nodeType === Node.ELEMENT_NODE) {
+					const element = host;
+					if (element.closest("[data-chat-running]") !== null) {
+						const value = element.getAttribute("data-shimmer-text") ?? "";
+						const branded = rebrandRunningText(value);
+						if (branded !== value) element.setAttribute("data-shimmer-text", branded);
+					}
+				}
+				continue;
+			}
+			for (const node of mutation.addedNodes) if (node.nodeType === Node.ELEMENT_NODE) {
+				if (isRunningRow(node)) rewriteRow(node);
+				else if (node.parentElement !== null && node.parentElement.closest("[data-chat-running]") !== null) sweep(target, node.parentElement);
+			} else if (node.nodeType === Node.TEXT_NODE && node.parentElement !== null) {
+				if (node.parentElement.closest("[data-chat-running]") !== null) rewriteTextNode(node);
+			}
+		}
+	});
+	observer.observe(target.body, {
+		childList: true,
+		subtree: true,
+		characterData: true,
+		attributeFilter: ["data-shimmer-text"]
+	});
+	return () => {
+		observer.disconnect();
+		for (const row of target.querySelectorAll("[data-chat-running]")) {
+			const restore = (host) => {
+				if (host.hasAttribute("data-shimmer-text")) host.setAttribute("data-shimmer-text", unbrand(host.getAttribute("data-shimmer-text") ?? ""));
+			};
+			restore(row);
+			for (const host of row.querySelectorAll("[data-shimmer-text]")) restore(host);
+			const walker = target.createTreeWalker(row, NodeFilter.SHOW_TEXT);
+			for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
+				const text = node;
+				const restored = unbrand(text.data);
+				if (restored !== text.data) text.data = restored;
+			}
+		}
+	};
+}
+/** The inverse rewrite, so the disposer restores the official copy exactly. */
+function unbrand(value) {
+	let official = value;
+	for (const [from, to] of REPLACEMENTS) official = official.split(to).join(from);
+	return official;
+}
+
 //#endregion
 //#region src/client/index.ts
-/** Required service: the UI slot registry. */
-const inject = ["slots"];
+/** Required services: the UI slot registry and the locale registry. */
+const inject = ["slots", "locale"];
 function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(NS, {
+		zh,
+		en
+	}), "aishell-brand: dictionaries");
 	ctx.slots.inject("sidebar.brand.mark", () => ctx.slots.register({
 		name: "sidebar.brand.mark",
 		priority: -1
@@ -331,7 +1688,21 @@ function apply(ctx) {
 		name: "conversation.hero.brand.mark",
 		priority: -1
 	}, AishellHeroBrandMark));
-	if (typeof document !== "undefined") ctx.effect(() => installTitleShadow(document), "aishell-brand: window title shadow");
+	ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+		name: "conversation.input.dock",
+		id: "aishell-suggestions",
+		order: 20,
+		locale: NS
+	}, SuggestionCards));
+	if (typeof document !== "undefined") {
+		ctx.effect(() => installHeroPatchCss(document), "aishell-brand: hero patch css");
+		ctx.effect(() => installHeroHoverBridge(document), "aishell-brand: hero hover bridge");
+		ctx.effect(() => installPoweredBy(document), "aishell-brand: powered-by label");
+		ctx.effect(() => installTitleShadow(document), "aishell-brand: window title shadow");
+		ctx.effect(() => installFaviconShadow(document), "aishell-brand: favicon shadow");
+		ctx.effect(() => installRunningMarkShadow(document), "aishell-brand: running mark shadow");
+		ctx.effect(() => installRunningTextShadow(document), "aishell-brand: running text shadow");
+	}
 }
 
 //#endregion