@iniesta8888/agent-live 0.3.0

package/dist/web/style.css

@@ -0,0 +1,288 @@
+:root {
+	--bg: #0d1017;
+	--panel: #151a24;
+	--panel-2: #1c2230;
+	--line: #2a3243;
+	--ink: #d7dee9;
+	--dim: #7c8798;
+	--accent: #ffcc4d;
+	--ok: #6ee7a8;
+	--warn: #ff8f6b;
+	--think: #8fb8ff;
+	font-family: ui-monospace, SFMono-Regular, Menlo, "PingFang SC", monospace;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+html,
+body {
+	margin: 0;
+	height: 100%;
+	background: var(--bg);
+	color: var(--ink);
+	overflow: hidden;
+}
+
+#app {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+#bar {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 8px 12px;
+	background: var(--panel);
+	border-bottom: 2px solid var(--line);
+	font-size: 12px;
+}
+
+.brand {
+	color: var(--accent);
+	letter-spacing: 2px;
+	font-weight: 700;
+}
+
+.grow {
+	flex: 1;
+}
+
+.pill {
+	padding: 2px 8px;
+	border: 1px solid var(--line);
+	border-radius: 2px;
+	color: var(--dim);
+	white-space: nowrap;
+}
+
+.pill.online {
+	color: var(--ok);
+	border-color: #2c5c45;
+}
+
+.pill.offline {
+	color: var(--warn);
+	border-color: #5c3a2c;
+}
+
+.btn {
+	background: var(--panel-2);
+	color: var(--ink);
+	border: 1px solid var(--line);
+	border-radius: 2px;
+	padding: 3px 10px;
+	font: inherit;
+	font-size: 12px;
+	cursor: pointer;
+}
+
+.btn:hover {
+	border-color: var(--accent);
+	color: var(--accent);
+}
+
+main {
+	display: flex;
+	flex: 1;
+	min-height: 0;
+}
+
+#stageWrap {
+	position: relative;
+	flex: 1;
+	min-width: 0;
+	background: #07090d;
+}
+
+#stage {
+	display: block;
+	width: 100%;
+	height: 100%;
+	image-rendering: pixelated;
+}
+
+#taskbar {
+	position: absolute;
+	left: 12px;
+	right: 12px;
+	bottom: 10px;
+	display: flex;
+	gap: 8px;
+	align-items: baseline;
+	padding: 6px 10px;
+	background: rgba(10, 13, 19, 0.86);
+	border: 1px solid var(--line);
+	font-size: 12px;
+}
+
+#taskbar .k {
+	color: var(--accent);
+	white-space: nowrap;
+}
+
+#task {
+	color: var(--ink);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+#side {
+	width: 330px;
+	display: flex;
+	flex-direction: column;
+	border-left: 2px solid var(--line);
+	background: var(--panel);
+	min-height: 0;
+}
+
+.panel {
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+	border-bottom: 1px solid var(--line);
+}
+
+.panel.grow {
+	flex: 1;
+}
+
+.panel h2 {
+	margin: 0;
+	padding: 7px 10px;
+	font-size: 11px;
+	letter-spacing: 1px;
+	color: var(--dim);
+	text-transform: uppercase;
+	background: var(--panel-2);
+}
+
+.crew {
+	overflow-y: auto;
+	max-height: 40vh;
+}
+
+.card {
+	display: flex;
+	gap: 8px;
+	align-items: flex-start;
+	padding: 8px 10px;
+	border-bottom: 1px solid #1e2431;
+	font-size: 12px;
+}
+
+.card .avatar {
+	width: 14px;
+	height: 14px;
+	border-radius: 2px;
+	flex: none;
+	margin-top: 2px;
+}
+
+.card .body {
+	min-width: 0;
+	flex: 1;
+}
+
+.card .name {
+	color: var(--ink);
+	font-weight: 700;
+}
+
+.card .role {
+	color: var(--dim);
+}
+
+.card .detail {
+	color: var(--think);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.card .meta {
+	color: #5c6675;
+	font-size: 11px;
+}
+
+.badge {
+	font-size: 10px;
+	padding: 1px 5px;
+	border: 1px solid var(--line);
+	color: var(--dim);
+}
+
+.badge.thinking {
+	color: var(--think);
+	border-color: #34456b;
+}
+
+.badge.working {
+	color: var(--accent);
+	border-color: #5c4c22;
+}
+
+.badge.waiting {
+	color: #c79bff;
+	border-color: #453163;
+}
+
+.badge.done {
+	color: var(--ok);
+	border-color: #2c5c45;
+}
+
+.badge.error {
+	color: var(--warn);
+	border-color: #5c3a2c;
+}
+
+.log {
+	overflow-y: auto;
+	flex: 1;
+	padding: 4px 0;
+	font-size: 12px;
+	line-height: 1.45;
+}
+
+.line {
+	display: flex;
+	gap: 6px;
+	padding: 2px 10px;
+}
+
+.line .who {
+	flex: none;
+	color: var(--dim);
+}
+
+.line .txt {
+	min-width: 0;
+	word-break: break-word;
+}
+
+.line.thought .txt {
+	color: var(--think);
+}
+
+.line.tool .txt {
+	color: var(--accent);
+}
+
+.line.delegate .txt {
+	color: #c79bff;
+}
+
+.line.say .txt {
+	color: var(--ink);
+}
+
+.line.join .txt,
+.line.leave .txt,
+.line.system .txt {
+	color: var(--dim);
+}

package/dist/web/v2/bootstrap.js

@@ -0,0 +1,276 @@
+import { createOfficeRenderer } from "./office-renderer.js";
+import { createSpriteRenderer } from "./sprite-renderer.js";
+import { createEnvironmentRuntime } from "./environment-runtime.js";
+import { loadI18n } from "./i18n.js";
+import { loadPresetContent } from "./static-content.js";
+import { validateRegistry } from "./graph-validator.js";
+
+/**
+ * Config-driven boot path for the preserved Demo.
+ *
+ * All scene and character rendering is native to V2 and is constructed from
+ * the selected Office Preset. The fixed event runtime is loaded only after the
+ * content graph has been resolved and validated.
+ */
+
+const CONTENT_ROOT = "/v2/content";
+const DEFAULT_PRESET = "tech-open-office";
+const PRESET_STORAGE_KEY = "agent-live:selected-preset";
+let officeApiAvailable;
+const token = new URLSearchParams(location.search).get("token") ?? "";
+const apiFetch = (url, options = {}) => fetch(url, { cache: "no-store", ...options, headers: { ...options.headers, ...(token ? { "x-agent-live-token": token } : {}) } });
+
+async function hasOfficeApi() {
+	if (officeApiAvailable !== undefined) return officeApiAvailable;
+	try {
+		officeApiAvailable = (await apiFetch("/api/offices")).ok;
+	} catch {
+		officeApiAvailable = false;
+	}
+	return officeApiAvailable;
+}
+
+function savedPreset() {
+	try {
+		return localStorage.getItem(PRESET_STORAGE_KEY);
+	} catch {
+		return null;
+	}
+}
+
+function rememberPreset(presetId) {
+	try {
+		localStorage.setItem(PRESET_STORAGE_KEY, presetId);
+	} catch {
+		// Storage may be disabled; the selected query parameter still works.
+	}
+}
+
+function forgetPreset() {
+	try {
+		localStorage.removeItem(PRESET_STORAGE_KEY);
+	} catch {
+		// Nothing else to clean up.
+	}
+}
+
+async function readJson(relativePath) {
+	const response = await fetch(`${CONTENT_ROOT}/${relativePath}`);
+	if (!response.ok) throw new Error(`无法加载内容：${relativePath} (${response.status})`);
+	return response.json();
+}
+
+async function loadPreset(presetId, limits) {
+	const registry = await loadPresetContent(presetId, readJson);
+	applySceneLimits(registry, limits);
+	validateRegistry(registry);
+	return Object.freeze(registry);
+}
+
+async function loadOffice(officeId, limits) {
+	const params = new URLSearchParams();
+	if (officeId) params.set("id", officeId);
+	const response = await apiFetch(`/api/office-content?${params}`);
+	if (!response.ok) {
+		const body = await response.json().catch(() => ({}));
+		throw new Error(body.error ?? `Unable to load office ${officeId}`);
+	}
+	const registry = await response.json();
+	applySceneLimits(registry, limits);
+	validateRegistry(registry);
+	return Object.freeze(registry);
+}
+
+async function loadOfficialOffice(presetId, limits) {
+	const apiAvailable = await hasOfficeApi();
+	return apiAvailable ? loadOffice(`builtin/${presetId}`, limits) : loadPreset(presetId, limits);
+}
+
+function installContentReload(query) {
+	const officeId = query.get("office");
+	const events = new EventSource("/api/content-events?" + new URLSearchParams({ token }));
+	let reloadTimer;
+	events.onmessage = (event) => {
+		const change = JSON.parse(event.data);
+		if (change.type !== "office" || !change.officeId) return;
+		// A customization saves and selects. Coalesce its notifications into one
+		// navigation instead of interrupting a page that is already reloading.
+		clearTimeout(reloadTimer);
+		reloadTimer = setTimeout(() => {
+			if (officeId === change.officeId) return location.reload();
+			const next = new URL(location.href);
+			next.searchParams.set("office", change.officeId);
+			next.searchParams.delete("preset");
+			location.replace(next);
+		}, 80);
+	};
+	window.addEventListener("pagehide", () => { clearTimeout(reloadTimer); events.close(); }, { once: true });
+}
+
+function applySceneLimits(content, limits) {
+	const trim = (owner, key, max, label) => {
+		const list = owner?.[key];
+		if (!Array.isArray(list) || list.length <= max) return;
+		console.warn(`Agent Live: ${label} ${list.length} exceeds ${max}; extra items were ignored.`);
+		owner[key] = list.slice(0, max);
+	};
+	trim(content.layout, "propInstances", limits.props, "props");
+	trim(content.npcs, "entries", limits.npcs, "NPCs");
+	trim(content.lifeActivities, "entries", limits.activities, "life activities");
+}
+
+
+function applyStyle(style, atmosphere) {
+	const root = document.documentElement;
+	for (const [name, value] of Object.entries(style.tokens?.css ?? {})) root.style.setProperty(`--${name}`, value);
+	for (const [name, value] of Object.entries(atmosphere.styleOverrides?.css ?? {})) root.style.setProperty(`--${name}`, value);
+	document.documentElement.dataset.officePreset = style.id;
+}
+
+function installEnvironmentAdapter(content, query) {
+	const runtime = createEnvironmentRuntime(content.environment);
+	const overrides = {};
+	if (query.has("time")) overrides.time = query.get("time");
+	if (query.has("weather")) overrides.weather = query.get("weather");
+	if (Object.keys(overrides).length) runtime.update(overrides);
+	window.OfficeEnvironment = runtime;
+	window.addEventListener("agent-live:environment", (event) => {
+		try {
+			runtime.update(event.detail ?? {});
+		} catch (error) {
+			console.warn("无法应用环境更新", error);
+		}
+	});
+	return runtime;
+}
+
+function installOfficeAdapter(content, environment) {
+	window.Office = createOfficeRenderer(content, environment);
+}
+
+function installSpriteAdapter(content) {
+	window.Sprites = createSpriteRenderer(content);
+}
+
+async function installPresetPicker(selectedId) {
+	const catalog = await readJson("catalog.json");
+	if (catalog.schemaVersion !== 1 || catalog.kind !== "preset-catalog" || !Array.isArray(catalog.presets)) {
+		throw new Error("无效的 Preset Catalog");
+	}
+	const select = document.getElementById("preset");
+	let items = catalog.presets.filter((entry) => entry.visibility !== "internal" || entry.id === selectedId).map((entry) => ({ ...entry, value: `builtin/${entry.id}` }));
+	try {
+		if (!await hasOfficeApi()) throw new Error("office API unavailable");
+		const response = await apiFetch("/api/offices");
+		if (response.ok) {
+			const offices = await response.json();
+			for (const office of offices.filter((entry) => entry.origin === "custom")) items.push({ id: office.id, value: office.id, name: office.name });
+		}
+	} catch {
+		// Static preview servers do not expose local Custom Offices.
+	}
+	for (const item of items) {
+		const option = document.createElement("option");
+		option.value = item.value;
+		option.textContent = window.AgentLiveI18n?.text(item.name) ?? item.name;
+		option.selected = item.value === selectedId;
+		select.appendChild(option);
+	}
+	select.addEventListener("change", async () => {
+		if (token && await hasOfficeApi()) {
+			select.disabled = true;
+			try {
+				const response = await apiFetch("/api/office-selection", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ id: select.value }) });
+				if (!response.ok) throw new Error("Unable to select office");
+				const next = new URL(location.href);
+				next.searchParams.delete("preset");
+				next.searchParams.delete("office");
+				location.replace(next);
+			} catch (error) { select.disabled = false; showBootError(error); }
+			return;
+		}
+		const query = new URLSearchParams(location.search);
+		if (select.value.startsWith("local/")) {
+			query.set("office", select.value);
+			query.delete("preset");
+		} else {
+			const preset = select.value.replace(/^builtin\//, "");
+			rememberPreset(preset);
+			query.set("preset", preset);
+			query.delete("office");
+		}
+		location.search = query.toString();
+	});
+}
+
+function loadRuntime() {
+	return new Promise((resolve, reject) => {
+		const script = document.createElement("script");
+		script.src = "/app.js";
+		script.onload = resolve;
+		script.onerror = () => reject(new Error("Office Runtime 加载失败"));
+		document.body.appendChild(script);
+	});
+}
+
+async function loadCodexControls(query) {
+	if (query.get("client") !== "codex") return;
+	const module = await import("./codex-controls.js");
+	module.installCodexControls(query.get("token") ?? "");
+}
+
+function showBootError(error) {
+	console.error(error);
+	const pill = document.getElementById("conn");
+	pill.textContent = window.AgentLiveI18n?.t("config.error") ?? "Configuration error";
+	pill.className = "pill offline";
+	const log = document.getElementById("log");
+	log.innerHTML = `<div class="line system"><span class="who">系统</span><span class="txt"></span></div>`;
+	log.querySelector(".txt").textContent = error instanceof Error ? error.message : String(error);
+}
+
+try {
+	const query = new URLSearchParams(location.search);
+	const limitsResponse = await fetch("/api/scene-limits", { cache: "no-store" });
+	if (!limitsResponse.ok) throw new Error("无法加载场景容量规则");
+	window.SceneLimits = await limitsResponse.json();
+	await loadI18n(query);
+	const devControls = document.getElementById("devControls");
+	devControls.hidden = query.get("dev") !== "1" && query.get("demo") !== "1";
+	const requestedPreset = query.get("preset");
+	const requestedOffice = query.get("office");
+	const storedPreset = savedPreset();
+	let presetId = requestedPreset ?? storedPreset ?? DEFAULT_PRESET;
+	let content;
+	let selectedId;
+	if (!requestedOffice && !requestedPreset && await hasOfficeApi()) {
+		content = await loadOffice(undefined, window.SceneLimits);
+		selectedId = content.preset.id;
+	} else if (requestedOffice) {
+		if (!await hasOfficeApi()) throw new Error("Custom Offices require the Agent Live local runtime");
+		content = await loadOffice(requestedOffice, window.SceneLimits);
+		selectedId = requestedOffice;
+	} else {
+		try {
+			content = await loadOfficialOffice(presetId, window.SceneLimits);
+		} catch (error) {
+			if (requestedPreset || !storedPreset || presetId === DEFAULT_PRESET) throw error;
+			forgetPreset();
+			presetId = DEFAULT_PRESET;
+			content = await loadOfficialOffice(presetId, window.SceneLimits);
+		}
+		rememberPreset(presetId);
+		selectedId = `builtin/${presetId}`;
+	}
+	window.OfficeContent = content;
+	applyStyle(content.style, content.atmosphere);
+	await installPresetPicker(selectedId);
+	installContentReload(query);
+	const environment = installEnvironmentAdapter(content, query);
+	installOfficeAdapter(content, environment);
+	installSpriteAdapter(content);
+	await loadRuntime();
+	await loadCodexControls(query);
+} catch (error) {
+	showBootError(error);
+}

