codexmate 0.0.32 → 0.0.34

package/web-ui/styles/trash-panel.css

@@ -1,90 +1,90 @@
-/* 回收站面板 — 极简·本质 */
-
-.trash-panel-shell {
-    max-width: 720px;
-    margin: 0 auto;
-    padding: 20px 0 40px;
-}
-
-/* ---- 空态 — 宁静留白 ---- */
-.trash-empty-state {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-    padding: 80px 20px;
-    text-align: center;
-}
-
-.trash-empty-icon {
-    font-size: 40px;
-    line-height: 1;
-    opacity: 0.45;
-    margin-bottom: 4px;
-}
-
-.trash-empty-title {
-    font-size: 15px;
-    font-weight: 600;
-    color: var(--color-text-secondary);
-}
-
-.trash-empty-hint {
-    font-size: var(--font-size-caption);
-    color: var(--color-text-muted);
-    max-width: 280px;
-    line-height: 1.5;
-}
-
-/* ---- 工具栏 — 克制·精确 ---- */
-.trash-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    padding: 0 0 14px;
-    border-bottom: 1px solid var(--color-border-soft);
-    margin-bottom: 14px;
-}
-
-.trash-toolbar-left {
-    display: flex;
-    align-items: baseline;
-    gap: 6px;
-}
-
-.trash-toolbar-count {
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--color-text-primary);
-}
-
-.trash-toolbar-retention {
-    font-size: var(--font-size-caption);
-    color: var(--color-text-muted);
-}
-
-.trash-toolbar-right {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-}
-
-/* ---- 列表项微调 ---- */
-.trash-item-dot {
-    color: var(--color-text-muted);
-    margin: 0 2px;
-}
-
-.trash-item-time {
-    font-size: var(--font-size-caption);
-    color: var(--color-text-muted);
-}
-
-/* ---- 加载更多 ---- */
-.trash-list-footer {
-    display: flex;
-    justify-content: center;
-    padding: 16px 0;
-}
+/* 回收站面板 — 极简·本质 */
+
+.trash-panel-shell {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 20px 0 40px;
+}
+
+/* ---- 空态 — 宁静留白 ---- */
+.trash-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 80px 20px;
+    text-align: center;
+}
+
+.trash-empty-icon {
+    font-size: 40px;
+    line-height: 1;
+    opacity: 0.45;
+    margin-bottom: 4px;
+}
+
+.trash-empty-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: var(--color-text-secondary);
+}
+
+.trash-empty-hint {
+    font-size: var(--font-size-caption);
+    color: var(--color-text-muted);
+    max-width: 280px;
+    line-height: 1.5;
+}
+
+/* ---- 工具栏 — 克制·精确 ---- */
+.trash-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 0 0 14px;
+    border-bottom: 1px solid var(--color-border-soft);
+    margin-bottom: 14px;
+}
+
+.trash-toolbar-left {
+    display: flex;
+    align-items: baseline;
+    gap: 6px;
+}
+
+.trash-toolbar-count {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--color-text-primary);
+}
+
+.trash-toolbar-retention {
+    font-size: var(--font-size-caption);
+    color: var(--color-text-muted);
+}
+
+.trash-toolbar-right {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+/* ---- 列表项微调 ---- */
+.trash-item-dot {
+    color: var(--color-text-muted);
+    margin: 0 2px;
+}
+
+.trash-item-time {
+    font-size: var(--font-size-caption);
+    color: var(--color-text-muted);
+}
+
+/* ---- 加载更多 ---- */
+.trash-list-footer {
+    display: flex;
+    justify-content: center;
+    padding: 16px 0;
+}

package/web-ui/styles/webhook.css

@@ -1,81 +1,115 @@
-/* webhook 行 — 对齐暖色设计系统 */
-.webhook-row {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    margin: 6px 0;
-}
-
-.webhook-events {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin: 6px 0;
-}
-
-.webhook-event-item {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    font-size: var(--font-size-caption);
-    color: var(--color-text-secondary);
-}
-
-.status-on {
-    color: var(--color-success);
-    font-weight: var(--font-weight-secondary);
-}
-
-.status-off {
-    color: var(--color-text-muted);
-}
-
-/* 只读展示行 */
-.webhook-readonly-row {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    padding: 6px 0;
-}
-
-.webhook-readonly-row + .webhook-readonly-row {
-    border-top: 1px solid var(--color-border-soft);
-}
-
-.webhook-readonly-label {
-    flex: 0 0 56px;
-    font-size: var(--font-size-caption);
-    color: var(--color-text-muted);
-    font-weight: var(--font-weight-secondary);
-    padding-top: 2px;
-}
-
-.webhook-readonly-value {
-    flex: 1 1 auto;
-    min-width: 0;
-    font-family: var(--font-family-mono);
-    font-size: 11px;
-    padding: 2px 8px;
-    border-radius: 6px;
-    background: rgba(247, 240, 233, 0.55);
-    color: var(--color-text-secondary);
-    word-break: break-all;
-    line-height: 1.5;
-}
-
-.webhook-readonly-tags {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 6px;
-}
-
-.webhook-event-tag {
-    display: inline-block;
-    padding: 2px 8px;
-    border-radius: 999px;
-    border: 1px solid var(--color-border);
-    background: var(--color-brand-light);
-    color: var(--color-brand-dark);
-    font-size: var(--font-size-caption);
-    font-weight: var(--font-weight-secondary);
-}
+/* ============================================
+   Webhook 模态框 — 极简设计
+   ============================================ */
+
+/* Webhook 事件复选框列表 */
+.webhook-events-checkbox-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 4px 0;
+}
+
+.webhook-event-checkbox-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 14px;
+    font-size: 14px;
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    border-radius: 10px;
+    transition: all 0.15s ease;
+}
+
+.webhook-event-checkbox-item:hover {
+    background: rgba(137, 111, 94, 0.06);
+}
+
+.webhook-event-checkbox-item input[type="checkbox"] {
+    width: 18px;
+    height: 18px;
+    accent-color: var(--color-brand);
+    cursor: pointer;
+}
+
+/* 保留兼容旧组件的样式 */
+.webhook-row {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin: 6px 0;
+}
+
+.webhook-events {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin: 6px 0;
+}
+
+.webhook-event-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: var(--font-size-caption);
+    color: var(--color-text-secondary);
+}
+
+.status-on {
+    color: var(--color-success);
+    font-weight: var(--font-weight-secondary);
+}
+
+.status-off {
+    color: var(--color-text-muted);
+}
+
+.webhook-readonly-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    padding: 6px 0;
+}
+
+.webhook-readonly-row + .webhook-readonly-row {
+    border-top: 1px solid var(--color-border-soft);
+}
+
+.webhook-readonly-label {
+    flex: 0 0 56px;
+    font-size: var(--font-size-caption);
+    color: var(--color-text-muted);
+    font-weight: var(--font-weight-secondary);
+    padding-top: 2px;
+}
+
+.webhook-readonly-value {
+    flex: 1 1 auto;
+    min-width: 0;
+    font-family: var(--font-family-mono);
+    font-size: 11px;
+    padding: 2px 8px;
+    border-radius: 6px;
+    background: rgba(247, 240, 233, 0.55);
+    color: var(--color-text-secondary);
+    word-break: break-all;
+    line-height: 1.5;
+}
+
+.webhook-readonly-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+
+.webhook-event-tag {
+    display: inline-block;
+    padding: 4px 10px;
+    border-radius: 999px;
+    border: 1px solid var(--color-border);
+    background: var(--color-brand-light);
+    color: var(--color-brand-dark);
+    font-size: 12px;
+    font-weight: var(--font-weight-secondary);
+}

