@@ -771,40 +779,36 @@ export default function LightAppManagementPage() {
value={p.key}
onChange={(e) => patchParam(idx, { key: e.target.value })}
placeholder="参数名 key"
- className="h-8 w-full rounded-[2px] border border-[#DBDBDB] bg-white px-2 font-mono text-[12px] focus:border-[#F5222D] focus:outline-none focus:ring-px focus:ring-[#F5222D]"
+ className="h-8 w-full rounded-[5px] border border-[#DBDBDB] bg-white px-2 font-mono text-[12px] focus:border-[#F5222D] focus:outline-none focus:ring-px focus:ring-[#F5222D]"
/>
-
+ options={PARAM_TYPE_OPTIONS}
+ popupProps={DIALOG_SELECT_POPUP}
+ onChange={(v) =>
patchParam(idx, {
- paramType: e.target.value as "login" | "theme",
- source:
- e.target.value === "login" ? (p.source || "accessToken") : undefined,
+ paramType: v as "login" | "theme",
+ source: v === "login" ? (p.source || "accessToken") : undefined,
})
}
- className="h-8 w-full rounded-[2px] border border-[#DBDBDB] bg-[#FAFAFA] px-1 text-[12px] focus:border-[#F5222D] focus:outline-none"
- >
- 登录参数
- 主题参数
-
+ />
{p.paramType === "login" && (
- patchParam(idx, { source: e.target.value })}
- className="h-8 w-full rounded-[2px] border border-[#DBDBDB] bg-white px-1 text-[12px] focus:border-[#F5222D] focus:outline-none"
- >
- {LOGIN_SOURCE_OPTIONS.map((o) => (
-
- {o.label}
-
- ))}
-
+ options={LOGIN_SOURCE_OPTIONS}
+ popupProps={DIALOG_SELECT_POPUP}
+ onChange={(v) => patchParam(idx, { source: v as string })}
+ />
{p.source === "other" && (
@@ -822,7 +826,7 @@ export default function LightAppManagementPage() {
removeParam(idx)}
- className="cursor-pointer rounded-sm p-1 text-[#A6A6A6] transition-colors hover:bg-[#FEEDED] hover:text-[#F5222D]"
+ className="cursor-pointer rounded-[5px] p-1 text-[#A6A6A6] transition-colors hover:bg-[#FEEDED] hover:text-[#F5222D]"
>
@@ -830,7 +834,7 @@ export default function LightAppManagementPage() {
{/* 主题参数：逐主题色配置传给目标应用的值（左=系统主题色，右=目标应用值，可改） */}
{p.paramType === "theme" && (
-
+
各系统主题色跳转/嵌套时传给该应用的值（默认同名，可按对方命名修改）
@@ -858,7 +862,7 @@ export default function LightAppManagementPage() {
})
}
placeholder={c.key}
- className="h-7 flex-1 rounded-[2px] border border-[#DBDBDB] bg-white px-2 font-mono text-[12px] focus:border-[#F5222D] focus:outline-none focus:ring-px focus:ring-[#F5222D]"
+ className="h-7 flex-1 rounded-[5px] border border-[#DBDBDB] bg-white px-2 font-mono text-[12px] focus:border-[#F5222D] focus:outline-none focus:ring-px focus:ring-[#F5222D]"
/>
))}
@@ -869,7 +873,7 @@ export default function LightAppManagementPage() {
})}
) : (
-
+
暂无注入的路由参数，加载地址时不传递多余拼接。
)}
@@ -898,7 +902,7 @@ export default function LightAppManagementPage() {
variant="outline"
disabled={saving}
onClick={() => setDialogOpen(false)}
- className="h-9 rounded-[2px] border-[#DBDBDB] px-[18px] text-[14px] font-semibold"
+ className="h-9 rounded-[5px] border-[#DBDBDB] px-[18px] text-[14px] font-semibold"
>
取消
@@ -906,7 +910,7 @@ export default function LightAppManagementPage() {
type="button"
disabled={saving}
onClick={handleSave}
- className="h-9 cursor-pointer rounded-[2px] bg-[#F5222D] px-[18px] text-[14px] font-bold text-white shadow-[0_2px_8px_rgba(34,34,34,0.08)] transition-colors hover:bg-[#CF1322] active:bg-[#A8071A] disabled:cursor-not-allowed disabled:opacity-70"
+ className="h-9 cursor-pointer rounded-[5px] bg-[#F5222D] px-[18px] text-[14px] font-bold text-white shadow-[0_2px_8px_rgba(34,34,34,0.08)] transition-colors hover:bg-[#CF1322] active:bg-[#A8071A] disabled:cursor-not-allowed disabled:opacity-70"
>
{saving ? "保存中..." : editing ? "保存修改" : "立即注册"}
diff --git a/frontend-web/src/pages/LoginPage.tsx b/frontend-web/src/pages/LoginPage.tsx
index dbbdfd47..1d19c45b 100644
--- a/frontend-web/src/pages/LoginPage.tsx
+++ b/frontend-web/src/pages/LoginPage.tsx
@@ -5,7 +5,7 @@ import { useEffect, useMemo, useState } from 'react';
import { useTheme } from '@/contexts/ThemeContext';
import { loginByToken, loginByUsername } from '@/core/auth/api';
-import { setStoredAuth } from '@/core/auth';
+import { setStoredAuth, setStoredUserName } from '@/core/auth';
import {
persistExternalLoginParams,
readExternalLoginParams,
@@ -114,6 +114,7 @@ export default function LoginPage() {
setErrorMessage('');
try {
let auth;
+ let loginUserName = '';
if (authToken) {
// token 换登录:后端用 authToken 调上游接口换出用户名再登录
auth = await loginByToken(authToken);
@@ -128,11 +129,14 @@ export default function LoginPage() {
}
auth = await loginByUsername(deerflowUsername, gatePassword);
+ loginUserName = deerflowUsername;
}
if (cancelled) {
return;
}
setStoredAuth(auth);
+ // 标准登录把用户名写入 userInfo，供顶栏用户区显示（已有则不覆盖）
+ setStoredUserName(loginUserName);
persistSidebarEnabled(sidebarEnabled);
setStatus('success');
router.replace(yUserId ? GENERAL_QA_ROUTE : redirectPath);
diff --git a/frontend-web/src/pages/PageRoutes.tsx b/frontend-web/src/pages/PageRoutes.tsx
index 1e9b0e43..6ae9372d 100644
--- a/frontend-web/src/pages/PageRoutes.tsx
+++ b/frontend-web/src/pages/PageRoutes.tsx
@@ -7,6 +7,7 @@ import { isChatsIframeWorkspacePath } from "@/core/page-layout/chats-iframe-rout
import { readSidebarEnabled } from "@/core/page-layout/sidebar-enabled";
import { useTheme } from "@/contexts/ThemeContext";
import { useLocation } from "react-router-dom";
+import { useLocalSettings } from "@/core/settings";
import WorkspaceRoutes from "./WorkspaceRoutes";
import StrategyRoutes from "./StrategyRoutes";
@@ -21,8 +22,15 @@ function PageLayout() {
const location = useLocation();
const { theme } = useTheme();
const isDark = theme === "dark";
+ const [settings] = useLocalSettings();
+ // 界面模式开关（外观设置）：用户显式选「全量/简洁」时以其为准；未设置过则回退到
+ // 会话级 sidebarEnabled（外部门户/yUserId 登录时置位）这一旧默认。这样无论是否走门户
+ // 登录，「全量↔简洁」切换都能真正控制顶栏+侧边栏的显示。
+ const layoutMode = settings.display.layoutMode;
+ const chromeByPreference =
+ layoutMode === "full" ? true : layoutMode === "compact" ? false : sidebarEnabled;
const pageSidebarAllowed =
- sidebarEnabled && !isChatsIframeWorkspacePath(location.pathname);
+ chromeByPreference && !isChatsIframeWorkspacePath(location.pathname);
// h-full(100%)而非 h-screen(100vh):配合 globals.css 的 html/body/#root height:100%
// 高度链,根布局跟随容器高度。全屏下 100% 解析到视口,与 h-screen 等价;无界等嵌套
diff --git a/frontend-web/src/pages/WorkspaceRoutes.tsx b/frontend-web/src/pages/WorkspaceRoutes.tsx
index 44f64d54..31e27de3 100644
--- a/frontend-web/src/pages/WorkspaceRoutes.tsx
+++ b/frontend-web/src/pages/WorkspaceRoutes.tsx
@@ -108,6 +108,7 @@ export function WorkspaceLayout({
'--header-height': headerHidden ? '0rem' : '4rem',
} as CSSProperties
}
+ key={String(compactWorkspaceSidebar)}
data-page-sidebar-collapsed={pageSidebarCollapsed}
// 紧凑模式下历史侧栏默认收起（聊天区更宽），由聊天页右上角图标钮展开
defaultOpen={!compactWorkspaceSidebar}
diff --git a/frontend-web/src/roundtable-planning/components/BusinessChainListDialog.tsx b/frontend-web/src/roundtable-planning/components/BusinessChainListDialog.tsx
index 3f96a2cb..5a7faa6f 100644
--- a/frontend-web/src/roundtable-planning/components/BusinessChainListDialog.tsx
+++ b/frontend-web/src/roundtable-planning/components/BusinessChainListDialog.tsx
@@ -6,8 +6,8 @@
* - footer「配置」按钮 → 进入配置页（空白新建，等价于旧按钮的直接跳转）。
*
* 纯导航 / 浏览用途，不参与研讨席位选择（席位选择走 `BusinessChainPicker`）。
- * 卡片席位名直接用落库快照（`seat.name`），无需实时校验，点「设置」进编辑页后
- * 会看到实时数据。
+ * 卡片席位名优先用实时 agent 数据（`listAgents()`，与 `BusinessChainPicker` 一致），
+ * agent 改名后此弹窗也能同步显示；解析不到才回退到落库快照（`seat.name`）。
*/
import { Fragment, useCallback, useEffect, useState } from "react";
import {
@@ -30,6 +30,8 @@ import {
} from "@/components/ui/dialog";
import { cn } from "@/lib/utils";
+import { listAgents } from "@/core/agents";
+
import { listChains, setChainPublic, type ChainScope } from "../api/chains";
import { chainTagClasses, type BusinessChain } from "../lib/business-chain";
import { getAvatarTypeFor } from "../lib/roundtable-constants";
@@ -71,6 +73,27 @@ export function BusinessChainListBody({
// 筛选：我的 / 公共（已发布）。
const [scope, setScope] = useState
("mine");
const [publishingId, setPublishingId] = useState(null);
+ // 实时名称表（id 小写 → 最新 name）：用于把席位的落库快照名刷新成最新（agent 改名同步）。
+ const [nameById, setNameById] = useState>(new Map());
+
+ useEffect(() => {
+ if (!active) return;
+ let cancelled = false;
+ void (async () => {
+ try {
+ const agents = await listAgents();
+ if (cancelled) return;
+ const m = new Map();
+ for (const a of agents) if (a?.id) m.set(a.id.toLowerCase(), a.name ?? a.id);
+ setNameById(m);
+ } catch {
+ // 静默失败：解析不到就回退到席位快照名。
+ }
+ })();
+ return () => {
+ cancelled = true;
+ };
+ }, [active]);
const refresh = useCallback(async (s: ChainScope) => {
setLoading(true);
@@ -171,6 +194,7 @@ export function BusinessChainListBody({
onConfigure(chain.id)}
onTogglePublic={() => handleTogglePublic(chain)}
@@ -218,11 +242,13 @@ export function BusinessChainListDialog({
function ChainRow({
chain,
+ nameById,
publishing,
onSettings,
onTogglePublic,
}: {
chain: BusinessChain;
+ nameById: Map;
publishing: boolean;
onSettings: () => void;
onTogglePublic: () => void;
@@ -292,14 +318,20 @@ function ChainRow({
)}
{/* 席位编排：按 stage 分组——并行阶段竖向并列在虚线框里，阶段之间用 → 串联。 */}
-
);
}
// ── 链条席位编排流（体现「同层并行 · 层间串行」）─────────────────────────────
-function ChainSeatsFlow({ chain }: { chain: BusinessChain }) {
+function ChainSeatsFlow({
+ chain,
+ nameById,
+}: {
+ chain: BusinessChain;
+ nameById: Map
;
+}) {
// 名称回退表：用落库快照（seats）解析 stage 里的 agent_id。
const seatById = new Map(chain.seats.map((s) => [s.agent_id, s] as const));
@@ -322,6 +354,8 @@ function ChainSeatsFlow({ chain }: { chain: BusinessChain }) {
const seatTag = (agentId: string) => {
const seat = seatById.get(agentId);
+ // 优先实时名称（agent 改名同步）→ 落库快照 → agent_id。
+ const label = nameById.get(agentId.toLowerCase()) ?? seat?.name ?? agentId;
return (
- {seat?.name || agentId}
+ {label}
);
};
diff --git a/frontend-web/src/roundtable-planning/components/Step3DashboardMode.tsx b/frontend-web/src/roundtable-planning/components/Step3DashboardMode.tsx
index c9eb3fa3..9fce3033 100644
--- a/frontend-web/src/roundtable-planning/components/Step3DashboardMode.tsx
+++ b/frontend-web/src/roundtable-planning/components/Step3DashboardMode.tsx
@@ -46,7 +46,13 @@ import { DASHBOARD_VIEW_STORAGE_PREFIX } from "@/roundtable-planning/pages/Dashb
import { useAutoScroll } from "@/roundtable-planning/hooks/useAutoScroll";
import { useDialogueSpeedMetrics } from "@/roundtable-planning/hooks/useDialogueSpeedMetrics";
import type { UseStep3DashboardReturn } from "@/roundtable-planning/hooks/useStep3Dashboard";
-import { parseReportJson, stripReportFence } from "@/roundtable-planning/lib/report-template";
+import {
+ parseReportJson,
+ renderDashboardHtml,
+ stripReportFence,
+ type DashboardTheme,
+} from "@/roundtable-planning/lib/report-template";
+import { useTheme } from "@/contexts/ThemeContext";
interface Step3DashboardModeProps {
selectedModel: string;
@@ -94,13 +100,32 @@ export function Step3DashboardMode({
openDashboardPreview,
} = dashboard;
- // 真实数据 → 大屏数据：优先本轮实时生成，其次草稿快照；都没有则 undefined（用 DEMO）。
- const dashboardData = useMemo(() => {
- const report = dashboard.data ?? parseReportJson(savedReport?.dashboardJson ?? null);
- return report ? adaptReportData(report, formatNow()) : undefined;
- }, [dashboard.data, savedReport?.dashboardJson]);
+ // 真实数据（report-json）：优先本轮实时生成，其次草稿快照。应用渲染/网页渲染共用。
+ const report = useMemo(
+ () => dashboard.data ?? parseReportJson(savedReport?.dashboardJson ?? null),
+ [dashboard.data, savedReport?.dashboardJson],
+ );
- const hasResult = !!dashboardData || !!html;
+ // 应用渲染用的大屏数据（不传则 DashboardApp 回落 DEMO）。
+ const dashboardData = useMemo(
+ () => (report ? adaptReportData(report, formatNow()) : undefined),
+ [report],
+ );
+
+ // 网页渲染主题跟随应用主题：renderDashboardHtml 是确定性的，主题切换时按 report
+ // 当场重渲（而非用 hook 在生成时烤死主题的 `html`），从而 iframe 大屏色随父元素变化。
+ // 仅 light/dark 两套（lightblue 归 light，与页面 themeMode 映射一致）。
+ const { theme } = useTheme();
+ const dashThemeMode: DashboardTheme = theme === "dark" ? "dark" : "light";
+ const dashboardHtml = useMemo(
+ () =>
+ report
+ ? renderDashboardHtml(report, { generatedAt: formatNow(), theme: dashThemeMode })
+ : html,
+ [report, dashThemeMode, html],
+ );
+
+ const hasResult = !!dashboardData || !!dashboardHtml;
// 视图：有产物默认看「大屏页面」，否则进「交互区」看抽取过程。
const [view, setView] = useState(() => (hasResult ? "page" : "chat"));
@@ -110,6 +135,27 @@ export function Step3DashboardMode({
// - "html" 网页渲染：直接把自包含 HTML 大屏塞进 iframe，与「新窗口打开 / 分享 / 下载」一致。
const [renderMode, setRenderMode] = useState("app");
+ // 网页渲染：用 blob URL 作 iframe `src`（而非 `srcDoc`）。
+ // 原因：`srcdoc` 文档的 base URL 继承自父页面，大屏内的纯 CSS `:target` 导航锚点
+ // （#overview / #seat-x）会被解析成「父页面URL#seat-x」，导致点击导航时整个 iframe
+ // 跳去加载主应用并命中 HashRouter 的 404（Page not found）。blob: 文档有自己的 URL，
+ // 片段锚点在 iframe 内部解析，:target 切页正常 —— 与「新窗口打开」一致。
+ //
+ // 必须在 **effect 内部**创建/回收 blob：StrictMode(dev) 会 setup→cleanup→setup 双触发
+ // effect，若用 useMemo 跨两次 render 共享同一个 URL，cleanup 会把它 revoke 掉而 iframe
+ // 仍指向它 → 报「该文件可能已被移至别处」。effect 内每次 run 各自建 URL、cleanup 只回收
+ // 本 run 的，最后提交的那个存活，故 StrictMode-safe。dashboardHtml 随主题变 → blob 重建。
+ const [htmlBlobUrl, setHtmlBlobUrl] = useState(null);
+ useEffect(() => {
+ if (typeof window === "undefined" || !dashboardHtml) {
+ setHtmlBlobUrl(null);
+ return;
+ }
+ const url = URL.createObjectURL(new Blob([dashboardHtml], { type: "text/html;charset=utf-8" }));
+ setHtmlBlobUrl(url);
+ return () => URL.revokeObjectURL(url);
+ }, [dashboardHtml]);
+
// 绘制完成**不再**自动切到大屏页面：用户正在交互区看抽取过程/继续问答时，强行跳走很打断。
// 想看成品由用户手动点顶栏「查看大屏」。没有产物时初始即落交互区（见上 useState 初值）。
@@ -126,8 +172,8 @@ export function Step3DashboardMode({
const handleOpenNewWindow = () => {
if (typeof window === "undefined") return;
- if (renderMode === "html" && html) {
- const blob = new Blob([html], { type: "text/html;charset=utf-8" });
+ if (renderMode === "html" && dashboardHtml) {
+ const blob = new Blob([dashboardHtml], { type: "text/html;charset=utf-8" });
const blobUrl = URL.createObjectURL(blob);
window.open(blobUrl, "_blank", "noopener,noreferrer");
// 延迟回收，给新标签页足够时间加载（过早 revoke 会打不开）。
@@ -195,9 +241,9 @@ export function Step3DashboardMode({
setRenderMode("html")}
- disabled={!html}
+ disabled={!dashboardHtml}
title={
- html
+ dashboardHtml
? "用自包含 HTML 大屏渲染（与新窗口打开 / 分享 / 下载一致）"
: "尚无已生成的 HTML 大屏，先完成一次绘制"
}
@@ -269,10 +315,10 @@ export function Step3DashboardMode({
{/* 主体：交互区（聊天 + 抽取沙箱） / 大屏页面（React） */}
{view === "page" ? (
- renderMode === "html" && html ? (
+ renderMode === "html" && htmlBlobUrl ? (
diff --git a/frontend-web/src/roundtable-planning/dashboard/dashboard.css b/frontend-web/src/roundtable-planning/dashboard/dashboard.css
index 4c39bc06..62da9fb0 100644
--- a/frontend-web/src/roundtable-planning/dashboard/dashboard.css
+++ b/frontend-web/src/roundtable-planning/dashboard/dashboard.css
@@ -25,6 +25,19 @@
--dash-accent: #13c2c2; /* 辅色 zs-003-06 */
}
+/* 深色主题下「大屏页面」整体背景换成设计稿深蓝主题底图（应用渲染模式）。
+ * 未分层规则优先级高于 @layer utilities，稳定覆盖 DashboardApp 根 className 上的
+ * `dark:bg-[var(--dash-page)]` 底色与 `dark:[background-image:radial-gradient(...)]`
+ * 深蓝点阵 —— 浅色模式不受影响（仅 .dark 生效）。底色保留作图片加载前/超出区域回落。 */
+.dark .dash-root {
+ background-color: var(--dash-page);
+ background-image: url("../../assets/img/layout-bg-theme-dark-blue.svg");
+ background-size: cover;
+ background-position: center top;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+
/* 深色下网格 overlay 改为极淡深蓝描线（浅色仍走上方 .bg-grid-slate-100）。 */
.dark .dash-root .bg-grid-slate-100 {
background-image:
diff --git a/frontend-web/src/roundtable-planning/lib/report-template.ts b/frontend-web/src/roundtable-planning/lib/report-template.ts
index e8ed5c2b..8b7c1854 100644
--- a/frontend-web/src/roundtable-planning/lib/report-template.ts
+++ b/frontend-web/src/roundtable-planning/lib/report-template.ts
@@ -33,6 +33,8 @@
* 文件头嵌入 `RT_DASHBOARD_MARKER` 注释，恢复草稿时据此识别「这是模板大屏」。
*/
+import darkBgSvgRaw from "@/assets/img/layout-bg-theme-dark-blue.svg?raw";
+
// ── 契约类型 ─────────────────────────────────────────────────────────────────
export interface ReportKpi {
@@ -414,6 +416,12 @@ interface Palette {
link: string;
titleColor: string;
navBg: string;
+ /** 深色主题大屏背景图（自包含 HTML 内联 data URI）；浅色为空串走纯色底。 */
+ bgImage: string;
+ /** 导航选中态 tab 背景（浅=白，深=深蓝卡片色）。 */
+ navActiveBg: string;
+ /** 导航 tab 悬停背景。 */
+ tabHoverBg: string;
trackBg: string;
/** 图表 / KPI / 席位强调色序（规范图表色序）。 */
accents: string[];
@@ -421,6 +429,16 @@ interface Palette {
modalMask: string;
}
+/**
+ * 深色主题大屏背景图：从 SVG（内嵌 JPEG）里取出其 data URI，内联进自包含 HTML
+ * 当背景图用 —— 避免 iframe srcDoc / blob 新窗口 / 下载分享场景下相对路径取不到图
+ * （保持离线自包含；草稿存的是 report-json 不是 HTML，不会被这张图撑大）。
+ */
+const DARK_BG_DATA_URI: string = (() => {
+ const m = /href="(data:image\/[^"]+)"/.exec(darkBgSvgRaw);
+ return m ? m[1] : "";
+})();
+
const PALETTES: Record = {
dark: {
bgPage: "#0C1836",
@@ -438,7 +456,10 @@ const PALETTES: Record = {
primary: "#1677FF",
link: "#4096FF",
titleColor: "linear-gradient(90deg,#91CAFF,#4096FF 45%,#13C2C2)",
- navBg: "rgba(6,14,36,.88)",
+ navBg: "rgba(10,20,46,.78)",
+ bgImage: DARK_BG_DATA_URI,
+ navActiveBg: "#122347",
+ tabHoverBg: "rgba(64,150,255,.12)",
trackBg: "rgba(110,136,176,.22)",
accents: ["#4096FF", "#13C2C2", "#52C41A", "#FAAD14", "#FF7875", "#69B1FF"],
risk: { high: "#F5222D", mid: "#FAAD14", low: "#52C41A" },
@@ -462,7 +483,10 @@ const PALETTES: Record = {
primary: "#E11D48",
link: "#E11D48",
titleColor: "linear-gradient(90deg,#1E293B,#334155)",
- navBg: "rgba(255,255,255,.95)",
+ navBg: "#F1F5F9",
+ bgImage: "",
+ navActiveBg: "#FFFFFF",
+ tabHoverBg: "rgba(255,255,255,.6)",
trackBg: "#F1F5F9",
accents: ["#E11D48", "#4F46E5", "#059669", "#D97706", "#0284C7", "#7C3AED"],
risk: { high: "#DC2626", mid: "#D97706", low: "#059669" },
@@ -684,7 +708,7 @@ export function renderDashboardHtml(
const ovBase = `body:not(:has(.page:target)) ${sel("overview")},body:has(#overview:target) ${sel("overview")}`;
const seatBase = seats.map((s) => `body:has(#${esc(s.id)}:target) ${sel(s.id)}`).join(",");
const allActive = seatBase ? `${ovBase},${seatBase}` : ovBase;
- const navActiveCss = `${allActive}{background:#fff;color:var(--primary);box-shadow:0 1px 5px rgba(15,23,42,.1);font-weight:700;border-color:${P.primary}33}`;
+ const navActiveCss = `${allActive}{background:var(--navactive);color:var(--primary);box-shadow:0 1px 5px rgba(15,23,42,.1);font-weight:700;border-color:${P.primary}33}`;
const KPI_ICONS = ["📊", "📈", "⚠️", "🧩", "🏆", "📅"];
const kpis = data.kpis
@@ -793,10 +817,11 @@ export function renderDashboardHtml(