package/dist/web/v2/content/README.md

@@ -0,0 +1,17 @@
+# V2 Content
+
+一个 Preset 通过文件名组合八类本地内容：`styles`、`layouts`、`agent-skins`、`props`、`npcs`、`life-activities`、`atmospheres` 和 `environments`。
+
+这是当前可运行的过渡格式。目标架构会把重复定义整理成统一 Component Library，由同一个 Office Spec Compiler 组装 Official Preset 和 Custom Office；定义见 [`docs/COMPONENT-LIBRARY.md`](../../../../../docs/COMPONENT-LIBRARY.md)。
+
+最短工作流：
+
+1. 复制最接近的 Preset 及需要修改的模块。
+2. 保持 `demo-office` 不变。
+3. 在 `catalog.json` 登记新 Preset。
+4. 执行 `npm run check`。
+5. 用 `/v2.html?demo=1&preset=<id>` 预览。
+
+`Environment` 管理时钟、天气输入、灯光和 NPC 班次；`Atmosphere` 只管理这些状态的视觉覆盖。正式办公场景默认共用 `environments/local-office.json`。
+
+完整说明见 [`docs/PRESET-CONFIG.md`](../../../../../docs/PRESET-CONFIG.md) 和 [`docs/DEVELOPER.md`](../../../../../docs/DEVELOPER.md)。

