>(`/api/dashboard/emotion/effects/${item.id}`);
- },
-
- Detail: EmotionDetail,
-
- formatters: {
- score: (value: unknown) => _score(value),
- delta: (value: unknown) => _delta(value),
- "mono-time": (value: unknown) => _shortTs(value),
- },
-});
diff --git a/plugin.py b/plugin.py
index 88cf96f..6860524 100644
--- a/plugin.py
+++ b/plugin.py
@@ -40,6 +40,12 @@
workspace_roots = ("emotion",)
drift_skill_roots = ("drift/skills",)
dashboard_module = "dashboard.py"
+web_module = "web_module.js"
+web_requires = ("workbench.panels.v1",)
+web_provides = ()
+web_contract_digests = {
+ "workbench.panels.v1": "724b282c22c4b3f3a36967ab664c4dfd8bce4257665f99459000306938caf527",
+}
_v3_emotion_root: Path | None = None
_v3_emotion_runtime: EmotionRuntime | None = None
diff --git a/tests/test_plugin.py b/tests/test_plugin.py
index 0e3da11..c082333 100644
--- a/tests/test_plugin.py
+++ b/tests/test_plugin.py
@@ -129,6 +129,7 @@ async def _mount_candidate(
inject=module.inject,
runtime=PluginRuntime(
plugin_id="emotion",
+ generation_id=root.generation_id,
plugin_dir=Path(__file__).parents[1],
data_dir=tmp_path / "plugin-data",
workspace=emotion_root.parent,
@@ -168,8 +169,6 @@ def _before_turn(channel: str, at: datetime) -> BeforeTurnCtx:
chat_id="chat",
content="tick",
timestamp=at,
- retrieved_memory_block="",
- retrieval_trace_raw=None,
history_messages=(),
)
@@ -832,6 +831,7 @@ async def mount_emotion() -> None:
inject=module.inject,
runtime=PluginRuntime(
plugin_id="emotion",
+ generation_id=root.generation_id,
plugin_dir=Path(__file__).parents[1],
data_dir=tmp_path / "plugin-data" / "emotion",
workspace=emotion_root.parent,
diff --git a/web_module.css b/web_module.css
new file mode 100644
index 0000000..0b82c53
--- /dev/null
+++ b/web_module.css
@@ -0,0 +1,26 @@
+.emotion-workbench-panel { max-width: 1180px; margin-inline: auto; }
+.emotion-workbench-panel > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
+.emotion-workbench-panel h1, .emotion-workbench-panel h2, .emotion-workbench-panel h3, .emotion-workbench-panel p { margin: 0; }
+.emotion-workbench-panel > header p, .emotion-panel-row span, .emotion-panel-row small, .emotion-workbench-panel article > header span { color: var(--ak-ink-secondary); }
+.emotion-workbench-panel button { min-height: 44px; }
+.emotion-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-block: 16px; background: var(--ak-rule-subtle); }
+.emotion-overview > div, .emotion-overview > p { margin: 0; padding: 14px; background: var(--ak-paper-quiet); }
+.emotion-overview span, .emotion-overview small { display: block; color: var(--ak-ink-secondary); font-size: 0.78rem; }
+.emotion-overview strong { display: block; margin-block: 4px; }
+.emotion-panel-grid { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(340px, 1.2fr); gap: 24px; margin-block-start: 16px; }
+.emotion-panel-row { display: grid; width: 100%; gap: 4px; border: 0; border-block-end: 1px solid var(--ak-rule-subtle); padding: 12px; color: inherit; background: transparent; text-align: start; cursor: pointer; }
+@media (hover: hover) { .emotion-panel-row:hover { background: var(--ak-paper-quiet); } }
+.emotion-panel-grid footer { display: flex; align-items: center; justify-content: center; gap: 12px; padding-block: 16px; }
+.emotion-panel-grid > article { min-width: 0; border-inline-start: 1px solid var(--ak-rule-subtle); padding-inline-start: 24px; }
+.emotion-panel-grid article > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
+.emotion-panel-grid article > header p { color: var(--ak-ink-secondary); font-size: 0.8rem; }
+.emotion-detail-metrics, .emotion-detail-coordinates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
+.emotion-detail-metrics div, .emotion-detail-coordinates div { padding: 12px; background: var(--ak-paper-quiet); }
+.emotion-detail-metrics dt, .emotion-detail-coordinates dt { color: var(--ak-ink-secondary); font-size: 0.8rem; }
+.emotion-detail-metrics dd, .emotion-detail-coordinates dd { margin: 4px 0 0; font-family: ui-monospace, monospace; }
+.emotion-panel-grid article > section { margin-block: 18px; }
+.emotion-panel-grid details { margin-block-start: 12px; border-block-start: 1px solid var(--ak-rule-subtle); padding-block-start: 12px; }
+.emotion-panel-grid summary { min-height: 44px; cursor: pointer; }
+.emotion-panel-grid pre { overflow: auto; white-space: pre-wrap; }
+.emotion-workbench-panel :focus-visible { outline: 2px solid var(--ak-rule-focus); outline-offset: 2px; }
+@media (max-width: 820px) { .emotion-workbench-panel > header { align-items: start; flex-direction: column; } .emotion-overview, .emotion-detail-metrics, .emotion-detail-coordinates, .emotion-panel-grid { grid-template-columns: 1fr; } .emotion-panel-grid > article { border-inline-start: 0; padding-inline-start: 0; } }
diff --git a/web_module.js b/web_module.js
new file mode 100644
index 0000000..8935bce
--- /dev/null
+++ b/web_module.js
@@ -0,0 +1,175 @@
+export function activate(ctx) {
+ return ctx.ui.inject("workbench.panels.v1", (mount) => mount.register({
+ id: "emotion-decisions",
+ label: "情绪决策",
+ order: 40,
+ render(host) {
+ const panel = document.createElement("section");
+ panel.className = "emotion-workbench-panel";
+ panel.innerHTML = ``;
+ host.replaceChildren(panel);
+ const overview = panel.querySelector("[data-overview]");
+ const refresh = panel.querySelector("[data-refresh]");
+ const status = panel.querySelector("[data-status]");
+ const list = panel.querySelector("[data-list]");
+ const detail = panel.querySelector("[data-detail]");
+ const pageText = panel.querySelector("[data-page]");
+ const previous = panel.querySelector("[data-previous]");
+ const next = panel.querySelector("[data-next]");
+ let page = 1;
+ let total = 0;
+ let disposed = false;
+ let overviewRequest = new AbortController();
+ let listRequest = new AbortController();
+ let detailRequest = new AbortController();
+
+ const loadOverview = async () => {
+ overviewRequest.abort();
+ overviewRequest = new AbortController();
+ const request = overviewRequest;
+ overview.textContent = "正在读取当前状态…";
+ try {
+ const data = await json(ctx, "/api/dashboard/emotion/overview", request.signal);
+ if (disposed || request.signal.aborted) return;
+ overview.innerHTML = renderOverview(data);
+ } catch (reason) {
+ if (!disposed && !request.signal.aborted) showError(overview, reason);
+ }
+ };
+
+ const loadList = async () => {
+ listRequest.abort();
+ listRequest = new AbortController();
+ const request = listRequest;
+ const requestedPage = page;
+ status.textContent = "正在读取情绪影响…";
+ try {
+ const data = await json(ctx, `/api/dashboard/emotion/effects?page=${requestedPage}&page_size=25`, request.signal);
+ if (disposed || request.signal.aborted) return;
+ total = finiteNumber(data.total);
+ renderRows(list, data.items, openDetail);
+ const pages = Math.max(1, Math.ceil(total / 25));
+ pageText.textContent = `${requestedPage} / ${pages}`;
+ previous.disabled = requestedPage <= 1;
+ next.disabled = requestedPage >= pages;
+ status.textContent = total ? `共 ${total} 条情绪影响` : "还没有改变主动决策的情绪影响。";
+ } catch (reason) {
+ if (!disposed && !request.signal.aborted) showError(status, reason);
+ }
+ };
+
+ const openDetail = async (effectId) => {
+ detailRequest.abort();
+ detailRequest = new AbortController();
+ const request = detailRequest;
+ detail.innerHTML = "正在读取详情…
";
+ try {
+ const item = await json(ctx, `/api/dashboard/emotion/effects/${encodeURIComponent(effectId)}`, request.signal);
+ if (disposed || request.signal.aborted) return;
+ detail.innerHTML = renderDetail(item);
+ } catch (reason) {
+ if (!disposed && !request.signal.aborted) showError(detail, reason);
+ }
+ };
+
+ refresh.addEventListener("click", () => {
+ void loadOverview();
+ void loadList();
+ });
+ previous.addEventListener("click", () => {
+ if (page > 1) {
+ page -= 1;
+ void loadList();
+ }
+ });
+ next.addEventListener("click", () => {
+ if (page * 25 < total) {
+ page += 1;
+ void loadList();
+ }
+ });
+ void loadOverview();
+ void loadList();
+ return () => {
+ disposed = true;
+ overviewRequest.abort();
+ listRequest.abort();
+ detailRequest.abort();
+ host.replaceChildren();
+ };
+ },
+ }));
+}
+
+function renderOverview(data) {
+ const state = data && typeof data.state === "object" && data.state ? data.state : null;
+ const behavior = data && typeof data.current_behavior === "object" && data.current_behavior
+ ? data.current_behavior
+ : null;
+ if (!state || !behavior) {
+ return `还没有可用的情绪状态。已记录 ${finiteNumber(data && data.effect_count)} 条情绪影响。
`;
+ }
+ return `当前语气${escapeHtml(behavior.tone_label || "未标注")}
发送阈值${escapeHtml(effectLabel(behavior.expected_effect))}${escapeHtml(deltaText(behavior.threshold_delta))}
情绪坐标愉悦 ${escapeHtml(score(state.valence))} · 唤醒 ${escapeHtml(score(state.arousal))} · 支配 ${escapeHtml(score(state.dominance))}
`;
+}
+
+function renderRows(target, items, openDetail) {
+ target.replaceChildren();
+ if (!Array.isArray(items) || !items.length) {
+ target.innerHTML = "没有可展示的情绪影响。
";
+ return;
+ }
+ for (const item of items) {
+ const button = document.createElement("button");
+ button.type = "button";
+ button.className = "emotion-panel-row";
+ button.innerHTML = `${escapeHtml(effectLabel(item.expected_effect))}${escapeHtml(shortTime(item.created_at))} · ${escapeHtml(String(item.tone_label || "未标注"))}愉悦 ${escapeHtml(score(item.valence))} · 唤醒 ${escapeHtml(score(item.arousal))} · 阈值 ${escapeHtml(deltaText(item.threshold_delta))}`;
+ button.addEventListener("click", () => void openDetail(item.id));
+ target.append(button);
+ }
+}
+
+function renderDetail(item) {
+ const delta = deltaText(item.threshold_delta);
+ return `主动决策输入
这次情绪如何改变发送阈值
${escapeHtml(String(item.tick_id || "未关联任务"))}- 原始阈值
- ${escapeHtml(score(item.base_threshold))}
- 应用情绪后
- ${escapeHtml(score(item.final_threshold))}
- 变化
- ${escapeHtml(delta)}
情绪坐标
语气：${escapeHtml(String(item.tone_label || "未标注"))}
- 愉悦度
- ${escapeHtml(score(item.valence))}
- 唤醒度
- ${escapeHtml(score(item.arousal))}
- 支配度
- ${escapeHtml(score(item.dominance))}
查看写入主动流程的提示词
${escapeHtml(String(item.prompt_section || "-"))}查看技术元数据
${escapeHtml(JSON.stringify(item.metadata || {}, null, 2))}情绪影响详情
选择一条记录，查看这次主动任务的情绪影响。
+
主动决策输入
+
这次情绪如何改变发送阈值
+
{String(item.tick_id || "未关联任务")}
+
原始阈值{_score(item.base_threshold)}
+ →
+ 应用情绪后{_score(item.final_threshold)}
+ 0 ? " is-up" : " is-down"}`}>
+ 变化{_delta(delta)}
+
+
+
+
+
+
+
语气：{String(item.tone_label || "未标注")}
+
+
{props.label}{_score(props.value)}
+
+
{props.low}{props.high}
+
+ {props.title}
+ {props.text || "-"}
+
+ );
+}
+
+const panel = {
+ id: "emotion",
+ label: "情绪决策",
+ viewLabel: "情绪决策",
+ order: 30,
+ pageSize: 50,
+ rowKey: "id",
+
+ countTitle(total: number): string {
+ return `共 ${total} 条情绪影响`;
+ },
+
+ columns: [
+ { key: "created_at", label: "时间", width: 96, fmt: "mono-time", cellClass: "mono cell-time", rawTitle: true },
+ { key: "expected_effect", label: "影响", width: 132, renderCell: _toneCell },
+ { key: "tone_label", label: "语气", width: 112 },
+ { key: "valence", label: "愉悦", width: 66, fmt: "score", cellClass: "mono cell-metric", align: "right" },
+ { key: "arousal", label: "唤醒", width: 66, fmt: "score", cellClass: "mono cell-metric", align: "right" },
+ { key: "threshold_delta", label: "阈值变化", width: 82, fmt: "delta", cellClass: "mono cell-metric", align: "right" },
+ { key: "tick_id", label: "任务", flex: true, cellClass: "mono content-preview", rawTitle: true },
+ ],
+
+ async getCount({ signal }: { signal: AbortSignal }): Promise {
+ try {
+ const overview = await api("/api/dashboard/emotion/overview", { signal });
+ return overview.effect_count || 0;
+ } catch (error) {
+ if (signal.aborted) throw error;
+ return null;
+ }
+ },
+
+ async fetchPage({ page, pageSize, signal }: { page: number; pageSize: number; signal: AbortSignal }) {
+ const params = new URLSearchParams();
+ params.set("page", String(page));
+ params.set("page_size", String(pageSize));
+ const data = await api(`/api/dashboard/emotion/effects?${params.toString()}`, { signal });
+ return { items: data.items || [], total: data.total || 0 };
+ },
+
+ async fetchDetail(item: Record, { signal }: { signal: AbortSignal }) {
+ return api>(`/api/dashboard/emotion/effects/${item.id}`, { signal });
+ },
+
+ Detail: EmotionDetail,
+
+ formatters: {
+ score: (value: unknown) => _score(value),
+ delta: (value: unknown) => _delta(value),
+ "mono-time": (value: unknown) => _shortTs(value),
+ },
+} satisfies WorkbenchPanelEntry;
+
+export function activate(ctx: WebHostContextV1): WebUiDisposer {
+ dashboardRequest = ctx.http.request;
+ const release = ctx.ui.inject("workbench.panels.v2", (mount) => mount.register(panel));
+ return () => {
+ release();
+ dashboardRequest = null;
+ };
+}
diff --git a/plugin.py b/plugin.py
index 6860524..8f54ee3 100644
--- a/plugin.py
+++ b/plugin.py
@@ -32,7 +32,7 @@
api_version = 3
name = "emotion"
-version = "3.0.3"
+version = "3.0.4"
desc = "Timer-refreshed Emotion context and ordinary Drift preference projection."
DRIFT_PROPOSALS = ServiceKey[DriftProposalServices]("drift.proposals.v1")
DRIFT_WAKE = ServiceKey[DriftWakeServices]("drift.wake.v1")
@@ -41,10 +41,10 @@
drift_skill_roots = ("drift/skills",)
dashboard_module = "dashboard.py"
web_module = "web_module.js"
-web_requires = ("workbench.panels.v1",)
+web_requires = ("workbench.panels.v2",)
web_provides = ()
web_contract_digests = {
- "workbench.panels.v1": "724b282c22c4b3f3a36967ab664c4dfd8bce4257665f99459000306938caf527",
+ "workbench.panels.v2": "17a005a381b362ae25a0499dbf95bf7a2c3ff0bb4e9b415e7357db458de6b5db",
}
_v3_emotion_root: Path | None = None
_v3_emotion_runtime: EmotionRuntime | None = None
diff --git a/web_module.css b/web_module.css
index 0b82c53..a36fc0d 100644
--- a/web_module.css
+++ b/web_module.css
@@ -1,26 +1,195 @@
-.emotion-workbench-panel { max-width: 1180px; margin-inline: auto; }
-.emotion-workbench-panel > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
-.emotion-workbench-panel h1, .emotion-workbench-panel h2, .emotion-workbench-panel h3, .emotion-workbench-panel p { margin: 0; }
-.emotion-workbench-panel > header p, .emotion-panel-row span, .emotion-panel-row small, .emotion-workbench-panel article > header span { color: var(--ak-ink-secondary); }
-.emotion-workbench-panel button { min-height: 44px; }
-.emotion-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-block: 16px; background: var(--ak-rule-subtle); }
-.emotion-overview > div, .emotion-overview > p { margin: 0; padding: 14px; background: var(--ak-paper-quiet); }
-.emotion-overview span, .emotion-overview small { display: block; color: var(--ak-ink-secondary); font-size: 0.78rem; }
-.emotion-overview strong { display: block; margin-block: 4px; }
-.emotion-panel-grid { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(340px, 1.2fr); gap: 24px; margin-block-start: 16px; }
-.emotion-panel-row { display: grid; width: 100%; gap: 4px; border: 0; border-block-end: 1px solid var(--ak-rule-subtle); padding: 12px; color: inherit; background: transparent; text-align: start; cursor: pointer; }
-@media (hover: hover) { .emotion-panel-row:hover { background: var(--ak-paper-quiet); } }
-.emotion-panel-grid footer { display: flex; align-items: center; justify-content: center; gap: 12px; padding-block: 16px; }
-.emotion-panel-grid > article { min-width: 0; border-inline-start: 1px solid var(--ak-rule-subtle); padding-inline-start: 24px; }
-.emotion-panel-grid article > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
-.emotion-panel-grid article > header p { color: var(--ak-ink-secondary); font-size: 0.8rem; }
-.emotion-detail-metrics, .emotion-detail-coordinates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
-.emotion-detail-metrics div, .emotion-detail-coordinates div { padding: 12px; background: var(--ak-paper-quiet); }
-.emotion-detail-metrics dt, .emotion-detail-coordinates dt { color: var(--ak-ink-secondary); font-size: 0.8rem; }
-.emotion-detail-metrics dd, .emotion-detail-coordinates dd { margin: 4px 0 0; font-family: ui-monospace, monospace; }
-.emotion-panel-grid article > section { margin-block: 18px; }
-.emotion-panel-grid details { margin-block-start: 12px; border-block-start: 1px solid var(--ak-rule-subtle); padding-block-start: 12px; }
-.emotion-panel-grid summary { min-height: 44px; cursor: pointer; }
-.emotion-panel-grid pre { overflow: auto; white-space: pre-wrap; }
-.emotion-workbench-panel :focus-visible { outline: 2px solid var(--ak-rule-focus); outline-offset: 2px; }
-@media (max-width: 820px) { .emotion-workbench-panel > header { align-items: start; flex-direction: column; } .emotion-overview, .emotion-detail-metrics, .emotion-detail-coordinates, .emotion-panel-grid { grid-template-columns: 1fr; } .emotion-panel-grid > article { border-inline-start: 0; padding-inline-start: 0; } }
+/* dashboard_panel.css */
+.emotion-empty {
+ padding: 24px 16px;
+}
+.emotion-empty__title {
+ color: var(--ak-color-text-primary);
+ font-size: 20px;
+ font-weight: 600;
+ letter-spacing: -0.025em;
+ line-height: 1.25;
+}
+.emotion-empty__text {
+ margin-block-start: 8px;
+ color: var(--ak-color-text-secondary);
+ font-size: 13px;
+ line-height: 1.625;
+}
+.emotion-detail {
+ display: grid;
+ gap: 18px;
+ padding: 24px;
+ color: var(--ak-color-text-primary);
+}
+.emotion-detail__header,
+.emotion-section-heading {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 16px;
+}
+.emotion-detail__header p,
+.emotion-section-heading p {
+ margin: 0 0 4px;
+ color: var(--ak-color-action-primary);
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.08em;
+}
+.emotion-detail__header h2,
+.emotion-section-heading h3 {
+ margin: 0;
+ letter-spacing: -0.02em;
+}
+.emotion-detail__header h2 {
+ font-size: 20px;
+}
+.emotion-section-heading h3 {
+ font-size: 16px;
+}
+.emotion-detail__header span,
+.emotion-section-heading > span {
+ color: var(--ak-color-text-muted);
+ font-size: 12px;
+}
+.emotion-detail__header > div > span {
+ display: block;
+ margin-block-start: 5px;
+}
+.emotion-threshold {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(92px, auto);
+ align-items: center;
+ gap: 14px;
+ padding: 16px;
+ border: 1px solid var(--ak-color-border-default);
+ border-radius: 7px;
+ background: var(--ak-color-bg-surface-low);
+}
+.emotion-threshold > div {
+ display: grid;
+ gap: 4px;
+}
+.emotion-threshold span {
+ color: var(--ak-color-text-muted);
+ font-size: 11px;
+}
+.emotion-threshold strong {
+ font-family: var(--mono);
+ font-size: 22px;
+}
+.emotion-threshold__arrow {
+ font-size: 20px !important;
+}
+.emotion-threshold__delta {
+ padding-inline-start: 14px;
+ border-inline-start: 1px solid var(--ak-color-border-default);
+}
+.emotion-threshold__delta.is-up strong {
+ color: var(--ak-color-status-warning);
+}
+.emotion-threshold__delta.is-down strong {
+ color: var(--ak-color-status-success);
+}
+.emotion-coordinates {
+ display: grid;
+ gap: 16px;
+ padding-block: 4px;
+}
+.emotion-gauge {
+ display: grid;
+ grid-template-columns: 88px minmax(0, 1fr);
+ gap: 4px 14px;
+ align-items: center;
+}
+.emotion-gauge__label {
+ display: flex;
+ justify-content: space-between;
+ gap: 8px;
+ font-size: 12px;
+}
+.emotion-gauge__label code {
+ color: var(--ak-color-text-muted);
+}
+.emotion-gauge__track {
+ position: relative;
+ height: 6px;
+ border-radius: 999px;
+ background:
+ linear-gradient(
+ 90deg,
+ var(--ak-color-bg-surface-high),
+ var(--ak-color-action-soft));
+}
+.emotion-gauge__track::after {
+ position: absolute;
+ inset-block: -3px;
+ left: 50%;
+ width: 1px;
+ content: "";
+ background: var(--ak-color-border-strong);
+}
+.emotion-gauge__track i {
+ position: absolute;
+ top: 50%;
+ width: 12px;
+ height: 12px;
+ border: 2px solid var(--ak-color-bg-canvas);
+ border-radius: 50%;
+ background: var(--ak-color-action-primary);
+ box-shadow: 0 0 0 1px var(--ak-color-action-primary);
+ transform: translate(-50%, -50%);
+}
+.emotion-gauge__ends {
+ display: flex;
+ grid-column: 2;
+ justify-content: space-between;
+ color: var(--ak-color-text-muted);
+ font-size: 10px;
+}
+.emotion-disclosure {
+ border-block-start: 1px solid var(--ak-color-border-default);
+}
+.emotion-disclosure summary {
+ padding: 14px 2px;
+ color: var(--ak-color-text-primary);
+ font-size: 13px;
+ font-weight: 650;
+ cursor: pointer;
+}
+.emotion-disclosure summary:focus-visible {
+ outline: 2px solid var(--ak-color-action-primary);
+ outline-offset: 2px;
+}
+.emotion-disclosure pre {
+ overflow: auto;
+ max-height: 320px;
+ margin: 0 0 14px;
+ padding: 14px;
+ border-radius: 5px;
+ color: var(--ak-color-text-secondary);
+ background: var(--ak-color-bg-surface-low);
+ font: 12px/1.65 var(--mono);
+ white-space: pre-wrap;
+}
+@media (max-width: 720px) {
+ .emotion-detail {
+ padding: 18px;
+ }
+ .emotion-detail__header {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .emotion-threshold {
+ grid-template-columns: 1fr auto 1fr;
+ }
+ .emotion-threshold__delta {
+ grid-column: 1 / -1;
+ padding: 12px 0 0;
+ border-inline-start: 0;
+ border-block-start: 1px solid var(--ak-color-border-default);
+ }
+ .emotion-gauge {
+ grid-template-columns: 78px minmax(0, 1fr);
+ }
+}
diff --git a/web_module.js b/web_module.js
index 8935bce..ba39a0b 100644
--- a/web_module.js
+++ b/web_module.js
@@ -1,175 +1,168 @@
-export function activate(ctx) {
- return ctx.ui.inject("workbench.panels.v1", (mount) => mount.register({
- id: "emotion-decisions",
- label: "情绪决策",
- order: 40,
- render(host) {
- const panel = document.createElement("section");
- panel.className = "emotion-workbench-panel";
- panel.innerHTML = ``;
- host.replaceChildren(panel);
- const overview = panel.querySelector("[data-overview]");
- const refresh = panel.querySelector("[data-refresh]");
- const status = panel.querySelector("[data-status]");
- const list = panel.querySelector("[data-list]");
- const detail = panel.querySelector("[data-detail]");
- const pageText = panel.querySelector("[data-page]");
- const previous = panel.querySelector("[data-previous]");
- const next = panel.querySelector("[data-next]");
- let page = 1;
- let total = 0;
- let disposed = false;
- let overviewRequest = new AbortController();
- let listRequest = new AbortController();
- let detailRequest = new AbortController();
-
- const loadOverview = async () => {
- overviewRequest.abort();
- overviewRequest = new AbortController();
- const request = overviewRequest;
- overview.textContent = "正在读取当前状态…";
- try {
- const data = await json(ctx, "/api/dashboard/emotion/overview", request.signal);
- if (disposed || request.signal.aborted) return;
- overview.innerHTML = renderOverview(data);
- } catch (reason) {
- if (!disposed && !request.signal.aborted) showError(overview, reason);
- }
- };
-
- const loadList = async () => {
- listRequest.abort();
- listRequest = new AbortController();
- const request = listRequest;
- const requestedPage = page;
- status.textContent = "正在读取情绪影响…";
- try {
- const data = await json(ctx, `/api/dashboard/emotion/effects?page=${requestedPage}&page_size=25`, request.signal);
- if (disposed || request.signal.aborted) return;
- total = finiteNumber(data.total);
- renderRows(list, data.items, openDetail);
- const pages = Math.max(1, Math.ceil(total / 25));
- pageText.textContent = `${requestedPage} / ${pages}`;
- previous.disabled = requestedPage <= 1;
- next.disabled = requestedPage >= pages;
- status.textContent = total ? `共 ${total} 条情绪影响` : "还没有改变主动决策的情绪影响。";
- } catch (reason) {
- if (!disposed && !request.signal.aborted) showError(status, reason);
- }
- };
-
- const openDetail = async (effectId) => {
- detailRequest.abort();
- detailRequest = new AbortController();
- const request = detailRequest;
- detail.innerHTML = "正在读取详情…
";
- try {
- const item = await json(ctx, `/api/dashboard/emotion/effects/${encodeURIComponent(effectId)}`, request.signal);
- if (disposed || request.signal.aborted) return;
- detail.innerHTML = renderDetail(item);
- } catch (reason) {
- if (!disposed && !request.signal.aborted) showError(detail, reason);
- }
- };
-
- refresh.addEventListener("click", () => {
- void loadOverview();
- void loadList();
- });
- previous.addEventListener("click", () => {
- if (page > 1) {
- page -= 1;
- void loadList();
- }
- });
- next.addEventListener("click", () => {
- if (page * 25 < total) {
- page += 1;
- void loadList();
- }
- });
- void loadOverview();
- void loadList();
- return () => {
- disposed = true;
- overviewRequest.abort();
- listRequest.abort();
- detailRequest.abort();
- host.replaceChildren();
- };
- },
- }));
-}
-
-function renderOverview(data) {
- const state = data && typeof data.state === "object" && data.state ? data.state : null;
- const behavior = data && typeof data.current_behavior === "object" && data.current_behavior
- ? data.current_behavior
- : null;
- if (!state || !behavior) {
- return `还没有可用的情绪状态。已记录 ${finiteNumber(data && data.effect_count)} 条情绪影响。
`;
- }
- return `当前语气${escapeHtml(behavior.tone_label || "未标注")}
发送阈值${escapeHtml(effectLabel(behavior.expected_effect))}${escapeHtml(deltaText(behavior.threshold_delta))}
情绪坐标愉悦 ${escapeHtml(score(state.valence))} · 唤醒 ${escapeHtml(score(state.arousal))} · 支配 ${escapeHtml(score(state.dominance))}
`;
+// dashboard_panel.tsx
+import { Chip, chipClass } from "@akashic/dashboard-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dashboardRequest = null;
+async function api(path, init) {
+ if (!dashboardRequest) throw new Error("Emotion \u5DE5\u4F5C\u53F0\u9762\u677F\u672A\u6FC0\u6D3B");
+ const response = await dashboardRequest(path, init);
+ const body = await response.json();
+ if (!response.ok) throw new Error(String(body.detail ?? body.message ?? `HTTP ${response.status}`));
+ return body;
}
-
-function renderRows(target, items, openDetail) {
- target.replaceChildren();
- if (!Array.isArray(items) || !items.length) {
- target.innerHTML = "没有可展示的情绪影响。
";
- return;
- }
- for (const item of items) {
- const button = document.createElement("button");
- button.type = "button";
- button.className = "emotion-panel-row";
- button.innerHTML = `${escapeHtml(effectLabel(item.expected_effect))}${escapeHtml(shortTime(item.created_at))} · ${escapeHtml(String(item.tone_label || "未标注"))}愉悦 ${escapeHtml(score(item.valence))} · 唤醒 ${escapeHtml(score(item.arousal))} · 阈值 ${escapeHtml(deltaText(item.threshold_delta))}`;
- button.addEventListener("click", () => void openDetail(item.id));
- target.append(button);
- }
+function _score(value) {
+ return typeof value === "number" ? value.toFixed(3) : "-";
}
-
-function renderDetail(item) {
- const delta = deltaText(item.threshold_delta);
- return `主动决策输入
这次情绪如何改变发送阈值
${escapeHtml(String(item.tick_id || "未关联任务"))}- 原始阈值
- ${escapeHtml(score(item.base_threshold))}
- 应用情绪后
- ${escapeHtml(score(item.final_threshold))}
- 变化
- ${escapeHtml(delta)}
情绪坐标
语气：${escapeHtml(String(item.tone_label || "未标注"))}
- 愉悦度
- ${escapeHtml(score(item.valence))}
- 唤醒度
- ${escapeHtml(score(item.arousal))}
- 支配度
- ${escapeHtml(score(item.dominance))}
查看写入主动流程的提示词
${escapeHtml(String(item.prompt_section || "-"))}查看技术元数据
${escapeHtml(JSON.stringify(item.metadata || {}, null, 2))}情绪影响详情
选择一条记录，查看这次主动任务的情绪影响。