codebee 0.1.36 → 0.1.38

package/CHANGELOG.md

@@ -6,6 +6,20 @@ README 元数据带回，供老版本在「发现新版本」时展示新版更
 
 ## 未发布
 
+## v0.1.38（2026-09-21）
+
+### ✨ 新功能
+
+- 对话里发出的图片附件现在直接以 96×96 缩略图展示在气泡中（此前只有一串文件名），点击可放大查看；发图片时会提醒一次：若当前模型未开启「图」输入，模型将看不到这张图（可在模型接入页为模型打开图片能力）。
+
+## v0.1.37（2026-09-21）
+
+### ✨ 新功能
+
+- 新建任务输入框焕新：编排模式、思考程度、对话模型收进输入框工具行右侧（与主流 AI 输入框一致的左右分区——左附件、右偏好+发送），不再是散落在框外的下拉；对话模型点开是「厂商 → 模型」两级菜单（选中打勾、底部「管理模型」直达），点厂商即带出该厂商的推荐模型，pill 以「厂商/模型」组合名显示，只对本次对话生效。
+- 图片附件在输入框内以 88×88 缩略卡展示（此前首页按原图尺寸渲染，直接压住输入文字）。
+- 「更多选项」里旧的对话模型下拉已移除（与工具行 pill 重复）。
+
 ## v0.1.36（2026-09-21）
 
 ### 🛠 问题修复

package/README.md

@@ -23,8 +23,8 @@ Kimi Code、MiMo Code、Grok Build、Pi、DeepSeek Harness……），提供
 <!-- relnotes:start -->
 ### ✨ 新功能 · New
 
-- 编排模式 / 思考程度 / 对话模型从「更多选项」提到输入框正下方，随开随用。
-- Orchestration mode, reasoning level and chat model now sit right under the input box instead of being folded away.
+- 新建任务输入框焕新：编排模式、思考程度、「厂商/模型」选择器收进输入框工具行右侧（左附件、右偏好+发送的主流布局）；对话模型点开是「厂商 → 模型」两级菜单，选中打勾、底部「管理模型」直达，pill 显示「厂商/模型」组合名。
+- The composer was refreshed: orchestration mode, reasoning level and a "provider/model" picker now sit on the input box's right side (attachments left, preferences + send right, like mainstream AI input boxes). The model picker opens a provider → model cascading menu with checkmarks and a shortcut to model management.
 
 - 经验库越用越准：教训按任务结局自动记胜负，真正帮上忙的经验优先注入、帮倒忙的被挤出——随真实运行自我提纯。
 - The lesson library now tracks outcomes: lessons that helped a task pass gain weight, ones that failed to prevent issues fade — it self-refines with every run.

package/app/core/market.py