package/dist/web/v2/content/agent-skins/studio-team.json

@@ -0,0 +1,33 @@
+{
+	"schemaVersion": 1,
+	"kind": "agent-skin",
+	"id": "builtin/studio-team",
+	"name": "暖调工作室团队",
+	"version": "1.0.0",
+	"engine": { "min": "0.2.0" },
+	"contract": "pixel-character-v1",
+	"animations": ["idle", "walk", "sit", "type", "reach", "talk"],
+	"palettes": {
+		"skin": ["#f3cfaa", "#e9b98e", "#d99d70", "#b97750"],
+		"hair": ["#38281d", "#273035", "#59392a", "#4a4342", "#6a421f"],
+		"fallbackShirts": ["#438b91", "#5d9a72", "#d58b4d", "#c56559", "#916aae", "#5ba9a0"],
+		"defaultTrim": "#354747",
+		"leadBadge": "#f2bd5b",
+		"agentBadge": "#91d4cf"
+	},
+	"roles": {
+		"scout": { "title": "侦察员", "shirt": "#5d9a72", "trim": "#3e7352" },
+		"planner": { "title": "规划师", "shirt": "#438b91", "trim": "#32686d" },
+		"reviewer": { "title": "评审员", "shirt": "#c56559", "trim": "#98483f" },
+		"worker": { "title": "工程师", "shirt": "#d58b4d", "trim": "#a56532" },
+		"tester": { "title": "测试员", "shirt": "#916aae", "trim": "#6d4d86" },
+		"writer": { "title": "文案", "shirt": "#cb718f", "trim": "#9f526f" },
+		"ceo": { "title": "CEO", "shirt": "#e1d5ba", "trim": "#aa9b7d" },
+		"cto": { "title": "CTO", "shirt": "#568491", "trim": "#3e626d" },
+		"cpo": { "title": "CPO", "shirt": "#aa78ad", "trim": "#805783" },
+		"programmer": { "title": "程序员", "shirt": "#d58b4d", "trim": "#a56532" },
+		"designer": { "title": "设计师", "shirt": "#5ba9a0", "trim": "#3f8179" },
+		"counselor": { "title": "顾问", "shirt": "#918a82", "trim": "#6c655e" },
+		"hr": { "title": "HR", "shirt": "#c49a52", "trim": "#94743b" }
+	}
+}

