@wendongfly/myhi 1.3.111 → 1.3.112

package/dist/grid.html

@@ -69,7 +69,7 @@
     <span class="spacer"></span>
     <button class="bar-btn" onclick="refreshSessions(true)" title="刷新任务列表">↻</button>
     <button class="bar-btn" onclick="addPane('')" title="加一个空窗格，从下拉选已有任务">＋ 窗格</button>
-    <button class="bar-btn" style="border-color:var(--green);color:var(--green)" onclick="newTask()" title="新建一个任务并放进新窗格">🆕 新建任务</button>
+    <button class="bar-btn" style="border-color:var(--green);color:var(--green)" onclick="openNewTask()" title="新建任务（和首页一致：预设/名称/命令/目录）">🆕 新建任务</button>
   </div>
   <div id="grid"></div>
   <div id="empty-hint" style="display:none">点「＋ 窗格」或「🆕 新建任务」把多个任务并排看。<br>拉宽窗口自动多几格，或用上方按钮锁定布局。</div>
@@ -92,6 +92,26 @@
     </div>
   </div>
 
+  <!-- 新建任务面板（和首页「新建终端会话」一致）-->
+  <div id="new-task" style="display:none;position:fixed;inset:0;z-index:100">
+    <div style="position:absolute;inset:0;background:rgba(0,0,0,0.5)" onclick="closeNewTask()"></div>
+    <div style="position:relative;max-width:460px;width:92%;margin:8vh auto 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 16px 48px rgba(0,0,0,0.45)">
+      <div style="font-weight:600;margin-bottom:0.7rem">新建任务</div>
+      <div id="nt-presets" style="display:flex;gap:0.4rem;margin-bottom:0.7rem;flex-wrap:wrap"></div>
+      <label style="font-size:0.72rem;color:var(--muted)">名称 <span style="color:var(--red)">必填</span></label>
+      <input id="nt-title" placeholder="请输入任务名称" autocomplete="off" style="width:100%;box-sizing:border-box;margin:0.2rem 0 0.6rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:0.45rem 0.6rem;font-size:0.85rem">
+      <label style="font-size:0.72rem;color:var(--muted)">启动命令（可选，终端类型用）</label>
+      <input id="nt-cmd" placeholder="留空仅打开 shell" autocomplete="off" style="width:100%;box-sizing:border-box;margin:0.2rem 0 0.6rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:0.45rem 0.6rem;font-size:0.82rem;font-family:monospace">
+      <label style="font-size:0.72rem;color:var(--muted)">工作目录（可选）</label>
+      <input id="nt-cwd" placeholder="留空使用默认目录" autocomplete="off" style="width:100%;box-sizing:border-box;margin:0.2rem 0 0.4rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:0.45rem 0.6rem;font-size:0.82rem">
+      <div id="nt-recent" style="display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.7rem"></div>
+      <div style="display:flex;gap:0.5rem">
+        <button onclick="closeNewTask()" style="flex:1;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:0.5rem;cursor:pointer">取消</button>
+        <button onclick="submitNewTask()" style="flex:2;background:var(--green);border:none;color:#fff;border-radius:8px;padding:0.5rem;cursor:pointer;font-weight:600">创建</button>
+      </div>
+    </div>
+  </div>
+
   <script>
     const LS_KEY = 'myhi_grid_v1';
     const gridEl = document.getElementById('grid');
@@ -275,19 +295,60 @@
     }));
     document.getElementById('tp-search').addEventListener('input', renderPicker);
 
-    // ── 新建任务（走 socket create-agent，和首页一致）──
+    // ── 新建任务（和首页「新建终端会话」一致：预设 + 名称 + 命令 + 目录 + 最近目录）──
     const socket = io();
