tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/06-utilities.css

@@ -0,0 +1,181 @@
+/* ================================================================
+ * 06-animations.css — Running states, animations, responsive
+ * ================================================================ */
+
+/* Session list running state */
+.sess-row.is-running { position: relative; }
+.sess-row.is-running::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 6px;
+  bottom: 6px;
+  width: 3px;
+  border-radius: 3px;
+  background: var(--accent, #4f46e5);
+  box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #4f46e5) 55%, transparent);
+  animation: oa-pulse-bar 1.4s ease-in-out infinite;
+  pointer-events: none;
+}
+.sess-row.is-running .sess-item__title::after {
+  content: '';
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  margin-left: 6px;
+  border-radius: 50%;
+  background: var(--accent, #4f46e5);
+  vertical-align: middle;
+  animation: oa-pulse 1.15s ease-in-out infinite;
+}
+
+/* Global progress bar */
+.oa-global-progress {
+  position: absolute;
+  left: 0; right: 0;
+  top: 100%;
+  height: 2px;
+  overflow: hidden;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  z-index: 5;
+}
+.oa-global-progress::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -40%;
+  width: 40%;
+  height: 100%;
+  background: linear-gradient(90deg, transparent, var(--accent, #4f46e5) 50%, transparent);
+  animation: oa-progress-slide 1.4s ease-in-out infinite;
+}
+body.chat-running .oa-global-progress { opacity: 1; }
+
+/* Keyframes */
+@keyframes oa-pulse {
+  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #4f46e5) 55%, transparent); transform: scale(1); }
+  70%  { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, #4f46e5) 0%, transparent); transform: scale(1.05); }
+  100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #4f46e5) 0%, transparent); transform: scale(1); }
+}
+@keyframes oa-pulse-bar {
+  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #4f46e5) 55%, transparent); }
+  70%  { box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, #4f46e5) 0%, transparent); }
+  100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #4f46e5) 0%, transparent); }
+}
+@keyframes oa-shimmer {
+  0%   { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+@keyframes oa-progress-slide {
+  0%   { left: -40%; }
+  100% { left: 100%; }
+}
+
+.sess-row.is-completed::after,
+.sess-row.is-completed .sess-item__title::after {
+  display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  details.oa-live-tool.is-running > summary,
+  details.oa-live-tool.is-running .oa-live-tool-spinner,
+  .sess-row.is-running::after,
+  .sess-row.is-running .sess-item__title::after,
+  .oa-global-progress::before { animation: none; }
+}
+
+/* ============ Todo Panel ============ */
+
+.todo-panel {
+  width: 280px;
+  flex-shrink: 0;
+  border-left: 1px solid var(--border);
+  background: var(--bg-panel);
+  display: none;
+  flex-direction: column;
+  min-height: 0;
+}
+.todo-panel__header {
+  padding: var(--sp-3) var(--sp-4);
+  font-size: 10.5px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  color: var(--text-muted);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+.todo-panel__list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--sp-1) var(--sp-2);
+  scrollbar-width: thin;
+  scrollbar-color: var(--border-strong) transparent;
+}
+.todo-panel__list::-webkit-scrollbar { width: 6px; }
+.todo-panel__list::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px; }
+.todo-panel__footer {
+  padding: var(--sp-2) var(--sp-3);
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+}
+.todo-empty {
+  text-align: center;
+  color: var(--text-muted);
+  font-size: 12px;
+  padding: var(--sp-8) var(--sp-4);
+  line-height: 1.6;
+}
+
+/* Todo item */
+.todo-item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--sp-2);
+  padding: var(--sp-2) var(--sp-1);
+  border-radius: var(--r-md);
+  font-size: 12.5px;
+  line-height: 1.4;
+  transition: background 0.12s ease;
+}
+.todo-item:hover { background: var(--bg-hover); }
+.todo-item__checkbox {
+  margin-top: 2px;
+  accent-color: var(--accent);
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.todo-item__content { flex: 1; min-width: 0; word-break: break-word; }
+.todo-item__content--done { text-decoration: line-through; opacity: 0.6; }
+.todo-item__status {
+  font-size: 9.5px;
+  padding: 1px 6px;
+  border-radius: var(--r-full);
+  font-weight: 600;
+  flex-shrink: 0;
+  line-height: 1.5;
+}
+.todo-item__status--pending { background: var(--accent-soft); color: var(--accent); }
+.todo-item__status--in_progress { background: var(--todo-in-progress-bg); color: var(--todo-in-progress-text); }
+.todo-item__status--completed { background: var(--todo-completed-bg); color: var(--todo-completed-text); }
+.todo-item__status--cancelled { background: var(--danger-soft); color: var(--danger); }
+.todo-item__delete {
+  opacity: 0;
+  background: none; border: none;
+  cursor: pointer;
+  color: var(--text-muted);
+  padding: 2px;
+  font-size: 14px;
+  line-height: 1;
+  border-radius: var(--r-xs);
+  transition: opacity 0.12s ease, background 0.12s ease;
+}
+.todo-item:hover .todo-item__delete { opacity: 1; }
+.todo-item__delete:hover { background: var(--bg-hover); color: var(--danger); }
+
+/* ============ Responsive (see 16-mobile.css for ≤768px) ============ */

codeagent/web/static/06b-attachments.js

@@ -0,0 +1,304 @@
+/* Attachment composer: files, folder, paste, drag-drop */
+/* pendingAttachments 在 01q-inflight.js 中声明 */
+
+function fileNeedsVision(mime) {
+  return mime.startsWith('image/') || mime.startsWith('video/');
+}
+
+function fileNeedsImageOnly(mime) {
+  return mime.startsWith('image/');
+}
+
+function fileNeedsVideo(mime) {
+  return mime.startsWith('video/');
+}
+
+function fileNeedsAudio(mime) {
+  return mime.startsWith('audio/');
+}
+
+function fileIsDocOnly(mime) {
+  return mime === 'application/pdf' || mime.startsWith('text/');
+}
+
+function canStageFile(mime) {
+  if (fileIsDocOnly(mime)) return true;
+  if (fileNeedsImageOnly(mime)) {
+    return typeof attachmentImageReady === 'function' && attachmentImageReady();
+  }
+  if (fileNeedsVideo(mime)) {
+    return typeof attachmentVideoReady === 'function' && attachmentVideoReady();
+  }
+  if (fileNeedsAudio(mime)) {
+    return typeof audioModelReadyForAttachments === 'function' && audioModelReadyForAttachments();
+  }
+  return typeof attachmentImageReady === 'function' && attachmentImageReady();
+}
+
+function updateAttachmentUiGate() {
+  const imageReady = typeof attachmentImageReady === 'function' && attachmentImageReady();
+  const videoReady = typeof attachmentVideoReady === 'function' && attachmentVideoReady();
+  const audioReady = typeof audioModelReadyForAttachments === 'function' && audioModelReadyForAttachments();
+  const enabled = imageReady || videoReady || audioReady;
+  const btnInline = document.getElementById('attachBtnInline');
+  if (btnInline) {
+    if (enabled) {
+      btnInline.classList.remove('is-disabled');
+      btnInline.title = '附加文件、拍照或录制视频';
+    } else {
+      btnInline.classList.add('is-disabled');
+      btnInline.title = '请先配置识图（多模态 LLM 或 MiniMax MCP）或音频转写';
+    }
+  }
+}
+
+function updateComposeHeadVisibility() {
+  const head = document.getElementById('composeHead');
+  const att = document.getElementById('composeAttachments');
+  if (!head || !att) return;
+  head.hidden = att.style.display === 'none';
+}
+
+function renderAttachmentPreview() {
+  const bar = document.getElementById('composeAttachments');
+  if (!bar) return;
+  bar.innerHTML = '';
+  if (!pendingAttachments.length) {
+    bar.style.display = 'none';
+    updateComposeHeadVisibility();
+    return;
+  }
+  bar.style.display = 'flex';
+  pendingAttachments.forEach(function(item, idx) {
+    const chip = document.createElement('span');
+    chip.className = 'compose-attach-chip';
+    if (item.previewUrl) {
+      const img = document.createElement('img');
+      img.src = item.previewUrl;
+      img.alt = item.filename || '';
+      chip.appendChild(img);
+    } else {
+      chip.classList.add('compose-attach-chip--file');
+    }
+    const label = document.createElement('span');
+    label.textContent = item.filename || 'file';
+    chip.appendChild(label);
+    const rm = document.createElement('button');
+    rm.type = 'button';
+    rm.className = 'compose-attach-rm';
+    rm.textContent = '×';
+    rm.addEventListener('click', function() {
+      pendingAttachments.splice(idx, 1);
+      renderAttachmentPreview();
+    });
+    chip.appendChild(rm);
+    bar.appendChild(chip);
+  });
+  updateComposeHeadVisibility();
+}
+
+function fileToBase64(file) {
+  return new Promise(function(resolve, reject) {
+    const r = new FileReader();
+    r.onload = function() {
+      const s = String(r.result || '');
+      const i = s.indexOf(',');
+      resolve(i >= 0 ? s.slice(i + 1) : s);
+    };
+    r.onerror = reject;
+    r.readAsDataURL(file);
+  });
+}
+
+async function stageFiles(files) {
+  for (let i = 0; i < files.length; i++) {
+    const f = files[i];
+    if (!f || !f.size) continue;
+    const mime = f.type || '';
+    if (mime === 'image/svg+xml') continue;
+    if (!canStageFile(mime)) {
+      if (fileNeedsAudio(mime)) systemMsg('err', '请先选择音频转写模型');
+      else systemMsg('err', '请先配置识图（多模态 LLM 或 MiniMax MCP）');
+      continue;
+    }
+    try {
+      const data_base64 = await fileToBase64(f);
+      let previewUrl = '';
+      if (mime.startsWith('image/')) previewUrl = URL.createObjectURL(f);
+      pendingAttachments.push({
+        filename: f.name || 'upload',
+        mime: mime,
+        data_base64: data_base64,
+        previewUrl: previewUrl,
+      });
+    } catch (_) {}
+  }
+  renderAttachmentPreview();
+}
+
+async function uploadPendingAttachments() {
+  if (!pendingAttachments.length) return [];
+  const payload = {
+    session_id: sessionId,
+    agent_id: agentId,
+    files: pendingAttachments.map(function(p) {
+      return { filename: p.filename, mime: p.mime, data_base64: p.data_base64 };
+    }),
+  };
+  const r = await fetch('/api/attachments/batch', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    credentials: 'same-origin',
+    body: JSON.stringify(payload),
+  });
+  const j = await r.json().catch(function() { return {}; });
+  if (!r.ok) throw new Error(j.detail || r.statusText);
+  if (j.truncated) systemMsg('info', '部分文件因数量上限未上传');
+  pendingAttachments.length = 0;
+  renderAttachmentPreview();
+  return j.attachment_ids || [];
+}
+
+(function initAttachmentUi() {
+  const fileInput = document.getElementById('attachFileInput');
+  const folderInput = document.getElementById('attachFolderInput');
+  const nativeCameraInput = document.getElementById('nativeCameraInput');
+  const nativeVideoInput = document.getElementById('nativeVideoInput');
+  const composeBox = document.querySelector('.compose__box');
+  const attachBtn = document.getElementById('attachBtnInline');
+  const popup = document.getElementById('attachPopup');
+
+  let popupOpen = false;
+
+  function openPopup() {
+    if (!popup || !attachBtn) return;
+    var rect = attachBtn.getBoundingClientRect();
+    popup.style.display = 'flex';
+    popup.style.flexDirection = 'column';
+    popup.style.left = Math.max(4, rect.left) + 'px';
+    popup.style.bottom = (window.innerHeight - rect.top + 6) + 'px';
+    popupOpen = true;
+  }
+
+  function closePopup() {
+    popupOpen = false;
+    if (popup) popup.style.display = 'none';
+  }
+
+  function togglePopup(e) {
+    e.stopPropagation();
+    if (popupOpen) { closePopup(); return; }
+    openPopup();
+  }
+
+  // "+" 按钮点击切换弹出菜单
+  attachBtn && attachBtn.addEventListener('click', togglePopup);
+
+  // 弹出菜单选项点击
+  popup && popup.addEventListener('click', function(e) {
+    const option = e.target.closest('.compose__attach-option');
+    if (!option) return;
+    const action = option.getAttribute('data-action');
+    closePopup();
+    if (action === 'file' && fileInput) {
+      fileInput.click();
+    } else if (action === 'camera') {
+      if (typeof launchCameraCapture === 'function') {
+        launchCameraCapture('photo');
+      } else if (typeof openCameraModal === 'function') {
+        openCameraModal('photo');
+      } else if (nativeCameraInput) {
+        nativeCameraInput.click();
+      }
+    } else if (action === 'video') {
+      if (typeof launchCameraCapture === 'function') {
+        launchCameraCapture('video');
+      } else if (typeof openCameraModal === 'function') {
+        openCameraModal('video');
+      } else if (nativeVideoInput) {
+        nativeVideoInput.click();
+      }
+    }
+  });
+
+  // 点击外部关闭弹出菜单
+  document.addEventListener('click', function(e) {
+    if (!popupOpen) return;
+    if (attachBtn && attachBtn.contains(e.target)) return;
+    if (popup && popup.contains(e.target)) return;
+    closePopup();
+  });
+
+  // 按 Escape 关闭
+  document.addEventListener('keydown', function(e) {
+    if (e.key === 'Escape' && popupOpen) closePopup();
+  });
+
+  // 文件输入变化处理
+  fileInput && fileInput.addEventListener('change', function() {
+    if (fileInput.files) stageFiles(Array.from(fileInput.files));
+    fileInput.value = '';
+  });
+  folderInput && folderInput.addEventListener('change', function() {
+    if (folderInput.files) stageFiles(Array.from(folderInput.files));
+    folderInput.value = '';
+  });
+  nativeCameraInput && nativeCameraInput.addEventListener('change', function() {
+    if (nativeCameraInput.files && nativeCameraInput.files.length && typeof stageFiles === 'function') {
+      stageFiles(Array.from(nativeCameraInput.files));
+    }
+    nativeCameraInput.value = '';
+  });
+  nativeVideoInput && nativeVideoInput.addEventListener('change', function() {
+    if (nativeVideoInput.files && nativeVideoInput.files.length && typeof stageFiles === 'function') {
+      stageFiles(Array.from(nativeVideoInput.files));
+    }
+    nativeVideoInput.value = '';
+  });
+
+  composeBox && composeBox.addEventListener('paste', function(e) {
+    const items = (e.clipboardData && e.clipboardData.items) ? Array.from(e.clipboardData.items) : [];
+    const files = [];
+    items.forEach(function(it) {
+      if (it.kind === 'file') {
+        const f = it.getAsFile();
+        if (f) files.push(f);
+      }
+    });
+    if (files.length) {
+      e.preventDefault();
+      stageFiles(files);
+    }
+  });
+
+  composeBox && composeBox.addEventListener('dragover', function(e) {
+    e.preventDefault();
+  });
+  composeBox && composeBox.addEventListener('drop', function(e) {
+    e.preventDefault();
+    const files = (e.dataTransfer && e.dataTransfer.files) ? Array.from(e.dataTransfer.files) : [];
+    if (files.length) stageFiles(files);
+  });
+
+  refreshVisionModelSelect().catch(function() {});
+})();
+
+function renderUserAttachmentsInBubble(container, attachments) {
+  if (!attachments || !attachments.length) return;
+  const wrap = document.createElement('div');
+  wrap.className = 'bubble-user__attachments';
+  attachments.forEach(function(a) {
+    if (!a || a.kind !== 'image') return;
+    const img = document.createElement('img');
+    img.className = 'chat-inline-img bubble-user__img';
+    img.alt = a.filename || a.id || '';
+    img.src = '/api/attachments/' + encodeURIComponent(a.id)
+      + '?session_id=' + encodeURIComponent(sessionId)
+      + '&agent_id=' + encodeURIComponent(agentId);
+    wrap.appendChild(img);
+  });
+  if (wrap.childNodes.length) {
+    container.insertBefore(wrap, container.firstChild);
+    if (typeof enhanceChatImagesInBubble === 'function') enhanceChatImagesInBubble(wrap);
+  }
+}