package/dist/web/v2/content/agent-skins/tiny-developers.json

@@ -0,0 +1,33 @@
+{
+	"schemaVersion": 1,
+	"kind": "agent-skin",
+	"id": "builtin/tiny-developers",
+	"name": "原版像素员工",
+	"version": "1.0.0",
+	"engine": { "min": "0.2.0" },
+	"contract": "pixel-character-v1",
+	"animations": ["idle", "walk", "sit", "type", "reach", "talk"],
+	"palettes": {
+		"skin": ["#f0cba3", "#e8b98f", "#d69f70", "#b87a4f"],
+		"hair": ["#2f2418", "#1f2430", "#4a2f22", "#3b3b45", "#5c3b1e"],
+		"fallbackShirts": ["#4a78c8", "#4f9d69", "#c8913f", "#b8574f", "#7b57b8", "#4fb8b0"],
+		"defaultTrim": "#2b3242",
+		"leadBadge": "#ffcc4d",
+		"agentBadge": "#8fb8ff"
+	},
+	"roles": {
+		"scout": { "title": "侦察员", "shirt": "#4f9d69", "trim": "#37714b" },
+		"planner": { "title": "规划师", "shirt": "#4a78c8", "trim": "#33569a" },
+		"reviewer": { "title": "评审员", "shirt": "#b8574f", "trim": "#8d3f38" },
+		"worker": { "title": "工程师", "shirt": "#c8913f", "trim": "#9a6c28" },
+		"tester": { "title": "测试员", "shirt": "#7b57b8", "trim": "#5b3d8d" },
+		"writer": { "title": "文案", "shirt": "#c85f9b", "trim": "#9a4577" },
+		"ceo": { "title": "CEO", "shirt": "#d8d2c4", "trim": "#a8a294" },
+		"cto": { "title": "CTO", "shirt": "#5f7fa8", "trim": "#455f80" },
+		"cpo": { "title": "CPO", "shirt": "#a87fc8", "trim": "#7f5c9a" },
+		"programmer": { "title": "程序员", "shirt": "#c8913f", "trim": "#9a6c28" },
+		"designer": { "title": "设计师", "shirt": "#4fb8b0", "trim": "#379088" },
+		"counselor": { "title": "顾问", "shirt": "#8f8f9f", "trim": "#6b6b7a" },
+		"hr": { "title": "HR", "shirt": "#c8a04f", "trim": "#9a7a33" }
+	}
+}