-    window.newTask = function() {
-      const title = (prompt('新任务名称：') || '').trim();
-      if (!title) return;
-      socket.emit('create-agent', { title }, (res) => {
-        if (res && res.ok && res.session) {
-          refreshSessions(true).then(() => addPane(res.session.id));
-        } else {
-          alert('创建失败：' + ((res && res.error) || '未知错误'));
-        }
-      });
+    const NT_PRESETS = [
+      { icon:'🤖', label:'Claude', title:'claude', type:'agent', cmd:'' },
+      { icon:'✨', label:'Gemini', title:'gemini', type:'pty',   cmd:'gemini' },
+      { icon:'🐚', label:'Shell',  title:'shell',  type:'pty',   cmd:'' },
+    ];
+    let _ntPreset = 0;
+    const RECENT_DIRS_KEY = 'myhi_recent_dirs'; // 和首页共用
+    function ntRecentDirs(){ try { return JSON.parse(localStorage.getItem(RECENT_DIRS_KEY)) || {}; } catch { return {}; } }
+    function ntRecordDir(dir){ if(!dir) return; const d=ntRecentDirs(); d[dir]=(d[dir]||0)+1; const s=Object.entries(d).sort((a,b)=>b[1]-a[1]).slice(0,5); localStorage.setItem(RECENT_DIRS_KEY, JSON.stringify(Object.fromEntries(s))); }
+    function ntRenderPresets(){
+      document.getElementById('nt-presets').innerHTML = NT_PRESETS.map((p,i)=>`<button data-i="${i}" style="flex:1;min-width:5rem;display:flex;align-items:center;justify-content:center;gap:0.3rem;border:1px solid ${i===_ntPreset?'var(--blue2)':'var(--border)'};background:${i===_ntPreset?'var(--blue2)':'var(--bg)'};color:${i===_ntPreset?'#fff':'var(--text2)'};border-radius:8px;padding:0.4rem;font-size:0.8rem;cursor:pointer">${p.icon} ${esc(p.label)}</button>`).join('');
+    }
+    function ntRenderRecent(){
+      const dirs = Object.entries(ntRecentDirs()).sort((a,b)=>b[1]-a[1]);
+      document.getElementById('nt-recent').innerHTML = dirs.map(([p])=>`<button data-dir="${esc(p)}" style="background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:6px;font-size:0.68rem;padding:0.12rem 0.4rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(p)}</button>`).join('');
+    }
+    window.openNewTask = function(){
+      _ntPreset = 0;
+      document.getElementById('new-task').style.display = '';
+      document.getElementById('nt-title').value = '';
+      document.getElementById('nt-cmd').value = '';
+      document.getElementById('nt-cwd').value = '';
+      ntRenderPresets(); ntRenderRecent();
+      setTimeout(()=>document.getElementById('nt-title').focus(), 30);
+    };
+    window.closeNewTask = function(){ document.getElementById('new-task').style.display='none'; };
+    window.submitNewTask = function(){
+      const title = document.getElementById('nt-title').value.trim();
+      if (!title) { document.getElementById('nt-title').focus(); return; }
+      const cmd = document.getElementById('nt-cmd').value.trim() || undefined;
+      const cwd = document.getElementById('nt-cwd').value.trim() || undefined;
+      if (cwd) ntRecordDir(cwd);
+      const preset = NT_PRESETS[_ntPreset];
+      const done = (res) => {
+        if (res && res.ok && res.session) { closeNewTask(); refreshSessions(true).then(()=>addPane(res.session.id)); }
+        else alert('创建失败：' + ((res && res.error) || '未知错误'));
+      };
+      if (preset.type === 'agent') socket.emit('create-agent', { title, cwd }, done);
+      else socket.emit('create', { title, initCmd: cmd, cwd }, done);
     };
+    document.getElementById('nt-presets').addEventListener('click', (e) => {
+      const b = e.target.closest('[data-i]'); if (!b) return;
+      _ntPreset = +b.dataset.i; const p = NT_PRESETS[_ntPreset];
+      const t = document.getElementById('nt-title');
+      if (!t.value.trim() || NT_PRESETS.some(x => x.title === t.value.trim())) t.value = p.title;
+      document.getElementById('nt-cmd').value = p.cmd || '';
+      ntRenderPresets();
+    });
+    document.getElementById('nt-recent').addEventListener('click', (e) => {
+      const b = e.target.closest('[data-dir]'); if (!b) return;
+      document.getElementById('nt-cwd').value = b.dataset.dir;
+    });
 
     // ── 初始化 ──
     (async function init() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wendongfly/myhi",
-  "version": "1.3.111",
+  "version": "1.3.112",
   "description": "Web-based terminal sharing with chat UI — control your terminal from phone via LAN/Tailscale",
   "type": "module",
   "main": "dist/index.js",