Aska
6dbb4a2e18
【capacity 唤醒式核心(77)】internal/runtime/capacity：(Decider L1启发式+L2上下文+人格覆盖→三态静息/唤醒/全能→允许工具集+capacity_awaken事件)。loop 外围允许集过滤(不硬阻断=能力≠边界红线)。config 加 Capacity(Enabled/MinConfidence/ToolSets)。wire buildCapacity 接入 loop。 【L4 记忆驱动意图(80)】recall.go：从记忆召回用户习惯(搞一下xx=办事)→唤醒L1/L2漏掉/升置信；群聊陌生人不读owner习惯(隔离红线)；RecordIntent闭环(判定写回记忆越用越准)；默认保守静息。 【会话消息编排(78)】gateway/session_orchestrator.go：每会话(模式/pending有界5/tail上下文尾巴20)；Submit非阻塞(idle立即/busy入队ack/满拒绝)；完成回调按序续接(tail+新消息合并增量注入非全量重放)；Interrupt中断；REST 202/409+WS session_busy/pending_ack事件；不重造任务引擎复用loop。 【前端集成(79)】ws.ts 加 capacity_awaken/session_busy/pending_ack 解析；store 加 awakenState/sessionBusy；TopBar/ChatShell 加唤醒态徽标+忙态提示(不阻塞输入框)；状态组件 status.tsx；Miuix风格。 【管理面板写CRUD(81)】20个写端点(POST/PUT/DELETE /admin/*，owner+审计落库)：personas(真持久化YAML)/users apikey(签发掩码+撤销)/iot控制(真下发)/automations(建/触发/删)/llm(test真调用+临时)/channels(connect/close/身份测试actor白名单)/plugins(卸载)/memories(search真检索)/sessions(export)。无存储如实501不伪造。拆4文件满足≤500红线。前端9模块接真写。 【wire收口】buildCapacity接入loop+OnCapacity事件；server.go newOrchestrator接hub。 实机验证：iot ac.living control 200 真实改变 on:true；observability/metrics 200、health ok；全仓 build/vet/test 47包绿+前端tsc/vite。
85 lines
3.3 KiB
TypeScript
85 lines
3.3 KiB
TypeScript
import { useState } from "react";
|
|
import { useAppStore } from "../store/useAppStore";
|
|
import { useModeStore } from "../store/useModeStore";
|
|
import { applyTheme, readTheme, type ThemeMode } from "../lib/theme";
|
|
import type { Mode, WsStatus } from "../lib/types";
|
|
import { Tag } from "./primitives";
|
|
import { Icon, type IconName } from "./Icon";
|
|
import { AwakenBadge } from "./status";
|
|
|
|
const MODE_LABEL: Record<Mode, string> = {
|
|
chat: "对话", code: "代码", home: "家居", work: "工作", docs: "知识库",
|
|
voice: "语音", vision: "视觉", agents: "子代理", settings: "设置",
|
|
};
|
|
const MODE_ICON: Record<Mode, IconName> = {
|
|
chat: "chat", code: "terminal", home: "home", work: "folder", docs: "docs",
|
|
voice: "mic", vision: "vision", agents: "agent", settings: "settings",
|
|
};
|
|
|
|
const wsMeta: Record<WsStatus, { label: string; tone: "ok" | "warn" | "neutral" | "err" }> = {
|
|
idle: { label: "未连接", tone: "neutral" },
|
|
connecting: { label: "连接中", tone: "warn" },
|
|
connected: { label: "实时", tone: "ok" },
|
|
reconnecting: { label: "重连中", tone: "warn" },
|
|
disconnected: { label: "已断开", tone: "err" },
|
|
};
|
|
|
|
export function TopBar(): React.ReactNode {
|
|
const wsStatus = useAppStore((s) => s.wsStatus);
|
|
const mood = useAppStore((s) => s.mood);
|
|
const mode = useModeStore((s) => s.mode);
|
|
const [theme, setTheme] = useState<ThemeMode>(readTheme);
|
|
|
|
const toggleTheme = () => {
|
|
const next: ThemeMode = theme === "dark" ? "light" : "dark";
|
|
applyTheme(next);
|
|
setTheme(next);
|
|
};
|
|
|
|
const meta = wsMeta[wsStatus];
|
|
|
|
return (
|
|
<header className="glass sticky top-0 z-30 flex h-[var(--mu-topbar-h)] items-center gap-3 border-b border-[var(--mu-glass-border)] px-4">
|
|
<div className="flex items-center gap-2">
|
|
<img src="/icon.svg" alt="Cyrene" className="h-7 w-7" />
|
|
<div className="leading-tight">
|
|
<div className="text-sm font-semibold">Cyrene · 昔涟</div>
|
|
<div className="text-[11px] text-[var(--mu-text-lo)]">
|
|
<span className="inline-flex items-center gap-1">
|
|
<Icon name={MODE_ICON[mode]} size={12} />
|
|
{MODE_LABEL[mode]}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex-1" />
|
|
|
|
{mood ? <Tag tone="accent">心情 · {mood}</Tag> : null}
|
|
|
|
<AwakenBadge />
|
|
|
|
<Tag tone={meta.tone}>
|
|
<span className={`inline-block h-1.5 w-1.5 rounded-full ${wsStatus === "connected" ? "bg-[var(--mu-ok)]" : "mu-blink"}`} />
|
|
{meta.label}
|
|
</Tag>
|
|
|
|
<button
|
|
onClick={() => { window.location.hash = "#/admin"; }}
|
|
aria-label="管理面板"
|
|
title="管理面板 /admin"
|
|
className="inline-flex h-8 w-8 items-center justify-center rounded-[var(--mu-radius)] bg-[var(--mu-surface-4)] text-sm transition-all duration-200 ease-[var(--mu-spring)] hover:bg-[var(--mu-surface-5)] active:scale-95"
|
|
>
|
|
<Icon name="shield" size={18} />
|
|
</button>
|
|
<button
|
|
onClick={toggleTheme}
|
|
aria-label="切换主题"
|
|
className="inline-flex h-8 w-8 items-center justify-center rounded-[var(--mu-radius)] bg-[var(--mu-surface-4)] text-sm transition-all duration-200 ease-[var(--mu-spring)] hover:bg-[var(--mu-surface-5)] active:scale-95"
|
|
>
|
|
<Icon name={theme === "dark" ? "sun" : "moon"} size={18} />
|
|
</button>
|
|
</header>
|
|
);
|
|
}
|