package/dist/web/v2/content/atmospheres/default.json

@@ -0,0 +1,13 @@
+{
+	"schemaVersion": 1,
+	"kind": "atmosphere",
+	"id": "builtin/default-atmosphere",
+	"name": "原版环境",
+	"version": "1.0.0",
+	"engine": { "min": "0.2.0" },
+	"contract": "single-office-v1",
+	"styleOverrides": { "css": {} },
+	"windowScene": "classic",
+	"ambientEffects": [],
+	"audio": null
+}

package/dist/web/v2/content/atmospheres/rainy-night.json

@@ -0,0 +1,37 @@
+{
+	"schemaVersion": 1,
+	"kind": "atmosphere",
+	"id": "builtin/rainy-night",
+	"name": "雨夜加班",
+	"version": "1.0.0",
+	"engine": { "min": "0.2.0" },
+	"contract": "single-office-v1",
+	"styleOverrides": {
+		"css": {
+			"bg": "#070a12",
+			"panel": "#101724",
+			"panel-2": "#172235",
+			"line": "#263852",
+			"ink": "#d6e5f5",
+			"dim": "#71859b",
+			"accent": "#ffd36a"
+		},
+		"canvas": {
+			"floorA": "#202c3a",
+			"floorB": "#243243",
+			"floorLine": "#19232f",
+			"wall": "#172334",
+			"wallTop": "#101927",
+			"wallTrim": "#2c4059",
+			"glass": "#254867",
+			"glassLite": "#315d82",
+			"windowSpark": "#9ed6ff",
+			"screen": "#09131f",
+			"screenIdle": "#1e3b55",
+			"rain": "#8bc8f2"
+		}
+	},
+	"windowScene": "rainy-night",
+	"ambientEffects": ["rain-window"],
+	"audio": null
+}