package/web-ui/styles.css

@@ -1,24 +1,24 @@
-@import url('./styles/base-theme.css');
-@import url('./styles/layout-shell.css');
-@import url('./styles/navigation-panels.css');
-@import url('./styles/titles-cards.css');
-@import url('./styles/controls-forms.css');
-@import url('./styles/settings-panel.css');
-@import url('./styles/bridge-pool.css');
-@import url('./styles/sessions-toolbar-trash.css');
-@import url('./styles/sessions-list.css');
-@import url('./styles/sessions-preview.css');
-@import url('./styles/sessions-usage.css');
-@import url('./styles/dashboard.css');
-@import url('./styles/task-orchestration.css');
-@import url('./styles/modals-core.css');
-@import url('./styles/health-check-dialog.css');
-@import url('./styles/openclaw-structured.css');
-@import url('./styles/skills-market.css');
-@import url('./styles/skills-list.css');
-@import url('./styles/plugins-panel.css');
-@import url('./styles/docs-panel.css');
-@import url('./styles/feedback.css');
-@import url('./styles/responsive.css');
-@import url('./styles/webhook.css');
-@import url('./styles/trash-panel.css');
+@import url('./styles/base-theme.css');
+@import url('./styles/layout-shell.css');
+@import url('./styles/navigation-panels.css');
+@import url('./styles/titles-cards.css');
+@import url('./styles/controls-forms.css');
+@import url('./styles/settings-panel.css');
+@import url('./styles/bridge-pool.css');
+@import url('./styles/sessions-toolbar-trash.css');
+@import url('./styles/sessions-list.css');
+@import url('./styles/sessions-preview.css');
+@import url('./styles/sessions-usage.css');
+@import url('./styles/dashboard.css');
+@import url('./styles/task-orchestration.css');
+@import url('./styles/modals-core.css');
+@import url('./styles/health-check-dialog.css');
+@import url('./styles/openclaw-structured.css');
+@import url('./styles/skills-market.css');
+@import url('./styles/skills-list.css');
+@import url('./styles/plugins-panel.css');
+@import url('./styles/docs-panel.css');
+@import url('./styles/feedback.css');
+@import url('./styles/responsive.css');
+@import url('./styles/webhook.css');
+@import url('./styles/trash-panel.css');

package/web-ui.html

@@ -1,17 +1,17 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Codex Mate</title>
-    <meta http-equiv="refresh" content="0; url=./web-ui/index.html">
-    <script>
-        window.location.href = './web-ui/index.html';
-    </script>
-</head>
-<body>
-    <p>Redirecting to <a href="./web-ui/index.html">Web UI</a>...</p>
-    <p>If not redirected automatically, <a href="./web-ui/index.html">click here</a>.</p>
-    <noscript>JavaScript is disabled. Please <a href="./web-ui/index.html">click here</a> to open the Web UI.</noscript>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Codex Mate</title>
+    <meta http-equiv="refresh" content="0; url=./web-ui/index.html">
+    <script>
+        window.location.href = './web-ui/index.html';
+    </script>
+</head>
+<body>
+    <p>Redirecting to <a href="./web-ui/index.html">Web UI</a>...</p>
+    <p>If not redirected automatically, <a href="./web-ui/index.html">click here</a>.</p>
+    <noscript>JavaScript is disabled. Please <a href="./web-ui/index.html">click here</a> to open the Web UI.</noscript>
+</body>
+</html>