hansjone/oclaw
1
0
Fork 0
mirror of https://github.com/hansjone/oclaw.git synced 2026-10-17 12:03:20 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move Chat background-jobs entry to the sidebar footer.

Browse source 
Keeps the running-count badge visible without competing with the new-chat action above the session list.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-07-23 09:26:53 +08:00
parent 0cf6aafa30
commit 896126ef88
3 changed files with 22 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

32
interfaces/admin/static/chat.html
View file

@ -521,41 +521,47 @@
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
} }
.chat-nav__jobs { .chat-nav__footer .chat-nav__jobs {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 8px; gap: 8px;
width: 100%; width: 100%;
padding: 8px 10px; box-sizing: border-box;
margin: 0;
padding: 7px 10px;
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--ds-border, rgba(255, 255, 255, 0.12)); border: 1px solid transparent;
background: transparent; background: transparent;
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 12px;
opacity: 0.92;
} }
.chat-nav__jobs:hover { .chat-nav__footer .chat-nav__jobs:hover {
background: var(--chat-sess-hover-bg, rgba(255, 255, 255, 0.05)); background: var(--chat-sess-hover-bg, rgba(255, 255, 255, 0.05));
border-color: var(--ds-border, rgba(255, 255, 255, 0.1));
opacity: 1;
} }
.chat-nav__jobs--active { .chat-nav__footer .chat-nav__jobs--active {
border-color: rgba(245, 158, 11, 0.55); border-color: rgba(245, 158, 11, 0.45);
background: rgba(245, 158, 11, 0.12); background: rgba(245, 158, 11, 0.1);
opacity: 1;
} }
.chat-jobs-badge { .chat-jobs-badge {
min-width: 1.25rem; min-width: 1.15rem;
height: 1.25rem; height: 1.15rem;
padding: 0 6px; padding: 0 5px;
border-radius: 999px; border-radius: 999px;
color: #fff; color: #fff;
font-size: 11px; font-size: 11px;
line-height: 1.25rem; line-height: 1.15rem;
text-align: center; text-align: center;
font-weight: 600; font-weight: 600;
flex: 0 0 auto; flex: 0 0 auto;
} }
.chat-jobs-badge--idle { .chat-jobs-badge--idle {
background: rgba(148, 163, 184, 0.45); background: rgba(148, 163, 184, 0.4);
} }
.chat-jobs-badge--hot { .chat-jobs-badge--hot {
background: rgba(239, 68, 68, 0.9); background: rgba(239, 68, 68, 0.9);

3
interfaces/admin/static/chat.js
View file

@ -5794,6 +5794,7 @@ ${autoLimit ? `<div style="margin-top:8px;"><span class="muted">auto-added claus
); );
const navFooter = el("div", { class: "chat-nav__footer" }, [ const navFooter = el("div", { class: "chat-nav__footer" }, [
btnJobs,
el("div", { id: "authUser", class: "chat-nav__user" }), el("div", { id: "authUser", class: "chat-nav__user" }),
]); ]);
@ -5802,7 +5803,7 @@ ${autoLimit ? `<div style="margin-top:8px;"><span class="muted">auto-added claus
el("div", { class: "chat-nav__top" }, [ el("div", { class: "chat-nav__top" }, [
buildChatBrandLogoNode(), buildChatBrandLogoNode(),
]), ]),
el("div", { class: "chat-nav__toolbar" }, [btnNew, btnJobs]), el("div", { class: "chat-nav__toolbar" }, [btnNew]),
el("div", { class: "chat-nav__scroll" }, [sessionsListEl, loadMoreWrap]), el("div", { class: "chat-nav__scroll" }, [sessionsListEl, loadMoreWrap]),
navFooter, navFooter,
]), ]),

2
skills/_workspace/public/background-jobs/SKILL.md
View file

@ -62,7 +62,7 @@ description: "长时间任务（数分钟到数小时）用 start_job/get_job；
## Chat 可视化 ## Chat 可视化
Chat 左侧导航 **「后台任务」** 右侧数字徽章持续显示运行中数量（约每 4 秒刷新，无需点开面板）；用户菜单也有入口： Chat 左侧导航底部 **「后台任务」**（用户区上方）右侧数字徽章持续显示运行中数量（约每 4 秒刷新，无需点开面板）；用户菜单也有入口：
- 有任务时按钮高亮，右侧数字徽章变红 - 有任务时按钮高亮，右侧数字徽章变红
- 点开后可：列表 / **终止** / **全部终止** / **清除记录** / 日志 - 点开后可：列表 / **终止** / **全部终止** / **清除记录** / 日志
- 面板打开时约每 4 秒自动刷新列表 - 面板打开时约每 4 秒自动刷新列表