diff --git a/web/src/pages/admin/components/channel-model-manager.tsx b/web/src/pages/admin/components/channel-model-manager.tsx
index c622abb28..863a70f03 100644
--- a/web/src/pages/admin/components/channel-model-manager.tsx
+++ b/web/src/pages/admin/components/channel-model-manager.tsx
@@ -746,7 +746,7 @@ function PriceTierFields({
{
- onUpload(file);
- return false;
- }}
+ event.preventDefault()}
+ onDrop={handlePluginDrop}
>
-
-
点击选择插件文件
-
仅支持 .yingce-plugin 包,大小不超过 16 MiB
-
+
{
+ onUpload(file);
+ return false;
+ }}
+ >
+
+ {isDraggingPlugin ? "释放文件以上传插件" : "点击选择插件文件,也可拖拽到此处"}
+ 支持 .yingce-plugin 包 · 大小不超过 16 MiB
+
+
上传前请确认插件来源可信。Web 入口只能进入声明的隔离运行时,不会获得主页面权限;密钥也不会从清单读取。
diff --git a/web/src/pages/plugins/plugins.css b/web/src/pages/plugins/plugins.css
index f97a05bb0..11324c1b7 100644
--- a/web/src/pages/plugins/plugins.css
+++ b/web/src/pages/plugins/plugins.css
@@ -542,6 +542,12 @@
border-color: var(--workspace-accent);
}
+.plugin-upload-dropzone-shell.is-dragging .plugin-upload-dropzone.ant-upload-wrapper .ant-upload-drag {
+ border-color: var(--workspace-accent);
+ background: color-mix(in srgb, var(--workspace-accent) 11%, transparent);
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--workspace-accent) 24%, transparent);
+}
+
.plugin-upload-dropzone-icon {
width: 30px;
height: 30px;
diff --git a/web/src/styles/admin-ui.css b/web/src/styles/admin-ui.css
index 665bdfa1f..de3d522f1 100644
--- a/web/src/styles/admin-ui.css
+++ b/web/src/styles/admin-ui.css
@@ -8520,7 +8520,7 @@
.admin-price-tier-controls {
display: grid !important;
- grid-template-columns: repeat(2, minmax(0, 1fr));
+ grid-template-columns: minmax(0, 1fr);
gap: 10px !important;
}
@@ -8528,7 +8528,7 @@
display: flex;
min-width: 0;
min-height: 58px;
- align-items: center;
+ align-items: flex-start;
justify-content: space-between;
gap: 10px;
border: 1px solid var(--admin-card-border);
@@ -8539,6 +8539,7 @@
.admin-price-tier-toggle > div {
display: grid;
+ flex: 1 1 auto;
min-width: 0;
gap: 2px;
}
@@ -8551,12 +8552,11 @@
}
.admin-price-tier-toggle span {
- overflow: hidden;
+ overflow-wrap: anywhere;
color: var(--admin-text-muted);
font-size: 9px;
line-height: 1.4;
- text-overflow: ellipsis;
- white-space: nowrap;
+ white-space: normal;
}
.admin-model-editor-add-tier.ant-btn {
diff --git a/web/test/admin-ui-regressions.test.ts b/web/test/admin-ui-regressions.test.ts
index 34885cfd9..d62b2e029 100644
--- a/web/test/admin-ui-regressions.test.ts
+++ b/web/test/admin-ui-regressions.test.ts
@@ -33,6 +33,25 @@ test("announcement editor preserves image and pinned fields through edit and sav
expect(safetySource).toContain("pinned?: boolean");
});
+test("plugin upload owns native drops and price availability text remains readable", async () => {
+ const [pluginSource, adminCss] = await Promise.all([
+ Bun.file(new URL("../src/pages/plugins/plugin-documentation-modals.tsx", import.meta.url)).text(),
+ Bun.file(new URL("../src/styles/admin-ui.css", import.meta.url)).text(),
+ ]);
+ const toggleCss = sourceSection(adminCss, ".admin-price-tier-toggle span {", ".admin-model-editor-add-tier.ant-btn {");
+
+ expect(pluginSource).toContain("event.preventDefault()");
+ expect(pluginSource).toContain("onDragOver={(event)");
+ expect(pluginSource).toContain("onDrop={handlePluginDrop}");
+ expect(pluginSource).toContain("点击选择插件文件,也可拖拽到此处");
+ expect(pluginSource).toContain("释放文件以上传插件");
+ expect(pluginSource).toContain("isDraggingPlugin");
+ expect(compactSource(adminCss)).toContain(".admin-price-tier-controls { display: grid !important; grid-template-columns: minmax(0, 1fr);");
+ expect(toggleCss).toContain("overflow-wrap: anywhere;");
+ expect(toggleCss).toContain("white-space: normal;");
+ expect(toggleCss).not.toContain("text-overflow: ellipsis;");
+});
+
test("analytics keeps fixed range presets distinct and uses enabled channel models for pricing", async () => {
const source = compactSource(await Bun.file(new URL("../src/pages/admin/components/analytics-panel.tsx", import.meta.url)).text());