@@ -171,26 +171,46 @@ def installed_ids():
 def view():
     """市场目录（给 UI/API）：{catalog: [...], categories: [...]}。
     每项带 installed: bool + enabled: bool（已装包的启停态，卡片开关直接
-    切换，不用再去经验库翻——对齐 ZCode 插件管理形态）。"""
+    切换，不用再去经验库翻——对齐 ZCode 插件管理形态）。
+    注意 id 双轨：市场 id（git-workflow）≠ skills 用户包 id（user-哈希），
+    启停态要经安装记录的 file 路径映射到真实用户包再查。"""
     installed = installed_ids()
+    reg = _load_registry().get("installed") or {}
+    ups = skills.user_packs()
+
+    def _lookup(pack_id, is_builtin):
+        """返回 (enabled, 可启停的真实包 id)。内置即市场 id；市场包装成的
+        用户包 id 是 user-哈希，必须经安装记录的 file 路径映射。"""
+        if is_builtin:
+            return skills._pack_enabled(pack_id), pack_id
+        rec = reg.get(pack_id) or {}
+        fhint = str(rec.get("file") or "").replace("\\", "/")
+        for up in ups:
+            f = str(up.get("file") or "").replace("\\", "/")
+            if fhint and (f == fhint or f.endswith("/" + fhint)):
+                return skills._pack_enabled(up["id"]), up["id"]
+        return True, pack_id
+
     items = []
     for p in skills.BUILTIN_PACKS:            # 已内置：已存在，不可安装
         meta = _BUILTIN_META.get(p["id"]) or {}
+        en, pid = _lookup(p["id"], True)
         items.append({"id": p["id"], "name": p["name"],
                       "desc": meta.get("desc") or p.get("note") or "",
                       "category": meta.get("category") or skills.LESSON_UNCATEGORIZED,
                       "scopes": list(p.get("scopes") or ["*"]),
                       "builtin": True, "installed": True, "installable": False,
-                      "enabled": skills._pack_enabled(p["id"]),
+                      "enabled": en, "pack_id": pid,
                       "chars": len(skills.pack_text(p))})
     for p in BUILTIN_PACKS:                   # 可安装市场包
         files = p.get("files") or {}
+        inst = p["id"] in installed
+        en, pid = _lookup(p["id"], False) if inst else (False, p["id"])
         items.append({"id": p["id"], "name": p["name"], "desc": p["desc"],
                       "category": p["category"], "scopes": list(p["scopes"]),
-                      "builtin": False, "installed": p["id"] in installed,
+                      "builtin": False, "installed": inst,
                       "installable": True,
-                      "enabled": (p["id"] in installed and
-                                  skills._pack_enabled(p["id"])),
+                      "enabled": en, "pack_id": pid,
                       "files": sorted(files),
                       "chars": sum(len(v) for v in files.values())})
     cats = list(skills.LESSON_CATEGORIES)     # 闭集全枚举先给全（UI 下拉不缺项）

package/app/core/step_runner.py

@@ -101,7 +101,33 @@ def execute_step(session, run_agent_fn, prompt, *, model: str = "",
         log.info("overflow but no compaction progress (gen %s->%s), no retry",
                  gen0, gen1)
         return result, False
-    # 压缩生效：surface 已折叠，重新派生消息后用同一 prompt 重试一次
-    log.info("compaction advanced gen %s->%s, retrying step", gen0, gen1)
-    result2 = run_agent_fn(prompt, **kwargs)
+    # 压缩生效：surface 已折叠。**真正替换 CLI 请求上下文**（2026-09-21
+    # 清最老待深挖项：此前重试仍发原 prompt + 续旧 resume 会话——摘要只进
+    # 审计日志，CLI 看到的上下文一点没小，重试必然再爆）：
+    # ①重试 prompt 改用 session 派生转录（折叠摘要 + 近尾消息，体量骤降）；
+    # ②弃 resume（旧会话本体仍是膨胀态，续上就前功尽弃）。
+    msgs = []
+    try:
+        msgs = session.derive_messages()
+    except Exception:
+        log.debug("derive_messages failed on retry", exc_info=True)
+    kwargs2 = dict(kwargs)
+    if msgs:
+        transcript = "\n\n".join("[%s] %s" % (m.get("role"), m.get("content"))
+                                 for m in msgs)
+        if len(transcript) > 24_000:
+            transcript = transcript[-24_000:]
+        retry_prompt = transcript
+        # 本步指令必须在场：被折叠/截断掉就显式补在尾部（缺失指令比重复严重）
+        tail = transcript[-2000:]
+        if prompt[:400] not in tail:
+            retry_prompt = transcript + "\n\n" + prompt
+        kwargs2.pop("resume", None)
+        log.info("compaction advanced gen %s->%s, retrying with derived "
+                 "context (%d msgs, resume dropped)", gen0, gen1, len(msgs))
+        result2 = run_agent_fn(retry_prompt, **kwargs2)
+    else:
+        log.info("compaction advanced gen %s->%s but no surface derived, "
+                 "retrying same prompt", gen0, gen1)
+        result2 = run_agent_fn(prompt, **kwargs)
     return result2, True

package/app/ui/app.js

@@ -80,9 +80,124 @@ function applyTaskPreferenceDefaults() {
   if (thinking && ["auto", "low", "standard", "high"].includes(lp.thinking)) thinking.value = lp.thinking;
   const manual = $("f-manual-only");
   if (manual && mode) manual.classList.toggle("hidden", mode.value !== "manual");
+  syncCmpSelFace("f-mode");
+  syncCmpSelFace("f-thinking");
   S.prefsApplied = true;
 }
 
+/* composer 内「编排模式/思考程度」pill 的短名：原生 select 透明覆盖在 pill 上，
+ * face 只显示选项的短前缀（「自动（推荐）：…」→「自动」），值真源仍是 select。 */
+function cmpSelShort(text) {
+  return (String(text || "").split(/[：:]/)[0]
+    .replace(/[（(].*?[）)]/g, "").trim()) || "";
+}
+
+function syncCmpSelFace(id) {
+  const sel = $(id), face = $(id + "-face");
+  if (!sel || !face) return;
+  const opt = sel.options[sel.selectedIndex];
+  face.textContent = cmpSelShort(opt && opt.textContent) || sel.value;
+}
+window.syncCmpSelFace = syncCmpSelFace;   // applyI18n 重译 option 后同步短名
+
+/* ---- 对话模型 pill：厂商 → 模型两级钻取菜单（ChatGPT 选择器同款语汇）。
+ * 真源仍是 f-direct-provider / f-direct-model-name 两个隐藏 select，
+ * 菜单只改它们的值——既有提交流 / onTypeChange 显隐 / 测试全兼容。 */
+let cmpModelProv = "";   // ""=厂商级；否则=已钻入的厂商 id（模型级）
+
+function cmpDirectBtnSync() {
+  const btn = $("f-direct-btn");
+  if (!btn) return;
+  const pv = $("f-direct-provider").value, mv = $("f-direct-model-name").value;
+  if (!pv) { btn.textContent = t("自动推荐"); return; }
+  const p = directProviders().find((x) => x.id === pv);
+  btn.textContent = (p ? (p.name || p.id) : pv) + (mv ? "/" + mv : "/" + t("推荐"));
+}
+
+function cmpModelMenuRender() {
+  const menu = $("cmp-model-menu");
+  if (!menu) return;
+  const pv = $("f-direct-provider").value, mv = $("f-direct-model-name").value;
+  const chk = '<svg class="ico ti-check" aria-hidden="true"><use href="#i-check"></use></svg>';
+  const arr = '<svg class="ico ti-check" aria-hidden="true"><use href="#i-chevron-r"></use></svg>';
+  if (!cmpModelProv) {
+    menu.innerHTML =
+      '<button type="button" class="type-item" data-p="" data-m=""><span class="ti-body"><span class="ti-name">' +
+        t("自动推荐") + "</span></span>" + (!pv ? chk : "") + "</button>" +
+      directProviders().map((p) =>
+        '<button type="button" class="type-item" data-p="' + esc(p.id) + '"><span class="ti-body"><span class="ti-name">' +
+        esc(p.name || p.id) + "</span></span>" + (pv === p.id ? chk : arr) + "</button>").join("") +
+      '<div class="type-menu-foot"><button type="button" class="type-item" data-manage="1"><span class="ti-body"><span class="ti-name">' +
+        t("管理模型…") + "</span></span></button></div>";
+  } else {
+    const p = directProviders().find((x) => x.id === cmpModelProv);
+    const names = p ? (p.models || []).filter((m) => m.enabled !== false && !m.hidden)
+      .map((m) => m.name).filter(Boolean) : [];
+    menu.innerHTML =
+      '<button type="button" class="type-item" data-back="1"><span class="ti-body"><span class="ti-name">‹ ' +
+        esc(p ? (p.name || p.id) : cmpModelProv) + "</span></span></button>" +
+      '<button type="button" class="type-item" data-p="' + esc(cmpModelProv) + '" data-m=""><span class="ti-body"><span class="ti-name">' +
+        t("随厂商推荐") + "</span></span>" + (pv === cmpModelProv && !mv ? chk : "") + "</button>" +
+      names.map((n) =>
+        '<button type="button" class="type-item" data-p="' + esc(cmpModelProv) + '" data-m="' + esc(n) + '"><span class="ti-body"><span class="ti-name">' +
+        esc(n) + "</span></span>" + (pv === cmpModelProv && mv === n ? chk : "") + "</button>").join("");
+  }
+}
+
+function toggleModelMenu(force) {
+  const menu = $("cmp-model-menu");
+  if (!menu) return;
+  const show = force !== undefined ? force : menu.classList.contains("hidden");
+  if (show) { cmpModelProv = ""; cmpModelMenuRender(); }
+  menu.classList.toggle("hidden", !show);
+}
+window.toggleModelMenu = toggleModelMenu;
+
+(function () {
+  const menu = $("cmp-model-menu");
+  if (!menu || menu.dataset.cmpBound) return;
+  menu.dataset.cmpBound = "1";
+  menu.addEventListener("click", (e) => {
+    const b = e.target.closest("[data-p],[data-back],[data-manage]");
+    if (!b) return;
+    if (b.dataset.manage) { toggleModelMenu(false); switchTab("models"); return; }
+    if (b.dataset.back) { cmpModelProv = ""; cmpModelMenuRender(); return; }
+    if (b.dataset.m === undefined) {
+      // 点厂商 = 厂商+推荐模型一起定（用户反馈「只选了厂商」）：带出该厂商
+      // 排序最前的模型并展开模型级菜单，可立即改选；已是当前厂商则只钻取。
+      // 顺序关键：先 picker 重建 options 再赋值——select.value 对不存在的
+      // option 会静默忽略（真机「没法选模型」根因之一）
+      const pid = b.dataset.p;
+      if ($("f-direct-provider").value !== pid) {
+        renderDirectModelPicker();
+        $("f-direct-provider").value = pid;
+        renderDirectModelPicker();
+        const p = directProviders().find((x) => x.id === pid);
+        const names = p ? (p.models || []).filter((m) => !m.hidden)
+          .map((m) => m.name).filter(Boolean) : [];
+        const ms = $("f-direct-model-name");
+        if (names.length && names[0]) ms.value = names[0];
+        cmpDirectBtnSync();
+      }
+      cmpModelProv = pid;
+      cmpModelMenuRender();
+      return;
+    }
+    // 选定：写回隐藏 select 真源（提交流/回归测试全走原路径）
+    $("f-direct-provider").value = b.dataset.p;
+    $("f-direct-model-name").value = b.dataset.m;
+    cmpDirectBtnSync();
+    toggleModelMenu(false);
+  });
+  document.addEventListener("click", (e) => {
+    const wrap = $("f-direct-wrap");
+    if (wrap && !wrap.contains(e.target)) toggleModelMenu(false);
+  });
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") toggleModelMenu(false);
+  });
+})();
+
 /* 类型选择的可见层：带黑白图标的按钮 + 弹出菜单。原生 <option> 渲染不了 SVG，
  * 所以隐藏 select 只当值真源（既有联动/测试全部照旧），外观全靠这层。 */
 function renderTypeMenu() {
@@ -178,8 +293,11 @@ function onTypeChange() {
   // 直连：验证命令与评审参数都不适用，两块一起收起（目标+附件即全部输入）
   if (codeOnly) codeOnly.classList.toggle("hidden", isReview || isDirect);
   if (reviewOnly) reviewOnly.classList.toggle("hidden", !isReview);
-  if ($("f-direct-model")) $("f-direct-model").classList.toggle("hidden", !isDirect);
-  if (isDirect) renderDirectModelPicker();
+  // 对话模型选择已收进工具行 pill：更多选项里的旧块永久隐藏（select 真源保留）
+  if ($("f-direct-model")) $("f-direct-model").classList.add("hidden");
+  const dwrap = $("f-direct-wrap");
+  if (dwrap) dwrap.classList.toggle("hidden", !isDirect);
+  if (isDirect) { renderDirectModelPicker(); cmpDirectBtnSync(); }
   const bibleCreate = $("bible-create-field");
   const isSerialReview = isReview && !!(flow && flow.serial);
   if (bibleCreate) bibleCreate.classList.toggle("hidden", !isSerialReview);
@@ -222,6 +340,7 @@ function onTypeChange() {
 }
 
 function directProviders() {
+  /* 停用厂商不列出（用户拍板 2026-09-21「停用的不弄出来」）；只列启用且有 key 的 */
   return (S.providers || []).filter((p) => p.enabled !== false && p.api_key);
 }
 
@@ -235,11 +354,12 @@ function renderDirectModelPicker() {
   if (prev && provs.some((p) => p.id === prev)) ps.value = prev;
   const p = provs.find((x) => x.id === ps.value);
   const oldModel = ms.value;
-  const names = p ? (p.models || []).filter((m) => m.enabled !== false && !m.hidden)
+  const names = p ? (p.models || []).filter((m) => !m.hidden)
     .map((m) => m.name).filter(Boolean) : [];
   ms.innerHTML = '<option value="">' + t("随厂商推荐") + '</option>' + names.map((name) =>
     '<option value="' + esc(name) + '">' + esc(name) + "</option>").join("");
   if (oldModel && names.includes(oldModel)) ms.value = oldModel;
+  cmpDirectBtnSync();   // 工具行 pill 文字跟随真源
 }
 
 function recommendTaskType(goal) {
@@ -1028,9 +1148,10 @@ async function poll() {
     S.providers = models.providers; S.bindings = models.bindings;
     S.modelCatalog = models.catalog || [];
     S.sourceNames = models.source_names || S.sourceNames || {};
-    if ($("f-direct-model") && !$('f-direct-model').classList.contains("hidden")) {
-      renderDirectModelPicker();
-    }
+    // /api/models 到手即重建对话模型选项（无条件）：旧逻辑只在「更多选项」
+    // 旧块可见时重建——旧块隐藏后选项永远只有「自动推荐」，厂商写值全部
+    // 静默失效（2026-09-21 用户实测「没法选模型」根因）
+    renderDirectModelPicker();
     // 供应商集合/启停/密钥变了才重拉编排者：否则「生效中」状态点会在停用厂商后失真
     const provSig = JSON.stringify((S.providers || []).map((p) => [p.id, p.enabled, !!p.api_key]));
     if (provSig !== S.provSig) { S.provSig = provSig; loadOrchestrator(); }
@@ -6493,7 +6614,10 @@ async function renderChat(run, active) {
         let rel = typeof a === "string" ? a : ((a && (a.path || a.name)) || nm);
         rel = String(rel).replace(/\\/g, "/");
         if (!rel.startsWith("_attachments/")) rel = "_attachments/" + rel.split("/").pop();
-        return { nm, rel };
+        const isImg = /\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(nm);
+        const src = isImg && chatRunId
+          ? "/api/runs/" + encodeURIComponent(chatRunId) + "/file?name=" + encodeURIComponent(rel) : "";
+        return { nm, rel, img: src };
       }).filter(Boolean);
       return '<div class="chat-row me">' +
         '<div class="chat-bubble me">' +
@@ -6502,8 +6626,11 @@ async function renderChat(run, active) {
         esc(it.text || t("（仅附件）")) +
         (atts.length
           ? '<div class="chat-atts">' + atts.map((a) =>
-              '<span class="att-chip2 att-open" data-att="' + esc(a.rel) +
-              '" title="' + esc(t("点击查看")) + '">' + esc(a.nm) + "</span>").join("") + "</div>"
+              (a.img
+                ? '<span class="att-open chat-img" data-att="' + esc(a.rel) + '" title="' + esc(a.nm) + '">' +
+                  '<img src="' + esc(a.img) + '" alt="' + esc(a.nm) + '" loading="lazy" draggable="false"></span>'
+                : '<span class="att-chip2 att-open" data-att="' + esc(a.rel) +
+                  '" title="' + esc(t("点击查看")) + '">' + esc(a.nm) + "</span>")).join("") + "</div>"
           : "") +
         "</div></div>";
     }
@@ -6766,6 +6893,14 @@ async function chatUploadFiles(files) {
       const r = await api("/api/attachments", { method: "POST",
         body: JSON.stringify({ name: f.name, data: b64 }) });
       chatAtts.push(r.attachment); drawChatAtts();
+      // 图片能力前置提醒：模型 image_in 未开启时收不到图（内置智能体会降级为
+      // 纯文本，模型只能回复「读不到」——与其事后看模型解释，不如发图时提一句）
+      if (/^image\//i.test(String(f.type || "")) || /\.(png|jpe?g|gif|webp|bmp)$/i.test(f.name || "")) {
+        if (!window._chatImgTipShown) {
+          window._chatImgTipShown = true;
+          toast(t("已添加图片。若当前模型未开启「图」输入（模型接入页可开），模型将看不到这张图"));
+        }
+      }
     } catch (e) { toast(t("附件上传失败：") + f.name + " — " + e.message, true); }
   }
 }
@@ -8978,11 +9113,12 @@ function mkCardHtml(p, section) {
   else if (p.installed) ops = '<span class="tag ok">' + t("已安装") + "</span>" +
     '<button class="ghost small" onclick="mkRemove(\'' + esc(p.id) + '\')">' + t("卸载") + "</button>";
   else ops = '<button class="primary small" onclick="mkInstall(\'' + esc(p.id) + '\')">' + t("安装") + "</button>";
-  // 已装插件卡片直接给启停开关（对齐 ZCode 插件管理形态：启停不用去经验库翻）
+  // 已装插件卡片直接给启停开关（对齐 ZCode 插件管理形态：启停不用去经验库翻）。
+  // 注意传 pack_id（user-哈希）而非市场 id——启停记账在 skills 用户包上
   const toggle = p.installed
     ? '<label class="switch" title="' + (p.enabled ? t("已启用") : t("已停用")) + '">' +
       '<input type="checkbox"' + (p.enabled ? " checked" : "") +
-      ' onchange="mkTogglePack(\'' + esc(p.id) + '\', this.checked)"></label>'
+      ' onchange="mkTogglePack(\'' + esc(p.pack_id || p.id) + '\', this.checked)"></label>'
     : "";
   const sec = section ? '<span class="tag mk-sec">' + esc(section) + "</span>" : "";
   return '<div class="card mk-card"><div class="head">' +
@@ -9034,21 +9170,22 @@ function renderMarket() {
     (p.name || "").toLowerCase().indexOf(q) >= 0 || (p.desc || "").toLowerCase().indexOf(q) >= 0);
   const cnt = $("mk-count");
   if (cnt && mkActiveView() === "local") cnt.textContent = t("共 ") + items.length + t(" 个");
-  // 分区渲染（对齐 ZCode 插件管理形态）：内置 / 已安装 / 可安装三组，
-  // 各组小标题+卡片；「全部」以外状态只出命中的那组
+  // 分区渲染（对齐 ZCode 插件管理形态）：内置 / 已安装 / 可安装三组。
+  // #mk-grid 本身是 grid 容器，直接塞 h3 会把标题当格子排（样式乱）——
+  // 分区模式给外层加 .mk-grouped 转块级，每组自带独立 .mk-grid。
   if (st === "all" && !cat && !q) {
     const builtin = items.filter((p) => p.builtin);
     const inst = items.filter((p) => !p.builtin && p.installed);
     const avail = items.filter((p) => !p.builtin && !p.installed);
-    const sec = (title, list) => list.length
-      ? '<h3 class="sec-title">' + title + " " + list.length + "</h3>" +
-        '<div class="mk-grid">' + list.map((p) => mkCardHtml(p, t(title))).join("") + "</div>"
-      : "";
-    grid.innerHTML =
-      sec(t("内置"), builtin) + sec(t("已安装"), inst) + sec(t("可安装"), avail) ||
+    const sec = (title, list) => !list.length ? "" :
+      '<h3 class="sec-title">' + esc(t(title)) + ' <span class="tag">' + list.length + "</span></h3>" +
+      '<div class="mk-grid">' + list.map((p) => mkCardHtml(p)).join("") + "</div>";
+    grid.classList.add("mk-grouped");
+    grid.innerHTML = sec(t("内置"), builtin) + sec(t("已安装"), inst) + sec(t("可安装"), avail) ||
       '<div class="empty">' + t("没有符合条件插件") + "</div>";
     return;
   }
+  grid.classList.remove("mk-grouped");
   grid.innerHTML = items.map((p) => mkCardHtml(p)).join("") || '<div class="empty">' + t("没有符合条件插件") + "</div>";
 }
 
@@ -11321,6 +11458,9 @@ document.addEventListener("DOMContentLoaded", () => {
   $("f-git-rev").addEventListener("change", renderGitHint);
   if ($("f-workdir").value) queueGitProbe();  // 回填的目录：进页面即探测代码版本
   $("f-type").addEventListener("change", onTypeChange);
+  // 编排模式/思考程度 pill：选项变化同步短名（含语言切换后的 option 文本变化）
+  $("f-mode").addEventListener("change", () => syncCmpSelFace("f-mode"));
+  $("f-thinking").addEventListener("change", () => syncCmpSelFace("f-thinking"));
   // 类型菜单点外面收起（Escape 同收）；按钮自身点击由 toggleTypeMenu 负责
   document.addEventListener("click", (e) => {
     const menu = $("type-menu"), btn = $("f-type-btn");
@@ -11346,6 +11486,7 @@ document.addEventListener("DOMContentLoaded", () => {
   $("f-thinking").addEventListener("change", refreshEstimate);
   $("f-rounds").addEventListener("change", refreshEstimate);
   $("f-direct-provider").addEventListener("change", renderDirectModelPicker);
+  $("f-direct-model-name").addEventListener("change", cmpDirectBtnSync);   // 更多选项里改模型也要同步 pill
   $("f-type").dispatchEvent(new Event("change"));
   cmpGreeting();   // 问候语按时段刷新（切语言/回任务页也会重算）
   $("btn-reload-catalog").addEventListener("click", async () => {

package/app/ui/i18n.js

@@ -291,6 +291,7 @@
     "指令已入箱，将在下一个步骤下达": "Directive queued — it will be delivered with the next step",
     "发送失败：": "Send failed: ",
     "附件上传失败：": "Upload failed: ",
+    "已添加图片。若当前模型未开启「图」输入（模型接入页可开），模型将看不到这张图": "Image added. If the model doesn't have the image-input badge on (enable it on the Models page), it won't see this picture",
     "读取文件失败": "Failed to read file",
     "：超过 8MB，已跳过": ": over 8MB, skipped",
     "附件最多 ": "Max ",
@@ -2476,6 +2477,13 @@
     scope.querySelectorAll("[data-i18n-aria]").forEach((el) => {
       el.setAttribute("aria-label", t(el.dataset.i18nAria));
     });
+    // 编排 pill 短名取自 option 文本，重译后要跟着换语言
+    if (typeof window.syncCmpSelFace === "function") {
+      ["f-mode", "f-thinking"].forEach((id) => window.syncCmpSelFace(id));
+    }
+    if (typeof window.cmpDirectBtnSync === "function") {
+      window.cmpDirectBtnSync();   // 「自动推荐/推荐」等词也要换语言
+    }
   }
 
   // 暴露

package/app/ui/index.html

@@ -294,7 +294,37 @@
               <div class="att-strip">
                 <button type="button" class="ghost small" id="btn-attach" title="添加附件：截图 / 文本 / Word·Excel·PPT / PDF 等（普通 8MB，Office 24MB），创建任务时落盘到工作目录 _attachments/；也可直接粘贴截图" data-i18n-title="添加附件：截图 / 文本 / Word·Excel·PPT / PDF 等（普通 8MB，Office 24MB），创建任务时落盘到工作目录 _attachments/；也可直接粘贴截图"><svg class="ico" aria-hidden="true"><use href="#i-paperclip"></use></svg><span data-i18n="附件">附件</span></button>
               </div>
+              <!-- 右组（参考主流输入框）：编排/思考/对话模型偏好 + 发送。
+                   pill 用透明原生 select 覆盖，点哪儿都弹原生下拉；短名由
+                   syncCmpSelFace 同步。2026-09-21 用户拍板「整理到对话框里」。 -->
               <div class="cmp-send">
+                <span class="cmp-sel" data-i18n-title="编排模式" title="编排模式">
+                  <select id="f-mode" class="cmp-sel-native" aria-label="编排模式" data-i18n-aria="编排模式">
+                    <option data-i18n="自动（推荐）：按任务类型与风险动态决定步骤" value="auto">自动（推荐）：按任务类型与风险动态决定步骤</option>
+                    <option data-i18n="快速：少步骤优先，先做确定性验收" value="fast">快速：少步骤优先，先做确定性验收</option>
+                    <option data-i18n="专家：完整规划、多评审、失败修复与换将" value="expert">专家：完整规划、多评审、失败修复与换将</option>
+                    <option data-i18n="手动：自行指定实现者与评审组" value="manual">手动：自行指定实现者与评审组</option>
+                  </select>
+                  <span class="cmp-sel-face" id="f-mode-face">自动</span>
+                  <svg class="ico chev" aria-hidden="true"><use href="#i-chevron-r"></use></svg>
+                </span>
+                <span class="cmp-sel" data-i18n-title="思考程度" title="思考程度">
+                  <select id="f-thinking" class="cmp-sel-native" aria-label="思考程度" data-i18n-aria="思考程度">
+                    <option data-i18n="标准：平衡质量与速度" value="standard" selected>标准：平衡质量与速度</option>
+                    <option data-i18n="自动：随任务难度调整" value="auto">自动：随任务难度调整</option>
+                    <option data-i18n="快速：少推理、优先响应" value="low">快速：少推理、优先响应</option>
+                    <option data-i18n="深度：更多推理与检查" value="high">深度：更多推理与检查</option>
+                  </select>
+                  <span class="cmp-sel-face" id="f-thinking-face">标准</span>
+                  <svg class="ico chev" aria-hidden="true"><use href="#i-chevron-r"></use></svg>
+                </span>
+                <!-- 厂商/模型 pill（仅「直接执行」类型显示）：点开厂商→模型两级
+                     钻取菜单，选定写回隐藏 select 真源 -->
+                <span class="cmp-sel hidden" id="f-direct-wrap" data-i18n-title="对话模型（可选）" title="对话模型（可选）">
+                  <button type="button" class="cmp-sel-face cmp-sel-btn" id="f-direct-btn" onclick="toggleModelMenu()" aria-haspopup="menu" aria-controls="cmp-model-menu">自动推荐</button>
+                  <svg class="ico chev" aria-hidden="true"><use href="#i-chevron-r"></use></svg>
+                  <div id="cmp-model-menu" class="type-menu hidden" role="menu" aria-label="对话模型" data-i18n-aria="对话模型"></div>
+                </span>
                 <span id="create-msg" class="msg"></span>
                 <button id="btn-create" class="primary round" title="创建并运行" data-i18n-title="创建并运行" aria-label="创建并运行" data-i18n-aria="创建并运行"><svg class="ico" aria-hidden="true"><use href="#i-arrow-up"></use></svg></button>
               </div>
@@ -305,31 +335,6 @@
           <div id="cmp-quick" class="cmp-quick" role="group" aria-label="常用类型" data-i18n-aria="常用类型"></div>
           <!-- 开跑前成本预估（refreshEstimate 填充；无同类样本时保持隐藏） -->
           <p class="hint cmp-estimate hidden" id="cmp-estimate"></p>
-          <!-- 编排偏好贴输入框（用户拍板「放上来」：不再折叠进更多选项） -->
-          <div class="cmp-prefs" id="cmp-prefs">
-            <div class="field">
-              <label data-i18n="编排模式">编排模式</label>
-              <select id="f-mode">
-                <option data-i18n="自动（推荐）：按任务类型与风险动态决定步骤" value="auto">自动（推荐）：按任务类型与风险动态决定步骤</option>
-                <option data-i18n="快速：少步骤优先，先做确定性验收" value="fast">快速：少步骤优先，先做确定性验收</option>
-                <option data-i18n="专家：完整规划、多评审、失败修复与换将" value="expert">专家：完整规划、多评审、失败修复与换将</option>
-                <option data-i18n="手动：自行指定实现者与评审组" value="manual">手动：自行指定实现者与评审组</option>
-              </select>
-            </div>
-            <div class="field">
-              <label data-i18n="思考程度">思考程度</label>
-              <select id="f-thinking">
-                <option data-i18n="标准：平衡质量与速度" value="standard" selected>标准：平衡质量与速度</option>
-                <option data-i18n="自动：随任务难度调整" value="auto">自动：随任务难度调整</option>
-                <option data-i18n="快速：少推理、优先响应" value="low">快速：少推理、优先响应</option>
-                <option data-i18n="深度：更多推理与检查" value="high">深度：更多推理与检查</option>
-              </select>
-            </div>
-            <div id="f-direct-model" class="field hidden"><label data-i18n="对话模型（可选）">对话模型（可选）</label><div class="grid-2">
-              <select id="f-direct-provider" aria-label="对话厂商" data-i18n-aria="对话厂商"><option data-i18n="自动推荐">自动推荐</option></select>
-              <select id="f-direct-model-name" aria-label="对话模型" data-i18n-aria="对话模型"><option data-i18n="随厂商推荐">随厂商推荐</option></select>
-            </div><p class="hint" data-i18n="只对本次对话生效，不会修改全局绑定；指定渠道不可用时会明确报错。">只对本次对话生效，不会修改全局绑定；指定渠道不可用时会明确报错。</p></div>
-          </div>
           <!-- 需求拷问采访卡（renderClarify 渲染；goal 模糊时出现，跳过=直接创建） -->
           <div id="clarify-box" class="clarify-box hidden"></div>
           <div class="field hidden" id="row-resume-session">
@@ -341,6 +346,11 @@
           <details id="f-advanced">
             <summary data-i18n="更多选项">更多选项</summary>
             <div class="adv-body">
+              <!-- 对话模型（可选）是低频高级项：只对「直接执行」类型生效，收在这 -->
+              <div id="f-direct-model" class="field hidden"><label data-i18n="对话模型（可选）">对话模型（可选）</label><div class="grid-2">
+                <select id="f-direct-provider" aria-label="对话厂商" data-i18n-aria="对话厂商"><option data-i18n="自动推荐">自动推荐</option></select>
+                <select id="f-direct-model-name" aria-label="对话模型" data-i18n-aria="对话模型"><option data-i18n="随厂商推荐">随厂商推荐</option></select>
+              </div><p class="hint" data-i18n="只对本次对话生效，不会修改全局绑定；指定渠道不可用时会明确报错。">只对本次对话生效，不会修改全局绑定；指定渠道不可用时会明确报错。</p></div>
               <div class="grid-2">
                 <div class="field">
                   <label data-i18n="继续会话">继续会话</label>

package/app/ui/style.css

@@ -5616,18 +5616,24 @@ button.request-busy > * { opacity: .18; }
 .ch-ev.ok { border-left-color: var(--ok); color: inherit; }
 .ch-ev.bad { border-left-color: var(--bad); color: inherit; }
 
-/* composer 内编排偏好行：编排模式/思考程度/对话模型贴着输入框（2026-09-21
- * 用户拍板「放上来」，不再折叠进「更多选项」）。字段横向紧凑排布，窄屏换行。 */
-.cmp-prefs { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 6px 2px 2px; }
-.cmp-prefs > .field { display: flex; align-items: center; gap: 8px; flex: 1 1 260px;
-  min-width: 0; margin: 0; }
-.cmp-prefs > .field > label { white-space: nowrap; flex: none; margin: 0;
-  font-size: 12.5px; color: var(--muted); }
-.cmp-prefs > .field > select { flex: 1 1 auto; min-width: 0; width: auto; }
-/* 对话模型（可选）默认整行：label + 双下拉 + 说明文字 */
-.cmp-prefs > #f-direct-model { flex: 1 1 100%; align-items: center; }
-.cmp-prefs > #f-direct-model > .grid-2 { flex: 1 1 auto; min-width: 0; }
-.cmp-prefs > #f-direct-model > .hint { flex: 1 1 100%; margin: 0; }
+/* composer 工具行「编排模式/思考程度」pill（2026-09-21 用户拍板「整理到对话
+ * 框里面去」）：透明原生 select 覆盖整颗 pill，点哪儿都是原生下拉；face 只显示
+ * 选项短前缀（syncCmpSelFace 同步），视觉与「直接执行」类型 pill 同一语汇。 */
+.cmp-sel { position: relative; display: inline-flex; align-items: center; gap: 5px;
+  padding: 5px 11px; border: 1px solid var(--border); border-radius: 999px;
+  font-size: 12.5px; color: var(--muted); background: transparent;
+  white-space: nowrap; user-select: none; }
+.cmp-sel:hover { border-color: var(--border-strong); color: var(--text); }
+.cmp-sel-face { max-width: 88px; overflow: hidden; text-overflow: ellipsis; }
+.cmp-sel .chev { width: 13px; height: 13px; transform: rotate(90deg); opacity: .65; flex: none; }
+.cmp-sel-native { position: absolute; inset: 0; width: 100%; height: 100%;
+  opacity: 0; cursor: pointer; border: none; margin: 0; }
+.cmp-sel-btn { appearance: none; background: none; border: none; padding: 0;
+  font: inherit; color: inherit; cursor: pointer; }
+/* 「厂商/模型」组合名比单档选项长：放宽截断（其他 pill 保持 88px 短名） */
+#f-direct-wrap .cmp-sel-btn { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
+/* 厂商/模型钻取菜单：脱离 pill 宽度限制（type-menu 默认 left/right 撑满父级） */
+#cmp-model-menu { left: 0; right: auto; min-width: 250px; }
 
 /* 插件市场：内置/已安装/可安装分区标题与已装启停开关（对齐 ZCode 形态） */
 #mk-grid .sec-title { margin: 14px 0 6px; }
@@ -5640,3 +5646,35 @@ button.request-busy > * { opacity: .18; }
 .mk-card .switch input::after { content: ""; position: absolute; top: 2px; left: 2px;
   width: 15px; height: 15px; border-radius: 50%; background: #fff; transition: left .15s; }
 .mk-card .switch input:checked::after { left: 17px; }
+
+/* 插件市场分区模式：外层转块级，标题不当格子排（此前 h3 塞进 grid 导致
+   标题/卡片错位——用户截图反馈「样式乱了」）；每组自带独立 grid。 */
+#mk-grid.mk-grouped { display: block; }
+#mk-grid.mk-grouped .mk-grid { display: grid; gap: 12px;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
+#mk-grid.mk-grouped .sec-title { margin: 16px 0 8px; }
+
+/* 首页 composer 图片附件缩略图：与任务页同款 88×88 卡（此前样式只写在
+ * #sub-tasks 作用域，首页 img 按原始尺寸渲染直接压住输入文字——2026-09-21
+ * 用户实测「有遮挡」）。删除钮右上角悬浮。 */
+.att-chip.att-image { position: relative; width: 88px; height: 88px; max-width: none;
+  padding: 0; overflow: visible; border-radius: 12px; background: var(--panel2);
+  border-color: var(--border); box-shadow: 0 2px 10px color-mix(in srgb, #000 10%, transparent); }
+.att-chip.att-image img { display: block; width: 100%; height: 100%; object-fit: cover;
+  border-radius: inherit; background: var(--panel2); }
+.att-chip.att-image .att-image-name { position: absolute; width: 1px; height: 1px;
+  padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);
+  white-space: nowrap; border: 0; }
+.att-chip.att-image .ax { position: absolute; z-index: 2; top: -6px; right: -6px;
+  display: inline-flex; align-items: center; justify-content: center; width: 20px;
+  height: 20px; padding: 0; border: 1px solid var(--panel); border-radius: 50%;
+  background: var(--panel); color: var(--muted); }
+.att-chip.att-image .ax:hover { background: var(--bad); color: #fff; }
+.att-chip.att-image .ax .ico { width: 11px; height: 11px; }
+
+/* 对话气泡图片附件缩略图（2026-09-21 用户反馈：图片只显示文件名要点开才见）：
+ * 96×96 圆角卡，点击仍走 att-open 弹大图 */
+.chat-img { display: inline-block; cursor: zoom-in; }
+.chat-img img { display: block; width: 96px; height: 96px; object-fit: cover;
+  border-radius: 10px; border: 1px solid var(--border); background: var(--panel2); }
+.chat-atts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }

package/package.json

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