codebee 0.1.18 → 0.1.20

package/app/ui/style.css

@@ -558,7 +558,7 @@ body.side-collapsed #sidebar { border-right: none; padding-left: 0; padding-righ
 
 /* 左栏的「设置」导航（设置模式下替换任务树） */
 .side-main { display: flex; flex-direction: column; flex: 1; min-height: 0; }
-.side-settings { display: none; flex-direction: column; flex: 1; min-height: 0; gap: 2px; overflow-y: auto; }
+.side-settings { display: none; flex-direction: column; flex: 1; min-height: 0; gap: 2px; overflow-y: auto; overflow-x: hidden; }
 body.settings-mode .side-main { display: none; }
 body.settings-mode .side-settings { display: flex; }
 .set-back {
@@ -3376,7 +3376,8 @@ body::before {
 .side-search { min-height: 38px; border-radius: 10px; background: color-mix(in srgb, var(--panel) 68%, transparent); }
 .side-quick { margin-top: 8px; }
 .qitem, .set-item { border-radius: 10px; min-height: 36px; transition: background .16s ease, color .16s ease, transform .16s ease; }
-.qitem:hover, .set-item:hover { transform: translateX(2px); }
+/* 悬停位移只留给 .qitem：.set-item 所在的设置导航是独立滚动容器，右移 2px 会顶出横向滚动条 */
+.qitem:hover { transform: translateX(2px); }
 .qitem.active, .set-item.active { background: color-mix(in srgb, var(--accent) 13%, var(--panel)); color: var(--text); }
 .side-label { font-size: 10px; text-transform: uppercase; letter-spacing: .14em; font-weight: 700; }
 .side-tasks { padding-top: 3px; }
@@ -5236,3 +5237,156 @@ body.welcome-open { overflow: hidden; }
 /* —— 知识库：工具行（搜索框 + 状态过滤 chips 同排）—— */
 .kb-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 10px 0 2px; }
 .kb-toolbar input { flex: 1 1 220px; min-width: 180px; }
+/* 工具行内的 chips 不再各带 12px 下边距（否则这一行上下不对称） */
+.kb-toolbar .cat-chips { margin: 0; flex: none; }
+
+/* —— 知识库卡片版式（2026-09-20）——
+ * 共用 .card 的标题为 nowrap+ellipsis（为短标题的教训卡设计），知识条目标题长、
+ * 又带多个标签，而标签是 flex:none——它先把整行宽度吃掉，标题被压成「多AI…」。
+ * 这里只在知识库作用域内重排，不动共用类，避免波及经验库/市场等页面。 */
+/* min(380px,100%)：窄屏（手机端面板不足 380px）时退化为单列，不横向溢出 */
+#kb-cards { grid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr)); }
+#kb-cards .card { display: flex; flex-direction: column; position: relative; overflow: hidden; }
+/* 卡片顶部主题色渐变发丝线：随皮肤换色，给页面一点识别度（正式克制，不做整卡重底） */
+#kb-cards .card::before {
+  content: ""; position: absolute; inset: 0 0 auto 0; height: 2px;
+  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent 72%);
+  opacity: .8; pointer-events: none;
+}
+#kb-cards .card .head { display: block; margin-bottom: 8px; }
+/* 标题独占首行，最多两行后省略（比单行截断可读得多） */
+#kb-cards .card .name {
+  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
+  overflow: hidden; white-space: normal; text-overflow: clip;
+  font-size: 14.5px; line-height: 1.45; margin-bottom: 8px;
+}
+/* 状态徽章与用户标签合并为标题下方的单行元信息区（换行自适应），既不让标签抢
+ * 标题宽度，也不额外多占一行 */
+#kb-cards .kb-meta { display: flex; flex-wrap: wrap; gap: 6px; }
+/* 用户标签：淡主题色底，与灰调状态徽章区分出「可点、是检索入口」 */
+#kb-cards .kb-meta .tag.kt {
+  cursor: pointer; transition: color .14s, border-color .14s, background-color .14s;
+  color: color-mix(in srgb, var(--accent) 78%, var(--text));
+  border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
+  background: color-mix(in srgb, var(--accent) 9%, var(--panel2));
+}
+#kb-cards .kb-meta .tag.kt:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 16%, var(--panel2));
+}
+/* 草稿徽章的琥珀圆点（默认直接转正后，草稿是唯一要标出来的例外态） */
+#kb-cards .kb-meta .tag .cdot { background: currentColor; width: 7px; height: 7px; }
+#kb-cards .card .note { margin-bottom: 8px; }
+#kb-cards .card .facts { margin-bottom: 0; }
+#kb-cards .card .facts .sep { margin: 0 5px; }
+/* 操作行钉底并加发丝分隔线：同一行卡片按钮横向对齐，网格不再参差 */
+#kb-cards .card .ops {
+  margin-top: auto; padding-top: 11px; border-top: 1px solid var(--border);
+}
+/* 标签 chips 可能有几十个：限高两行内滚动，别把条目挤到屏幕外 */
+#kb-tag-chips { max-height: 82px; overflow-y: auto; }
+
+/* —— 群摘要蜜蜂坞（右下角悬浮蜜蜂 + 面板，core/wxdigest.py 的网页侧）—— */
+#bee-dock { position: fixed; right: 18px; bottom: 18px; z-index: 160;
+  display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
+#bee-fab { position: relative; width: 46px; height: 46px; border-radius: 50%;
+  border: 1px solid var(--border-strong); background: var(--panel); color: var(--text);
+  cursor: pointer; display: flex; align-items: center; justify-content: center;
+  box-shadow: var(--shadow); animation: beeBreath 3.2s ease-in-out infinite; }
+#bee-fab:hover { border-color: var(--warn); }
+#bee-fab .ico-lg { width: 26px; height: 26px; color: var(--warn); }
+#bee-badge { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px;
+  padding: 0 4px; border-radius: 9px; background: var(--bad); color: #fff;
+  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
+#bee-bubble { max-width: 260px; background: var(--panel); color: var(--text);
+  border: 1px solid var(--border-strong); border-radius: 12px;
+  padding: 8px 12px; font-size: 12.5px; box-shadow: var(--shadow); }
+@keyframes beeBreath { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
+@media (prefers-reduced-motion: reduce) { #bee-fab { animation: none; } }
+#bee-panel { position: fixed; right: 18px; bottom: 72px; width: 380px;
+  max-width: calc(100vw - 36px); max-height: min(560px, 72vh); z-index: 161;
+  display: flex; flex-direction: column; overflow: hidden;
+  background: var(--panel); border: 1px solid var(--border-strong);
+  border-radius: var(--r-lg); box-shadow: var(--shadow); }
+.bee-head { display: flex; align-items: center; gap: 8px; padding: 10px 12px;
+  border-bottom: 1px solid var(--border); }
+.bee-head b { font-size: 14px; }
+.bee-head .spacer { flex: 1; }
+.bee-list { overflow: auto; padding: 10px 12px; display: flex;
+  flex-direction: column; gap: 10px; min-height: 46px; }
+.bee-digest { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; }
+.bee-digest-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
+.bee-tag { background: rgba(245, 185, 66, .16); color: var(--warn);
+  border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 600; }
+.bee-meta { font-size: 11.5px; color: var(--muted); }
+.bee-text { font-size: 12.5px; line-height: 1.55; white-space: pre-wrap;
+  word-break: break-word; color: var(--text); }
+.bee-empty { color: var(--muted); font-size: 12.5px; text-align: center; padding: 16px 0; }
+.bee-cfg { border-top: 1px solid var(--border); padding: 10px 12px;
+  display: flex; flex-direction: column; gap: 8px; overflow: auto; }
+.bee-lab { font-size: 12.5px; color: var(--muted); }
+.bee-dir-row { display: flex; gap: 6px; }
+.bee-dir-row input { flex: 1; min-width: 0; }
+.bee-row2 { display: flex; gap: 12px; flex-wrap: wrap; }
+.bee-row2 label { display: flex; align-items: center; gap: 6px;
+  font-size: 12.5px; color: var(--muted); }
+.bee-row2 input { width: 84px; }
+.bee-status { font-size: 11.5px; color: var(--muted); min-height: 15px; line-height: 1.5; }
+.bee-note { font-size: 11.5px; color: var(--muted); line-height: 1.5; margin: 0; }
+#bee-cfg .primary { align-self: flex-start; }
+
+/* 登记已有作品：内联表单行（无书卡的补救口，2026-09-20） */
+.pb-reg { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
+.pb-reg input { flex: 1 1 150px; min-width: 0; font-size: 12.5px; padding: 5px 10px; }
+
+/* 数据与备份页：清理预估行 + 消息块内的警示色（2026-09-20） */
+.cl-row { display: flex; align-items: baseline; gap: 8px; padding: 6px 0;
+  border-bottom: 1px solid var(--line, rgba(128,128,128,.15)); }
+.cl-row b { font-size: 12.5px; white-space: nowrap; }
+.cl-row .hint { flex: 1 1 auto; min-width: 0; margin: 0; }
+.cl-row .tag { white-space: nowrap; }
+.msg .bad { color: var(--bad); }
+.msg .ok { color: var(--ok, #4ade80); }
+
+/* —— 群摘要·微信直连（群选择器，2026-09-20）—— */
+#bee-reader-box { display: flex; flex-direction: column; gap: 8px;
+  border-left: 2px solid var(--border-strong); padding-left: 10px; }
+#bee-reader-box input[type="text"] { width: 100%; }
+.bee-groups-head { display: flex; gap: 6px; }
+.bee-groups-head input { flex: 1; min-width: 0; }
+.bee-groups-list { max-height: 220px; overflow: auto; display: flex;
+  flex-direction: column; gap: 2px; border: 1px solid var(--border);
+  border-radius: var(--r-sm); padding: 4px; }
+.bee-g { display: flex; align-items: center; gap: 8px; padding: 3px 6px;
+  border-radius: 6px; cursor: pointer; font-size: 12.5px; }
+.bee-g:hover { background: var(--panel2); }
+.bee-g.on { background: rgba(245, 185, 66, .12); }
+.bee-g span:first-of-type { flex: 1; overflow: hidden; text-overflow: ellipsis;
+  white-space: nowrap; }
+.bee-g input { flex: none; }
+
+/* ---------------- 禅道·仓库工作目录行（追加于文件尾防并行重排） ---------------- */
+.zt-wd-row { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 560px; }
+.zt-wd-row .zt-p-wd { flex: 1; min-width: 0; }
+.zt-wd-row button { flex: none; }
+
+/* ---------------- 群摘要·摘要卡「转知识库」按钮（追加于文件尾防并行重排） ---------------- */
+.bee-digest-head .bee-to-kb { margin-left: auto; flex: none; }
+
+/* ---------------- 禅道·档案卡窄卡溢出修复（追加于文件尾防并行重排） ----------------
+ * 病根：值列 minmax(240px,560px) + 标签列 150px + gap 最少 404px，档案卡实宽 ~385px，
+ * 值列整体被卡片右缘裁掉；且仓库三件套 input 无 type 属性，吃不到 width:100% 规则。
+ * 修法：标签列保持固定 150px（auto 会吞掉宽卡片的剩余自由空间，把禅道连接/自动化卡
+ * 的输入框推到页面中部、开关行被拉宽——已踩，勿改回），仅把值列下限降为可收缩；
+ * :not 排除开关行（zt-grid-toggles 有自己的 auto-fill 口径）。 */
+@media (min-width: 901px) {
+  .zt-grid:not(.zt-grid-toggles) { grid-template-columns: 150px minmax(0, 560px); }
+}
+.zt-grid .zt-p-wd, .zt-grid .zt-p-rev, .zt-grid .zt-p-verify,
+.zt-grid .zt-p-hint, .zt-grid .zt-p-assigned, .zt-grid .zt-p-owner {
+  width: 100%; max-width: 560px;
+}
+
+/* 对话页语音输入按钮（借鉴 paseo voice）：识别中高亮呼吸 */
+#rd-chat-voice.live { color: var(--bad); animation: cb-rise .6s ease infinite alternate; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebee",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "CodeBee · 多智能体编排台 — 统一编排本机 AI 编码 CLI（Codex / Claude Code / QwenCode / OpenCode / Aider…）：目标→拆解→路由→执行→验证→跨厂商评审→修复→报告。纯 Python 标准库实现，本地 Web UI。",
   "license": "MIT",
   "bin": {