dsh-plugin-admin 0.2.0 → 0.2.1

package/lib/client.js

@@ -30,14 +30,15 @@ var CSS_TEXT = [
   '[data-dsh-admin-section] .tab-count { font-size: 10px; font-weight: 600; padding: 1px 6px; border-radius: 10px; background: var(--dsw-alias-interactive-bg-hover, #e5e7eb); color: var(--dsw-alias-label-secondary, #555); }',
   '[data-dsh-admin-section] .tab.active .tab-count { background: var(--dsw-alias-button-primary-fill, #1677ff); color: var(--dsw-alias-label-primary-foreground, #fff); }',
   '[data-dsh-admin-section] .toolbar { display: flex; gap: 8px; align-items: center; padding: 10px; border: 1px solid var(--dsw-alias-border-subtle, rgba(0,0,0,0.08)); border-radius: 12px; background: var(--dsw-alias-bg-base, #fff); box-shadow: 0 1px 2px rgba(0,0,0,0.02); }',
-  '[data-dsh-admin-section] .input-wrap { flex: 1; min-width: 0; position: relative; display: flex; align-items: center; }',
+  '[data-dsh-admin-section] .search-wrap { flex: 1.6; min-width: 0; position: relative; display: flex; align-items: center; }',
+  '[data-dsh-admin-section] .search-wrap .input { flex: 1; min-width: 0; padding-left: 30px; }',
+  '[data-dsh-admin-section] .install-wrap { flex: 1; min-width: 0; display: flex; align-items: center; }',
+  '[data-dsh-admin-section] .install-wrap .input { flex: 1; min-width: 0; }',
+  '[data-dsh-admin-section] .search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; opacity: 0.7; pointer-events: none; z-index: 1; }',
   '[data-dsh-admin-section] .input { width: 100%; padding: 7px 12px; border-radius: 9px; border: 1px solid var(--dsw-alias-border-subtle, rgba(0,0,0,0.12)); background: var(--dsw-alias-bg-base, #fff); color: inherit; font: inherit; outline: none; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }',
   '[data-dsh-admin-section] .input:hover { border-color: var(--dsw-alias-label-tertiary, rgba(0,0,0,0.28)); }',
   '[data-dsh-admin-section] .input:focus { border-color: var(--dsw-alias-button-primary-fill, #1677ff); box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.14); }',
   '[data-dsh-admin-section] .filter-bar { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }',
-  '[data-dsh-admin-section] .search-bar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--dsw-alias-border-subtle, rgba(0,0,0,0.08)); border-radius: 10px; background: var(--dsw-alias-interactive-bg-hover, rgba(0,0,0,0.02)); flex: none; }',
-  '[data-dsh-admin-section] .search-icon { font-size: 12px; opacity: 0.7; flex: none; }',
-  '[data-dsh-admin-section] .search-bar .input { padding: 6px 10px; }',
   '[data-dsh-admin-section] .pill { font-size: 11px; padding: 2px 8px; border-radius: 6px; border: 1px solid var(--dsw-alias-border-subtle, rgba(0,0,0,0.1)); background: transparent; cursor: pointer; color: var(--dsw-alias-label-secondary, #666); transition: all 0.12s; font-family: inherit; }',
   '[data-dsh-admin-section] .pill:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(0,0,0,0.04)); }',
   '[data-dsh-admin-section] .pill.active { background: var(--dsw-alias-interactive-bg-hover, rgba(0,0,0,0.06)); color: var(--dsw-alias-button-primary-fill, #1677ff); font-weight: 600; border-color: currentColor; }',
@@ -654,7 +655,7 @@ function PluginsSection(props) {
   }, [])
 
   return createElement('div', { 'data-dsh-admin-section': '' },
-    renderPluginsView(pView, patchPlugin, reloadPlugins, installPlugin, removePlugin, checkUpdates, upgradePlugin))
+    renderPluginsView(pView, patchPlugin, installPlugin, removePlugin, checkUpdates, upgradePlugin))
 }
 
 /**
@@ -998,15 +999,32 @@ function AdminCenterSection(props) {
 /*                           Render Plugins View                              */
 /* ========================================================================== */
 
-function renderPluginsView(view, patch, reload, install, remove, checkUpdates, upgrade) {
+function renderPluginsView(view, patch, install, remove, checkUpdates, upgrade) {
   var elements = []
 
-  // Toolbar
+  // Toolbar: search (primary, wide) + install input + actions in one row.
   elements.push(createElement('div', { className: 'toolbar', key: 'toolbar' },
-    createElement('div', { className: 'input-wrap', key: 'wrap' },
+    createElement('div', { className: 'search-wrap', key: 'search-wrap' },
+      createElement('span', { className: 'search-icon', key: 'icon' }, '🔍'),
+      createElement('input', {
+        className: 'input',
+        key: 'search-input',
+        placeholder: '搜索插件（名称/版本/路径）...',
+        value: view.needle,
+        onChange: function (e) { patch({ needle: e.target.value }) },
+      }),
+      view.needle !== '' ? createElement('button', {
+        type: 'button',
+        key: 'btn-clear-search',
+        className: 'btn sm',
+        title: '清空搜索',
+        onClick: function () { patch({ needle: '' }) },
+      }, '✕') : null
+    ),
+    createElement('div', { className: 'input-wrap install-wrap', key: 'install-wrap' },
       createElement('input', {
         className: 'input',
-        placeholder: '输入 npm 包名或本地绝对路径...',
+        placeholder: '安装包名/路径...',
         value: view.spec,
         disabled: view.busy,
         onChange: function (e) { patch({ spec: e.target.value }) },
@@ -1033,32 +1051,6 @@ function renderPluginsView(view, patch, reload, install, remove, checkUpdates, u
       view.checkingUpdates ? createElement('span', { className: 'spinner', key: 'spin' }) : null,
       view.checkingUpdates ? '检查中...' : '⬆ 检查更新'
     ),
-    createElement('button', {
-      type: 'button',
-      key: 'btn-refresh',
-      className: 'btn',
-      disabled: view.busy,
-      onClick: reload,
-    }, '刷新')
-  ))
-
-  // Search bar: fuzzy filter by plugin name / version / local path.
-  elements.push(createElement('div', { className: 'search-bar', key: 'search' },
-    createElement('span', { className: 'search-icon', key: 'icon' }, '🔍'),
-    createElement('input', {
-      className: 'input',
-      key: 'search-input',
-      placeholder: '按名称/版本/路径模糊搜索插件...',
-      value: view.needle,
-      onChange: function (e) { patch({ needle: e.target.value }) },
-    }),
-    view.needle !== '' ? createElement('button', {
-      type: 'button',
-      key: 'btn-clear-search',
-      className: 'btn sm',
-      title: '清空搜索',
-      onClick: function () { patch({ needle: '' }) },
-    }, '✕') : null
   ))
 
   // Filter Pills

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-admin",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "description": "dsh web UI plugin: unified administration panel — plugin and session management with modern tabbed Web UI (host remote + browser panel)",
   "main": "lib/index.js",