Update ena-planner.js

modules/ena-planner/ena-planner.js

@@ -1270,17 +1270,44 @@ function createSettingsHTML() {
   const channel = s.api.channel;
 
   return `
-<div id="idle_watcher_style_wrapper">
+<style>
-  <div class="inline-drawer">
+  .ep-tabs { display:flex; gap:4px; margin-bottom:10px; flex-wrap:wrap; }
-    <div class="inline-drawer-toggle inline-drawer-header">
+  .ep-tab { padding:6px 14px; cursor:pointer; border:1px solid var(--SmartThemeBorderColor,#444); border-radius:6px; font-size:13px; opacity:0.7; }
-      <b>Ena Planner</b>
+  .ep-tab.active { opacity:1; background:var(--SmartThemeBorderColor,#444); }
+  .ep-panel { display:none; }
+  .ep-panel.active { display:block; }
+  .ep-row { display:flex; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
+  .ep-col { flex:1; min-width:140px; }
+  .ep-col.wide { flex:2; min-width:200px; }
+  .ep-hint { font-size:11px; opacity:0.6; margin-top:2px; }
+  .ep-hint-box { font-size:12px; opacity:0.75; background:rgba(255,255,255,0.05); padding:8px; border-radius:6px; margin:8px 0; }
+  .ep-divider { border-top:1px solid var(--SmartThemeBorderColor,#444); margin:10px 0; }
+  .ep-actions { display:flex; gap:8px; margin:10px 0; flex-wrap:wrap; }
+  .ep-badge-inline { display:inline-flex; align-items:center; gap:4px; font-size:12px; margin-left:8px; }
+  .ep-badge-inline .dot { width:8px; height:8px; border-radius:50%; }
+  .ep-badge-inline.ok .dot { background:#4caf50; }
+  .ep-badge-inline.warn .dot { background:#ff9800; }
+  #ena_planner_panel label { display:block; font-size:13px; margin-bottom:3px; }
+  #ena_planner_panel select,
+  #ena_planner_panel input[type="text"],
+  #ena_planner_panel input[type="password"],
+  #ena_planner_panel input[type="number"] {
+    width:100%; padding:6px 8px; border-radius:4px; border:1px solid var(--SmartThemeBorderColor,#444);
+    background:var(--SmartThemeBotMesBlurTintColor,#1a1a2e); color:var(--SmartThemeBodyColor,#ccc); font-size:13px;
+  }
+  #ena_planner_panel .menu_button { display:inline-block; white-space:nowrap; }
+  .ep-prompt-block { border:1px solid var(--SmartThemeBorderColor,#444); border-radius:6px; padding:8px; margin-bottom:8px; }
+  .ep-prompt-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; flex-wrap:wrap; gap:6px; }
+  .ep-prompt-block textarea { width:100%; background:var(--SmartThemeBotMesBlurTintColor,#1a1a2e); color:var(--SmartThemeBodyColor,#ccc); border:1px solid var(--SmartThemeBorderColor,#444); border-radius:4px; padding:6px; font-size:12px; }
+</style>
+<div style="padding:4px 0;">
+  <div style="display:flex;align-items:center;margin-bottom:8px;">
+    <b style="font-size:15px;">Ena Planner</b>
     <span class="ep-badge-inline ${s.enabled ? 'ok' : 'warn'}">
       <span class="dot"></span>
       <span>${s.enabled ? 'Enabled' : 'Disabled'}</span>
     </span>
-      <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
   </div>
-    <div class="inline-drawer-content" id="ena_planner_settings">
 
   <div class="ep-tabs">
     <div class="ep-tab active" data-ep-tab="general">总览</div>
@@ -1300,7 +1327,6 @@ function createSettingsHTML() {
         </select>
         <div class="ep-hint">开启后：你点发送/回车，会先走"规划模型"，把规划结果写回输入框再发送。</div>
       </div>
-
       <div class="ep-col">
         <label>避免重复规划（推荐开启）</label>
         <select id="ep_skip_plot">
@@ -1322,7 +1348,6 @@ function createSettingsHTML() {
         </select>
         <div class="ep-hint">角色绑定的世界书总是会读取。这里选择是否额外包含全局世界书。</div>
       </div>
-
       <div class="ep-col">
         <label>排除 position=4 (深度注入)</label>
         <select id="ep_wb_pos4">
@@ -1384,7 +1409,6 @@ function createSettingsHTML() {
         </select>
         <div class="ep-hint">影响默认前缀：OpenAI/Claude → /v1，Gemini → /v1beta</div>
       </div>
-
       <div class="ep-col wide">
         <label>API URL（base）</label>
         <input type="text" id="ep_api_base" placeholder="https://your-api.example.com" value="${escapeHtml(s.api.baseUrl)}" />
@@ -1500,9 +1524,6 @@ function createSettingsHTML() {
     </div>
     <pre class="ep-log-pre" id="ep_debug_output" style="max-height:300px;overflow:auto;font-size:12px;display:none;"></pre>
   </div>
-
-    </div>
-  </div>
 </div>`;
 }