backtrace-console 0.0.2 → 0.0.3

package/public/chat-components.css

@@ -1,569 +0,0 @@
-    .agent-block:first-child {
-      margin-top: 0;
-      padding-top: 0;
-      border-top: none;
-    }
-
-    .agent-block h1,
-    .agent-block h2,
-    .agent-block h3 {
-      margin: 0 0 0.85rem;
-      line-height: 1.35;
-      color: #111827;
-    }
-
-    .agent-block h1 { font-size: 1.18rem; }
-    .agent-block h2 { font-size: 1.08rem; }
-    .agent-block h3 { font-size: 1rem; }
-
-    .agent-block p {
-      margin: 0 0 0.8rem;
-    }
-
-    .agent-block ul,
-    .agent-block ol {
-      margin: 0 0 0.9rem 1.25rem;
-      padding: 0;
-    }
-
-    .agent-block li {
-      margin-bottom: 0.42rem;
-    }
-
-    .agent-block pre {
-      margin: 0.9rem 0;
-      padding: 0.95rem 1rem;
-      border-radius: 12px;
-      overflow-x: auto;
-      background: #0f172a;
-      color: #e2e8f0;
-      font-size: 0.9rem;
-      line-height: 1.65;
-      box-shadow: inset 0 0 0 1px rgba(148,163,184,0.14);
-    }
-
-    .agent-block code {
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    }
-
-    .agent-block p code,
-    .agent-block li code {
-      background: rgba(15, 23, 42, 0.06);
-      color: #0f172a;
-      padding: 0.08rem 0.4rem;
-      border-radius: 6px;
-      font-size: 0.92em;
-    }
-
-    .agent-block strong {
-      color: #111827;
-      font-weight: 700;
-    }
-
-    .message.tool-message .message-content {
-      background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
-      border-color: rgba(148,163,184,0.16);
-      color: #e5eefb;
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-      font-size: 0.9rem;
-      box-shadow: 0 12px 28px rgba(17, 24, 39, 0.22);
-    }
-
-    .tool-section {
-      margin-top: 0.8rem;
-      padding-top: 0.75rem;
-      border-top: 1px dashed rgba(148,163,184,0.28);
-    }
-
-    .tool-section:first-of-type {
-      margin-top: 0.4rem;
-      padding-top: 0;
-      border-top: none;
-    }
-
-    .tool-section-title {
-      font-size: 0.74rem;
-      font-weight: 700;
-      letter-spacing: 0.04em;
-      text-transform: uppercase;
-      color: #93c5fd;
-      margin-bottom: 0.35rem;
-    }
-
-    .approval-card {
-      background: linear-gradient(180deg, #fff7ed 0%, #fffbeb 100%);
-      border: 1px solid rgba(249, 115, 22, 0.22);
-      border-radius: 16px;
-      padding: 1rem 1.1rem;
-      box-shadow: 0 12px 28px rgba(249, 115, 22, 0.08);
-    }
-
-    .approval-title {
-      font-weight: 700;
-      color: #9a3412;
-      margin-bottom: 0.8rem;
-    }
-
-    .approval-section {
-      margin-top: 0.75rem;
-    }
-
-    .approval-section-title {
-      font-size: 0.78rem;
-      font-weight: 700;
-      color: #c2410c;
-      margin-bottom: 0.3rem;
-      text-transform: uppercase;
-      letter-spacing: 0.04em;
-    }
-
-    .approval-actions {
-      display: flex;
-      gap: 0.75rem;
-      margin-top: 1rem;
-      flex-wrap: wrap;
-    }
-
-    .approval-btn {
-      border: none;
-      border-radius: 10px;
-      padding: 0.7rem 1rem;
-      font-weight: 700;
-      cursor: pointer;
-      transition: transform 0.2s, opacity 0.2s;
-    }
-
-    .approval-btn:hover {
-      transform: translateY(-1px);
-    }
-
-    .approval-btn.approve {
-      background: linear-gradient(135deg, #10a37f 0%, #0d8c6d 100%);
-      color: white;
-    }
-
-    .approval-btn.reject {
-      background: rgba(239, 68, 68, 0.12);
-      color: #b91c1c;
-      border: 1px solid rgba(239, 68, 68, 0.2);
-    }
-
-    .message.system-message .message-content {
-      background: linear-gradient(180deg, #ecfdf5 0%, #dff7ee 100%);
-      border-color: rgba(16,163,127,0.24);
-      color: #065f46;
-      position: relative;
-      padding-top: 3.15rem;
-      overflow: visible;
-    }
-
-    .system-badge {
-      position: absolute;
-      top: 0.9rem;
-      left: 1rem;
-      display: inline-flex;
-      align-items: center;
-      gap: 0.45rem;
-      padding: 0.28rem 0.65rem;
-      border-radius: 999px;
-      background: rgba(16,163,127,0.14);
-      color: #047857;
-      font-size: 0.78rem;
-      font-weight: 700;
-      letter-spacing: 0.02em;
-    }
-
-    .message.running-message .message-content {
-      background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
-      border-color: rgba(16,163,127,0.24);
-      color: #065f46;
-    }
-
-    .running-status {
-      display: inline-flex;
-      align-items: center;
-      gap: 0.55rem;
-      font-weight: 600;
-    }
-
-    .running-spinner {
-      width: 12px;
-      height: 12px;
-      border-radius: 999px;
-      border: 2px solid rgba(16,163,127,0.25);
-      border-top-color: var(--accent-color);
-      animation: spin 0.9s linear infinite;
-      flex-shrink: 0;
-    }
-
-    /* 输入区域 */
-    .input-container {
-      padding: 1.25rem 2rem 1.75rem;
-      background: linear-gradient(180deg, rgba(243,244,246,0) 0%, rgba(243,244,246,0.94) 18%, rgba(243,244,246,1) 100%);
-      border-top: 1px solid rgba(15, 23, 42, 0.06);
-      backdrop-filter: blur(8px);
-    }
-
-    .input-box {
-      max-width: 900px;
-      margin: 0 auto;
-      position: relative;
-      background: rgba(255,255,255,0.98);
-      border: 1px solid rgba(15,23,42,0.08);
-      border-radius: 18px;
-      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
-      padding: 0.65rem;
-      display: flex;
-      align-items: flex-end;
-      gap: 0.5rem;
-    }
-
-    .input-box:focus-within {
-      border-color: rgba(16,163,127,0.5);
-      box-shadow: 0 0 0 4px rgba(16,163,127,0.12), 0 16px 40px rgba(15, 23, 42, 0.1);
-    }
-
-    .composer-status {
-      max-width: 900px;
-      margin: 0 auto 0.55rem;
-      min-height: 26px;
-      display: flex;
-      align-items: center;
-      color: #065f46;
-      font-size: 0.86rem;
-    }
-
-    .composer-status:empty {
-      display: none;
-    }
-
-    .composer-status .running-status {
-      background: rgba(236,253,245,0.94);
-      border: 1px solid rgba(16,163,127,0.2);
-      border-radius: 999px;
-      padding: 0.35rem 0.65rem;
-      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
-    }
-
-    textarea {
-      width: 100%;
-      border: none;
-      resize: none;
-      padding: 0.85rem 0.95rem;
-      font-family: inherit;
-      font-size: 1rem;
-      max-height: 220px;
-      min-height: 56px;
-      background: transparent;
-      outline: none;
-      line-height: 1.6;
-      color: var(--text-main);
-    }
-
-    textarea::placeholder {
-      color: #9ca3af;
-    }
-
-    .send-btn {
-      background: linear-gradient(135deg, var(--accent-color) 0%, #0d8c6d 100%);
-      color: white;
-      border: none;
-      border-radius: 12px;
-      width: 44px;
-      height: 44px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      margin: 0.35rem;
-      transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
-      box-shadow: 0 10px 20px rgba(16,163,127,0.24);
-    }
-
-    .send-btn:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 14px 28px rgba(16,163,127,0.28);
-    }
-
-    .send-btn:disabled {
-      background: #cbd5e1;
-      cursor: not-allowed;
-      opacity: 0.72;
-      box-shadow: none;
-      transform: none;
-    }
-
-    .image-btn {
-      background: none;
-      border: none;
-      border-radius: 10px;
-      width: 36px;
-      height: 36px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      color: var(--text-muted);
-      flex-shrink: 0;
-      margin: 0.35rem 0 0.35rem 0.2rem;
-      transition: color 0.15s, background 0.15s;
-    }
-
-    .image-btn:hover {
-      color: var(--accent-color);
-      background: rgba(16,163,127,0.08);
-    }
-
-    .image-preview-item {
-      position: relative;
-      width: 48px;
-      height: 48px;
-      border-radius: 8px;
-      overflow: hidden;
-      border: 1px solid var(--border-color);
-      flex-shrink: 0;
-    }
-
-    .image-preview-item img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      display: block;
-    }
-
-    .image-preview-remove {
-      position: absolute;
-      top: 1px;
-      right: 1px;
-      width: 16px;
-      height: 16px;
-      border-radius: 50%;
-      background: rgba(0,0,0,0.55);
-      color: #fff;
-      border: none;
-      cursor: pointer;
-      font-size: 11px;
-      line-height: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-    }
-
-
-    .typing-indicator {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-      height: 24px;
-    }
-
-    .dot {
-      width: 6px;
-      height: 6px;
-      background-color: var(--text-muted);
-      border-radius: 50%;
-      animation: bounce 1.4s infinite ease-in-out both;
-    }
-
-    .dot:nth-child(1) { animation-delay: -0.32s; }
-    .dot:nth-child(2) { animation-delay: -0.16s; }
-
-    @keyframes bounce {
-      0%, 80%, 100% { transform: scale(0); }
-      40% { transform: scale(1); }
-    }
-
-    @keyframes spin {
-      from { transform: rotate(0deg); }
-      to { transform: rotate(360deg); }
-    }
-
-    /* 日志模态框 */
-    .modal-overlay {
-      position: fixed;
-      inset: 0;
-      background: rgba(15,23,42,0.45);
-      z-index: 1000;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .modal-box {
-      background: #fff;
-      border-radius: 16px;
-      box-shadow: 0 16px 40px rgba(15,23,42,0.15);
-      width: 680px;
-      max-width: 95vw;
-      max-height: 80vh;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .modal-header {
-      padding: 1.1rem 1.4rem;
-      border-bottom: 1px solid var(--border-color);
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-weight: 700;
-      font-size: 1rem;
-      flex-shrink: 0;
-    }
-
-    .modal-close {
-      background: none;
-      border: none;
-      cursor: pointer;
-      font-size: 1.4rem;
-      color: var(--text-muted);
-      line-height: 1;
-      padding: 0 0.2rem;
-    }
-
-    .modal-close:hover { color: var(--text-main); }
-
-    .modal-status {
-      padding: 0.75rem 1.4rem;
-      font-size: 0.9rem;
-      color: var(--text-muted);
-      flex-shrink: 0;
-    }
-
-    .modal-body {
-      overflow-y: auto;
-      padding: 0.75rem 1.4rem 1.2rem;
-      flex: 1;
-    }
-
-    .object-row {
-      border: 1px solid var(--border-color);
-      border-radius: 10px;
-      margin-bottom: 0.55rem;
-      overflow: hidden;
-    }
-
-    .object-row-header {
-      padding: 0.65rem 1rem;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      gap: 0.6rem;
-      background: var(--bg-color);
-      user-select: none;
-    }
-
-    .object-row-header:hover { background: #f0fdf9; }
-
-    .object-arrow {
-      font-size: 0.7rem;
-      color: var(--text-muted);
-      transition: transform 0.15s;
-      flex-shrink: 0;
-    }
-
-    .object-row-header.expanded .object-arrow { transform: rotate(90deg); }
-
-    .object-hex {
-      font-family: monospace;
-      font-size: 0.85rem;
-      flex: 1;
-      color: var(--text-main);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .object-time {
-      font-size: 0.8rem;
-      color: var(--text-muted);
-      flex-shrink: 0;
-    }
-
-    .object-badge {
-      font-size: 0.76rem;
-      padding: 0.12rem 0.5rem;
-      border-radius: 999px;
-      background: #e5e7eb;
-      color: #6b7280;
-      flex-shrink: 0;
-    }
-
-    .object-badge.downloaded {
-      background: rgba(16,163,127,0.12);
-      color: var(--accent-color);
-    }
-
-    .object-files {
-      padding: 0.4rem 1rem 0.7rem 2.6rem;
-      display: none;
-      border-top: 1px solid var(--border-color);
-    }
-
-    .object-files.open { display: block; }
-
-    .file-row {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 0.35rem 0;
-      border-bottom: 1px solid #f3f4f6;
-      font-size: 0.87rem;
-      gap: 0.5rem;
-    }
-
-    .file-row:last-child { border-bottom: none; }
-
-    .file-name {
-      flex: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .file-link {
-      color: var(--accent-color);
-      text-decoration: none;
-    }
-
-    .file-link:hover {
-      text-decoration: underline;
-    }
-
-    .file-size {
-      font-size: 0.78rem;
-      color: var(--text-muted);
-      flex-shrink: 0;
-      white-space: nowrap;
-    }
-
-    .download-btn {
-      font-size: 0.78rem;
-      padding: 0.2rem 0.65rem;
-      border-radius: 6px;
-      background: var(--accent-color);
-      color: white;
-      border: none;
-      cursor: pointer;
-      text-decoration: none;
-      flex-shrink: 0;
-    }
-
-    .download-btn:hover { background: var(--accent-hover); }
-
-    .logs-btn {
-      width: 100%;
-      padding: 0.6rem;
-      border-radius: 8px;
-      background: var(--accent-color);
-      color: white;
-      border: none;
-      cursor: pointer;
-      font-size: 0.9rem;
-      font-weight: 600;
-      margin-top: 0.25rem;
-    }
-
-    .logs-btn:hover { background: var(--accent-hover); }
-