myagent-ai 1.12.3 → 1.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myagent-ai",
-  "version": "1.12.3",
+  "version": "1.12.4",
   "description": "本地桌面端执行型AI助手 - Open Interpreter 风格 | Local Desktop Execution-Oriented AI Assistant",
   "main": "main.py",
   "bin": {

package/web/ui/chat/chat.css

@@ -2152,6 +2152,15 @@ input,textarea,select{font:inherit}
     white-space: pre-wrap;
   }
 
+/* ══════════════════════════════════════════════════════
+   ── Popout Mode (独立窗口) ──
+   ══════════════════════════════════════════════════════ */
+body.popout-mode .main{margin-left:0 !important;border-left:none !important}
+body.popout-mode .agent-panel{display:none !important}
+body.popout-mode .main-header{padding-left:12px}
+body.popout-mode #popoutBtn{display:none !important}
+body.popout-mode #debugToggleBtn{display:none !important}
+
 /* ══════════════════════════════════════════════════════
    ── Mobile Responsive (≤768px) ──
    ══════════════════════════════════════════════════════ */

package/web/ui/chat/chat_main.js

@@ -96,6 +96,9 @@ document.addEventListener('click', function(e) {
 function checkChatMobile() {
   const btn = document.getElementById('mobileAgentsBtn');
   if (btn) btn.style.display = isMobile() ? 'grid' : 'none';
+  // Hide popout button on mobile
+  const popoutBtn = document.getElementById('popoutBtn');
+  if (popoutBtn) popoutBtn.style.display = isMobile() ? 'none' : 'grid';
 }
 window.addEventListener('resize', checkChatMobile);
 // Run after DOM ready
@@ -105,6 +108,25 @@ if (document.readyState === 'loading') {
   checkChatMobile();
 }
 
+// ── Popout Chat Window (Desktop only) ──
+function popoutChat() {
+  if (isMobile()) return;
+  // Build URL with current agent + session + mode, plus popout flag
+  const baseUrl = new URL('.', window.location.href).href + 'chat/chat_container.html';
+  const params = new URLSearchParams();
+  if (state.activeAgent) params.set('agent', state.activeAgent);
+  if (state.activeSessionId && state.activeSessionId !== '__new__') params.set('session', state.activeSessionId);
+  if (state.chatMode) params.set('mode', state.chatMode);
+  params.set('popout', '1');
+  const popoutUrl = baseUrl + '?' + params.toString();
+  // Open as a standalone window
+  const w = Math.min(900, screen.width - 100);
+  const h = Math.min(720, screen.height - 100);
+  const left = Math.round((screen.width - w) / 2);
+  const top = Math.round((screen.height - h) / 2);
+  window.open(popoutUrl, 'myagent_popout_' + (state.activeAgent || 'default'), 'width=' + w + ',height=' + h + ',left=' + left + ',top=' + top + ',menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes');
+}
+
 // Override toggleAgentPanel for mobile (deferred since function is defined later)
 var _origToggleAgentPanel = null;
 (function() {
@@ -273,11 +295,12 @@ function initChat() {
   // Restore persisted UI state
   StatePersistence.restoreUIState();
 
-  // URL 参数处理: ?agent=xxx&mode=exec&session=xxx
+  // URL 参数处理: ?agent=xxx&mode=exec&session=xxx&popout=1
   const urlParams = new URLSearchParams(window.location.search);
   const urlAgent = urlParams.get('agent');
   const urlMode = urlParams.get('mode');
   const urlSession = urlParams.get('session');
+  const isPopout = urlParams.get('popout') === '1';
   if (urlMode === 'chat' || urlMode === 'exec') {
     state.chatMode = urlMode;
   }
@@ -285,6 +308,22 @@ function initChat() {
     state.activeAgent = urlAgent;
   }
 
+  // Popout mode: hide sidebar, collapse agent panel, update title
+  if (isPopout) {
+    document.body.classList.add('popout-mode');
+    const sidebar = document.getElementById('sidebar');
+    const sidebarToggle = document.getElementById('sidebarToggle');
+    if (sidebar) sidebar.style.display = 'none';
+    if (sidebarToggle) sidebarToggle.style.display = 'none';
+    const agentPanel = document.getElementById('agentPanel');
+    if (agentPanel) agentPanel.classList.add('collapsed');
+    const agentToggle = document.getElementById('agentToggle');
+    if (agentToggle) agentToggle.style.display = 'none';
+    // Update page title with agent name
+    const agentObj = findAgentByPath(urlAgent);
+    document.title = (agentObj ? agentObj.name : urlAgent || 'MyAgent') + ' - MyAgent';
+  }
+
   // Apply restored state to DOM
   const panel = document.getElementById('agentPanel');
   if (panel) panel.classList.toggle('collapsed', !state.agentPanelOpen);

package/web/ui/chat/middle_chat.html

@@ -31,6 +31,9 @@
         <button class="header-btn" id="themeToggle" title="切换主题">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
         </button>
+        <button class="header-btn" id="popoutBtn" onclick="popoutChat()" title="弹出独立窗口">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/><path d="M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5"/></svg>
+        </button>
       </div>
     </div>