npm - @iniesta8888/agent-live - Versions diffs - 0.3.0 - Mend

@iniesta8888/agent-live 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/CODE_OF_CONDUCT.md +7 -0
package/CONTRIBUTING.md +56 -0
package/LICENSE +21 -0
package/README.md +92 -0
package/SECURITY.md +13 -0
package/dist/adapter-sdk/index.d.ts +45 -0
package/dist/adapter-sdk/index.d.ts.map +1 -0
package/dist/adapter-sdk/index.js +106 -0
package/dist/adapter-sdk/index.js.map +1 -0
package/dist/content/compiler.d.ts +31 -0
package/dist/content/compiler.d.ts.map +1 -0
package/dist/content/compiler.js +218 -0
package/dist/content/compiler.js.map +1 -0
package/dist/content/graph-validator.d.ts +56 -0
package/dist/content/graph-validator.d.ts.map +1 -0
package/dist/content/graph-validator.js +226 -0
package/dist/content/graph-validator.js.map +1 -0
package/dist/content/library.d.ts +4 -0
package/dist/content/library.d.ts.map +1 -0
package/dist/content/library.js +45 -0
package/dist/content/library.js.map +1 -0
package/dist/content/registry.d.ts +34 -0
package/dist/content/registry.d.ts.map +1 -0
package/dist/content/registry.js +130 -0
package/dist/content/registry.js.map +1 -0
package/dist/content/runtime-content.d.ts +63 -0
package/dist/content/runtime-content.d.ts.map +1 -0
package/dist/content/runtime-content.js +78 -0
package/dist/content/runtime-content.js.map +1 -0
package/dist/content/schema.d.ts +142 -0
package/dist/content/schema.d.ts.map +1 -0
package/dist/content/schema.js +280 -0
package/dist/content/schema.js.map +1 -0
package/dist/content/validator.d.ts +35 -0
package/dist/content/validator.d.ts.map +1 -0
package/dist/content/validator.js +205 -0
package/dist/content/validator.js.map +1 -0
package/dist/core/agents.d.ts +56 -0
package/dist/core/agents.d.ts.map +1 -0
package/dist/core/agents.js +148 -0
package/dist/core/agents.js.map +1 -0
package/dist/core/limits.d.ts +15 -0
package/dist/core/limits.d.ts.map +1 -0
package/dist/core/limits.js +16 -0
package/dist/core/limits.js.map +1 -0
package/dist/core/mapping.d.ts +17 -0
package/dist/core/mapping.d.ts.map +1 -0
package/dist/core/mapping.js +94 -0
package/dist/core/mapping.js.map +1 -0
package/dist/core/protocol.d.ts +105 -0
package/dist/core/protocol.d.ts.map +1 -0
package/dist/core/protocol.js +6 -0
package/dist/core/protocol.js.map +1 -0
package/dist/core/state.d.ts +49 -0
package/dist/core/state.d.ts.map +1 -0
package/dist/core/state.js +216 -0
package/dist/core/state.js.map +1 -0
package/dist/creator/commands.d.ts +19 -0
package/dist/creator/commands.d.ts.map +1 -0
package/dist/creator/commands.js +44 -0
package/dist/creator/commands.js.map +1 -0
package/dist/creator/mode.d.ts +10 -0
package/dist/creator/mode.d.ts.map +1 -0
package/dist/creator/mode.js +23 -0
package/dist/creator/mode.js.map +1 -0
package/dist/creator/service.d.ts +199 -0
package/dist/creator/service.d.ts.map +1 -0
package/dist/creator/service.js +159 -0
package/dist/creator/service.js.map +1 -0
package/dist/index.d.ts +14 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +10 -0
package/dist/index.js.map +1 -0
package/dist/runtime/agent-live-runtime.d.ts +17 -0
package/dist/runtime/agent-live-runtime.d.ts.map +1 -0
package/dist/runtime/agent-live-runtime.js +50 -0
package/dist/runtime/agent-live-runtime.js.map +1 -0
package/dist/runtime/content-service.d.ts +75 -0
package/dist/runtime/content-service.d.ts.map +1 -0
package/dist/runtime/content-service.js +60 -0
package/dist/runtime/content-service.js.map +1 -0
package/dist/runtime/resource-guard.d.ts +17 -0
package/dist/runtime/resource-guard.d.ts.map +1 -0
package/dist/runtime/resource-guard.js +54 -0
package/dist/runtime/resource-guard.js.map +1 -0
package/dist/runtime/server.d.ts +39 -0
package/dist/runtime/server.d.ts.map +1 -0
package/dist/runtime/server.js +286 -0
package/dist/runtime/server.js.map +1 -0
package/dist/web/app.d.ts +1 -0
package/dist/web/app.js +1317 -0
package/dist/web/index.html +45 -0
package/dist/web/office.js +350 -0
package/dist/web/sprites.js +185 -0
package/dist/web/style.css +288 -0
package/dist/web/v2/bootstrap.js +276 -0
package/dist/web/v2/content/README.md +17 -0
package/dist/web/v2/content/agent-skins/studio-team.json +33 -0
package/dist/web/v2/content/agent-skins/tiny-developers.json +33 -0
package/dist/web/v2/content/atmospheres/default.json +13 -0
package/dist/web/v2/content/atmospheres/rainy-night.json +37 -0
package/dist/web/v2/content/catalog.json +14 -0
package/dist/web/v2/content/component-library/activity-implementations.json +873 -0
package/dist/web/v2/content/component-library/activity-recipes.json +25 -0
package/dist/web/v2/content/component-library/agent-profile-templates.json +18 -0
package/dist/web/v2/content/component-library/catalog.json +38 -0
package/dist/web/v2/content/component-library/npc-templates.json +42 -0
package/dist/web/v2/content/component-library/props.json +41 -0
package/dist/web/v2/content/environments/local-office.json +31 -0
package/dist/web/v2/content/environments/rainy-night.json +28 -0
package/dist/web/v2/content/environments/static-office.json +27 -0
package/dist/web/v2/content/layouts/boardroom-office.json +122 -0
package/dist/web/v2/content/layouts/demo-office.json +88 -0
package/dist/web/v2/content/layouts/lively-office.json +96 -0
package/dist/web/v2/content/layouts/old-school-office.json +154 -0
package/dist/web/v2/content/layouts/tech-open-office.json +132 -0
package/dist/web/v2/content/life-activities/boardroom-routines.json +67 -0
package/dist/web/v2/content/life-activities/none.json +10 -0
package/dist/web/v2/content/life-activities/office-basics.json +39 -0
package/dist/web/v2/content/life-activities/old-school-routines.json +74 -0
package/dist/web/v2/content/life-activities/tech-office-routines.json +148 -0
package/dist/web/v2/content/npcs/boardroom-staff.json +54 -0
package/dist/web/v2/content/npcs/none.json +10 -0
package/dist/web/v2/content/npcs/office-staff.json +25 -0
package/dist/web/v2/content/npcs/old-school-staff.json +39 -0
package/dist/web/v2/content/npcs/tech-office-staff.json +40 -0
package/dist/web/v2/content/official-offices/boardroom-office.json +25 -0
package/dist/web/v2/content/official-offices/old-school-office.json +25 -0
package/dist/web/v2/content/official-offices/tech-open-office.json +25 -0
package/dist/web/v2/content/presets/boardroom-office.json +21 -0
package/dist/web/v2/content/presets/cozy-studio.json +19 -0
package/dist/web/v2/content/presets/demo-office.json +19 -0
package/dist/web/v2/content/presets/lively-office.json +19 -0
package/dist/web/v2/content/presets/night-shift.json +19 -0
package/dist/web/v2/content/presets/old-school-office.json +20 -0
package/dist/web/v2/content/presets/refined-demo.json +20 -0
package/dist/web/v2/content/presets/tech-open-office.json +21 -0
package/dist/web/v2/content/props/default-office.json +23 -0
package/dist/web/v2/content/props/extended-office.json +39 -0
package/dist/web/v2/content/props/tech-office.json +28 -0
package/dist/web/v2/content/styles/pixel-classic.json +160 -0
package/dist/web/v2/content/styles/warm-studio.json +150 -0
package/dist/web/v2/environment-runtime.d.ts +1 -0
package/dist/web/v2/environment-runtime.js +138 -0
package/dist/web/v2/graph-validator.d.ts +55 -0
package/dist/web/v2/graph-validator.js +225 -0
package/dist/web/v2/i18n.js +54 -0
package/dist/web/v2/locales/en.json +209 -0
package/dist/web/v2/locales/zh-CN.json +52 -0
package/dist/web/v2/office-engine.d.ts +1 -0
package/dist/web/v2/office-engine.js +145 -0
package/dist/web/v2/office-renderer.d.ts +1 -0
package/dist/web/v2/office-renderer.js +843 -0
package/dist/web/v2/parity.html +10 -0
package/dist/web/v2/parity.js +82 -0
package/dist/web/v2/sprite-renderer.d.ts +1 -0
package/dist/web/v2/sprite-renderer.js +242 -0
package/dist/web/v2/static-content.js +48 -0
package/dist/web/v2/style.css +140 -0
package/dist/web/v2.html +68 -0
package/docs/ADAPTER-DEVELOPMENT.md +328 -0
package/docs/ADAPTER-SDK.md +109 -0
package/docs/ARCHITECTURE.md +223 -0
package/docs/COMPONENT-LIBRARY.md +212 -0
package/docs/CUSTOMIZATION.md +163 -0
package/docs/DEVELOPER.md +186 -0
package/docs/DSH-ADAPTER-DESIGN.md +173 -0
package/docs/OFFICE-THEMES.md +516 -0
package/docs/PRESET-CONFIG.md +460 -0
package/docs/RELEASE-CHECK.md +23 -0
package/docs/TECHNICAL.md +515 -0
package/docs/USING-CODEX.md +24 -0
package/docs/USING-DSH.md +44 -0
package/docs/USING-PI.md +50 -0
package/docs/VISION.md +146 -0
package/examples/adapter/local-office.mjs +52 -0
package/package.json +89 -0
package/skills/agent-live-adapter-builder/SKILL.md +30 -0
package/skills/agent-live-adapter-builder/agents/openai.yaml +4 -0
package/skills/agent-live-adapter-builder/references/investigation.md +9 -0
package/skills/agent-live-adapter-builder/references/review.md +7 -0
package/skills/agent-live-adapter-builder/scripts/create-adapter.mjs +26 -0

package/dist/web/v2/parity.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="en">
+	<head><meta charset="utf-8" /><title>Agent Live V2 Parity</title></head>
+	<body>
+		<pre id="result">RUNNING</pre>
+		<script src="/office.js"></script>
+		<script src="/sprites.js"></script>
+		<script type="module" src="/v2/parity.js"></script>
+	</body>
+</html>

package/dist/web/v2/parity.js ADDED Viewed

@@ -0,0 +1,82 @@
+import { createOfficeRenderer } from "./office-renderer.js";
+import { createSpriteRenderer } from "./sprite-renderer.js";
+import { createEnvironmentRuntime } from "./environment-runtime.js";
+const legacyOffice = window.Office;
+const legacySprites = window.Sprites;
+const root = "/v2/content";
+const read = async (path) => (await fetch(`${root}/${path}`)).json();
+function canvas(width, height) {
+	const node = document.createElement("canvas");
+	node.width = width;
+	node.height = height;
+	return node;
+}
+function pixelDiff(a, b) {
+	const left = a.getContext("2d").getImageData(0, 0, a.width, a.height).data;
+	const right = b.getContext("2d").getImageData(0, 0, b.width, b.height).data;
+	let changed = 0;
+	for (let i = 0; i < left.length; i++) if (left[i] !== right[i]) changed++;
+	return changed;
+}
+const [style, layout, agentSkin, props, npcs, lifeActivities, atmosphere, environment, preset] = await Promise.all([
+	read("styles/pixel-classic.json"),
+	read("layouts/demo-office.json"),
+	read("agent-skins/tiny-developers.json"),
+	read("props/default-office.json"),
+	read("npcs/none.json"),
+	read("life-activities/none.json"),
+	read("atmospheres/default.json"),
+	read("environments/static-office.json"),
+	read("presets/demo-office.json"),
+]);
+const content = { style, layout, agentSkin, props, npcs, lifeActivities, atmosphere, environment, preset };
+const nativeOffice = createOfficeRenderer(content, createEnvironmentRuntime(environment));
+const nativeSprites = createSpriteRenderer(content);
+const results = [];
+for (const test of [
+	{ name: "room-idle", t: 0, hot: [], occupied: [] },
+	{ name: "room-desks", t: 777, hot: ["desk0", "desk5"], occupied: [0, 1, 5] },
+	{ name: "room-archive", t: 1733, hot: ["archive"], occupied: [2] },
+	{ name: "room-server", t: 2345, hot: ["server"], occupied: [4, 6] },
+	{ name: "room-board-phone-coffee", t: 3891, hot: ["whiteboard", "phone", "coffee"], occupied: [7] },
+]) {
+	const oldCanvas = canvas(384, 216);
+	const newCanvas = canvas(384, 216);
+	legacyOffice.drawRoom(oldCanvas.getContext("2d"), test.t, new Set(test.hot), new Set(test.occupied));
+	nativeOffice.drawRoom(newCanvas.getContext("2d"), test.t, new Set(test.hot), new Set(test.occupied));
+	results.push({ name: test.name, changedChannels: pixelDiff(oldCanvas, newCanvas) });
+}
+for (const test of [
+	{ name: "actor-lead", id: "main", role: "阿派", lead: true, state: "thinking", pose: "sit", dir: "up", t: 800 },
+	{ name: "actor-scout", id: "scout", role: "scout", lead: false, state: "working", pose: "walk", dir: "right", t: 1400 },
+	{ name: "actor-planner", id: "planner", role: "planner", lead: false, state: "done", pose: "talk", dir: "left", t: 2300 },
+]) {
+	const oldCanvas = canvas(48, 48);
+	const newCanvas = canvas(48, 48);
+	const base = { id: test.id, name: test.role, x: 24, y: 38, state: test.state, pose: test.pose, dir: test.dir, seed: 2, walkPhase: 0.42 };
+	legacySprites.drawCharacter(oldCanvas.getContext("2d"), { ...base, palette: legacySprites.paletteFor(test.id, test.role, test.lead) }, test.t);
+	nativeSprites.drawCharacter(newCanvas.getContext("2d"), { ...base, palette: nativeSprites.paletteFor(test.id, test.role, test.lead) }, test.t);
+	results.push({ name: test.name, changedChannels: pixelDiff(oldCanvas, newCanvas) });
+}
+for (const [index, kind] of ["key", "paper", "check", "bang", "cross", "spark", "unknown"].entries()) {
+	const oldCanvas = canvas(24, 24);
+	const newCanvas = canvas(24, 24);
+	const particle = { kind, x: 12, y: 12, life: 0.7, maxLife: 1 };
+	legacySprites.drawParticle(oldCanvas.getContext("2d"), { ...particle });
+	nativeSprites.drawParticle(newCanvas.getContext("2d"), { ...particle });
+	results.push({ name: `particle-${index}-${kind}`, changedChannels: pixelDiff(oldCanvas, newCanvas) });
+}
+const failures = results.filter((result) => result.changedChannels !== 0);
+const output = document.getElementById("result");
+output.textContent = failures.length
+	? `FAIL\n${failures.map((failure) => `${failure.name}: ${failure.changedChannels}`).join("\n")}`
+	: `PASS ${results.length} pixel parity cases`;
+document.documentElement.dataset.parity = failures.length ? "fail" : "pass";

package/dist/web/v2/sprite-renderer.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export function createSpriteRenderer(content: unknown): unknown;

package/dist/web/v2/sprite-renderer.js ADDED Viewed

@@ -0,0 +1,242 @@
+/** Build the V2 character renderer from Agent Skin and Style content. */
+export function createSpriteRenderer(content) {
+	const skin = content.agentSkin;
+	const base = content.style.tokens.character;
+	const override = content.atmosphere.styleOverrides?.character ?? {};
+	const V = {
+		...base,
+		...override,
+		pips: { ...base.pips, ...(override.pips ?? {}) },
+		particles: { ...base.particles, ...(override.particles ?? {}) },
+	};
+	const rich = content.preset.render?.detail === "rich" || V.detail === "rich";
+	const px = (c, x, y, w, h, color) => {
+		c.fillStyle = color;
+		c.fillRect(x | 0, y | 0, w | 0, h | 0);
+	};
+	function hash(text) {
+		let value = 2166136261;
+		for (let i = 0; i < text.length; i++) {
+			value ^= text.charCodeAt(i);
+			value = (value * 16777619) >>> 0;
+		}
+		return value;
+	}
+	function roleFor(name) {
+		return skin.roles[String(name ?? "").toLowerCase()] ?? null;
+	}
+	function paletteFor(id, name, isLead) {
+		const value = hash(`${id}|${name}`);
+		const role = roleFor(name);
+		return {
+			skin: skin.palettes.skin[value % skin.palettes.skin.length],
+			hair: skin.palettes.hair[(value >>> 3) % skin.palettes.hair.length],
+			shirt: role ? role.shirt : skin.palettes.fallbackShirts[(value >>> 6) % skin.palettes.fallbackShirts.length],
+			trim: role ? role.trim : skin.palettes.defaultTrim,
+			badge: isLead ? skin.palettes.leadBadge : skin.palettes.agentBadge,
+		};
+	}
+	function drawRichCharacter(c, actor, t) {
+		const p = actor.palette;
+		const walking = actor.pose === "walk";
+		const sitting = actor.pose === "sit" || actor.pose === "type";
+		const step = walking ? (((actor.walkPhase / 0.14) | 0) % 2) : 0;
+		const bob = walking ? step : Math.sin(t / 680 + actor.seed) > 0.72 ? 1 : 0;
+		const y = (actor.y | 0) - (sitting ? 3 : 0) + (sitting ? 0 : bob);
+		const x = actor.x | 0;
+		const dir = actor.dir ?? "down";
+		const outline = V.outline ?? V.shoes;
+		const skinShade = V.skinShade ?? p.skin;
+		px(c, x - 7, y - 1, 14, 2, V.shadow);
+		px(c, x - 5, y, 10, 1, V.shadow);
+		if (!sitting) {
+			const left = step ? 1 : 0;
+			const right = step ? 0 : 1;
+			px(c, x - 4, y - 7 + left, 4, 7 - left, outline);
+			px(c, x + 1, y - 7 + right, 4, 7 - right, outline);
+			px(c, x - 3, y - 6 + left, 2, 5 - left, V.pants);
+			px(c, x + 2, y - 6 + right, 2, 5 - right, V.pants);
+			px(c, x - 4, y - 1, 4, 2, V.shoes);
+			px(c, x + 1, y - 1, 4, 2, V.shoes);
+		}
+		px(c, x - 6, y - 17, 12, 11, outline);
+		px(c, x - 5, y - 16, 10, 9, p.shirt);
+		px(c, x - 5, y - 16, 10, 2, p.trim);
+		px(c, x - 4, y - 9, 8, 2, p.trim);
+		px(c, x - 4, y - 13, 2, 4, V.shirtShade ?? p.trim);
+		px(c, x + 3, y - 15, 1, 5, V.shirtLite ?? p.shirt);
+		const armUp = actor.pose === "type" ? (((t / 90) | 0) % 2) : actor.pose === "reach" || actor.pose === "phone" ? 1 : 0;
+		if (dir !== "right") {
+			px(c, x - 8, y - 16 - armUp, 3, 8, outline);
+			px(c, x - 7, y - 15 - armUp, 2, 5, p.shirt);
+			px(c, x - 7, y - 10 - armUp, 2, 2, p.skin);
+		}
+		if (dir !== "left") {
+			const other = actor.pose === "type" ? 1 - armUp : armUp;
+			px(c, x + 5, y - 16 - other, 3, 8, outline);
+			px(c, x + 5, y - 15 - other, 2, 5, p.shirt);
+			px(c, x + 5, y - 10 - other, 2, 2, p.skin);
+		}
+		if (actor.pose === "phone") {
+			px(c, x - 2, y - 14, 5, 6, outline);
+			px(c, x - 1, y - 13, 3, 4, V.pips.thinking ?? V.faceInk);
+			px(c, x, y - 12, 1, 1, V.eyeLite ?? p.skin);
+		}
+		px(c, x - 5, y - 27, 10, 11, outline);
+		px(c, x - 4, y - 26, 8, 9, p.skin);
+		px(c, x - 4, y - 26, 8, 4, p.hair);
+		px(c, x - 5, y - 25, 2, 6, p.hair);
+		px(c, x + 3, y - 25, 2, 6, p.hair);
+		px(c, x - 2, y - 25, 3, 1, V.hairLite ?? p.hair);
+		px(c, x - 4, y - 19, 2, 2, skinShade);
+		px(c, x + 2, y - 19, 2, 2, skinShade);
+		if (dir === "down") {
+			px(c, x - 2, y - 21, 1, 2, V.faceInk);
+			px(c, x + 1, y - 21, 1, 2, V.faceInk);
+			px(c, x - 2, y - 22, 1, 1, V.eyeLite ?? p.skin);
+			if (actor.pose === "talk") px(c, x - 1, y - 18, 2, 1, V.mouth);
+		} else if (dir === "left") {
+			px(c, x - 2, y - 21, 1, 2, V.faceInk);
+			px(c, x - 5, y - 26, 5, 7, p.hair);
+		} else if (dir === "right") {
+			px(c, x + 1, y - 21, 1, 2, V.faceInk);
+			px(c, x, y - 26, 5, 7, p.hair);
+		} else {
+			px(c, x - 5, y - 27, 10, 9, p.hair);
+			px(c, x - 2, y - 25, 4, 2, V.hairLite ?? p.hair);
+		}
+		px(c, x - 1, y - 14, 2, 3, p.badge);
+		const pip = V.pips[actor.state ?? "idle"];
+		if (pip) {
+			const hidden = actor.state === "thinking" && Math.sin(t / 240) <= -0.2;
+			if (!hidden) {
+				px(c, x - 2, y - 33, 5, 5, outline);
+				px(c, x - 1, y - 32, 3, 3, pip);
+				px(c, x, y - 33, 1, 1, pip);
+			}
+		}
+	}
+	function drawCharacter(c, actor, t) {
+		if (rich) return drawRichCharacter(c, actor, t);
+		const p = actor.palette;
+		const walking = actor.pose === "walk";
+		const sitting = actor.pose === "sit" || actor.pose === "type";
+		const step = walking ? (((actor.walkPhase / 0.16) | 0) % 2) : 0;
+		const bob = walking ? (step ? 1 : 0) : Math.sin(t / 620 + actor.seed) > 0.6 ? 1 : 0;
+		const y = (actor.y | 0) - (sitting ? 3 : 0) + (sitting ? 0 : bob);
+		const x = actor.x | 0;
+		const dir = actor.dir ?? "down";
+		px(c, x - 5, y - 1, 10, 2, V.shadow);
+		if (!sitting) {
+			const leftStep = step ? 1 : 0;
+			const rightStep = step ? 0 : 1;
+			px(c, x - 3, y - 5 + leftStep, 2, 5 - leftStep, V.pants);
+			px(c, x + 1, y - 5 + rightStep, 2, 5 - rightStep, V.pants);
+			px(c, x - 3, y - 1, 2, 1, V.shoes);
+			px(c, x + 1, y - 1, 2, 1, V.shoes);
+		}
+		px(c, x - 4, y - 12, 8, 8, p.shirt);
+		px(c, x - 4, y - 12, 8, 1, p.trim);
+		px(c, x - 4, y - 6, 8, 2, p.trim);
+		const armUp = actor.pose === "type" ? (((t / 90) | 0) % 2) : actor.pose === "reach" ? 1 : 0;
+		if (dir === "left") {
+			px(c, x - 6, y - 11 - armUp, 2, 5, p.shirt);
+		} else if (dir === "right") {
+			px(c, x + 4, y - 11 - armUp, 2, 5, p.shirt);
+		} else {
+			px(c, x - 6, y - 11 - armUp, 2, 5, p.shirt);
+			px(c, x + 4, y - 11 - (actor.pose === "type" ? 1 - armUp : armUp), 2, 5, p.shirt);
+		}
+		px(c, x - 3, y - 19, 6, 7, p.skin);
+		px(c, x - 4, y - 20, 8, 4, p.hair);
+		px(c, x - 4, y - 17, 1, 2, p.hair);
+		px(c, x + 3, y - 17, 1, 2, p.hair);
+		if (dir === "down") {
+			px(c, x - 2, y - 16, 1, 2, V.faceInk);
+			px(c, x + 1, y - 16, 1, 2, V.faceInk);
+			if (actor.pose === "talk") px(c, x - 1, y - 13, 2, 1, V.mouth);
+		} else if (dir === "left") {
+			px(c, x - 2, y - 16, 1, 2, V.faceInk);
+			px(c, x - 4, y - 20, 5, 5, p.hair);
+			px(c, x - 3, y - 19, 2, 1, p.skin);
+		} else if (dir === "right") {
+			px(c, x + 1, y - 16, 1, 2, V.faceInk);
+			px(c, x - 1, y - 20, 5, 5, p.hair);
+			px(c, x + 1, y - 19, 2, 1, p.skin);
+		} else {
+			px(c, x - 4, y - 20, 8, 6, p.hair);
+		}
+		px(c, x - 1, y - 11, 2, 2, p.badge);
+		const pip = V.pips[actor.state ?? "idle"];
+		if (pip) {
+			const hidden = actor.state === "thinking" && Math.sin(t / 240) <= -0.2;
+			if (!hidden) {
+				px(c, x - 1, y - 25, 3, 3, pip);
+				px(c, x, y - 26, 1, 1, pip);
+			}
+		}
+	}
+	function drawParticle(c, particle) {
+		const alpha = Math.max(0, Math.min(1, particle.life / particle.maxLife));
+		c.globalAlpha = alpha;
+		const x = particle.x | 0;
+		const y = particle.y | 0;
+		switch (particle.kind) {
+			case "key":
+				px(c, x, y, 3, 3, V.particles.key);
+				px(c, x + 1, y + 1, 1, 1, V.particles.keyInset);
+				break;
+			case "paper":
+				px(c, x - 3, y - 2, 7, 5, V.particles.paper);
+				px(c, x - 2, y - 1, 5, 1, V.particles.paperLine);
+				px(c, x - 2, y + 1, 3, 1, V.particles.paperLine);
+				break;
+			case "check":
+				px(c, x - 3, y, 2, 2, V.particles.check);
+				px(c, x - 1, y + 2, 2, 2, V.particles.check);
+				px(c, x + 1, y, 2, 2, V.particles.check);
+				px(c, x + 3, y - 2, 2, 2, V.particles.check);
+				break;
+			case "bang":
+				px(c, x, y - 5, 2, 4, V.particles.bang);
+				px(c, x, y, 2, 2, V.particles.bang);
+				break;
+			case "cross":
+				px(c, x - 2, y - 2, 2, 2, V.particles.cross);
+				px(c, x + 1, y + 1, 2, 2, V.particles.cross);
+				px(c, x + 1, y - 2, 2, 2, V.particles.cross);
+				px(c, x - 2, y + 1, 2, 2, V.particles.cross);
+				break;
+			case "spark":
+				px(c, x, y, 2, 2, particle.color ?? V.particles.spark);
+				break;
+			default:
+				px(c, x, y, 2, 2, V.particles.fallback);
+		}
+		c.globalAlpha = 1;
+	}
+	return Object.freeze({
+		ROLES: skin.roles,
+		roleFor,
+		paletteFor,
+		drawCharacter,
+		drawParticle,
+		hash,
+		content: skin,
+	});
+}

package/dist/web/v2/static-content.js ADDED Viewed

@@ -0,0 +1,48 @@
+import { assertManifest } from "./graph-validator.js";
+/**
+ * Preset content refs, in the order the resolved registry reports them.
+ * `preset.content` names one file per key, relative to its content directory.
+ */
+export const PRESET_CONTENT_SOURCES = Object.freeze({
+	style: "styles",
+	layout: "layouts",
+	agentSkin: "agent-skins",
+	props: "props",
+	npcs: "npcs",
+	lifeActivities: "life-activities",
+	atmosphere: "atmospheres",
+	environment: "environments",
+});
+function agentProfileFrom(profileTemplates) {
+	const templateId = profileTemplates?.defaultTemplate ?? "builtin/host-agent";
+	const template = (profileTemplates?.entries ?? []).find((entry) => entry.id === templateId);
+	// Mirrors the Office Spec compiler: the host keeps the identity reported by its
+	// adapter, and the Agent Profile template supplies the display defaults.
+	return { template: template?.id ?? templateId, appearance: { ...(template?.defaultAppearance ?? {}) } };
+}
+/**
+ * Resolve one Preset Office without a local runtime.
+ *
+ * Static hosts — the preview server, a published demo — have no Office registry
+ * to compile an Office Spec from, so the Preset's own content refs are read
+ * directly. The result is the same graph shape `/api/office-content` serves,
+ * which is what the validators and the renderers require.
+ */
+export async function loadPresetContent(presetId, readJson) {
+	const preset = await readJson(`presets/${presetId}.json`);
+	assertManifest(preset, "preset");
+	const refs = preset.content ?? {};
+	const names = Object.keys(PRESET_CONTENT_SOURCES);
+	const [loaded, profileTemplates] = await Promise.all([
+		Promise.all(names.map((key) => readJson(`${PRESET_CONTENT_SOURCES[key]}/${refs[key]}.json`))),
+		readJson("component-library/agent-profile-templates.json"),
+	]);
+	const content = Object.fromEntries(names.map((key, index) => [key, loaded[index]]));
+	for (const key of names) {
+		if (!content[key]) throw new Error(`Preset ${presetId} is missing its ${key} content`);
+	}
+	return { preset, ...content, agentProfile: agentProfileFrom(profileTemplates) };
+}

package/dist/web/v2/style.css ADDED Viewed

@@ -0,0 +1,140 @@
+@import url("/style.css");
+.dev-controls {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.dev-controls[hidden] {
+	display: none;
+}
+.panel-title {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+}
+.panel-title h2 {
+	margin: 0;
+}
+.replay-btn {
+	max-width: 190px;
+	padding: 6px 10px;
+	overflow: hidden;
+	color: #17130a;
+	background: var(--accent);
+	border: 1px solid #ffe59a;
+	border-radius: 3px;
+	box-shadow: 0 2px 0 #8d6b14;
+	font: inherit;
+	font-size: 11px;
+	font-weight: 800;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	cursor: pointer;
+}
+.replay-btn:hover:not(:disabled) {
+	filter: brightness(1.08);
+	transform: translateY(-1px);
+}
+.replay-btn:disabled {
+	opacity: 0.45;
+	cursor: default;
+}
+.replay-status {
+	position: absolute;
+	top: 12px;
+	left: 50%;
+	z-index: 4;
+	padding: 7px 12px;
+	transform: translateX(-50%);
+	color: #17130a;
+	background: var(--accent);
+	border: 2px solid #fff0b8;
+	box-shadow: 0 3px 0 #76570c;
+	font-size: 12px;
+	font-weight: 800;
+	pointer-events: none;
+}
+.replay-status[hidden] {
+	display: none;
+}
+.client-controls {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto auto;
+	gap: 8px;
+	padding: 9px 12px;
+	background: var(--panel);
+	border-top: 2px solid var(--line);
+}
+.client-controls .model-select {
+	min-width: 0;
+	text-overflow: ellipsis;
+}
+.client-controls[hidden] {
+	display: none;
+}
+.client-controls textarea {
+	min-width: 0;
+	resize: none;
+	padding: 7px 9px;
+	background: var(--bg);
+	color: var(--ink);
+	border: 1px solid var(--line);
+	font: inherit;
+	font-size: 12px;
+}
+.client-controls textarea:focus {
+	outline: none;
+	border-color: var(--accent);
+}
+.client-controls .primary {
+	color: var(--accent);
+}
+.approval {
+	grid-column: 1 / -1;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 7px 9px;
+	background: #211b2c;
+	border: 1px solid #594070;
+	font-size: 12px;
+}
+.approval[hidden] {
+	display: none;
+}
+.approval > div {
+	min-width: 0;
+	flex: 1;
+}
+.approval strong,
+.approval span {
+	display: block;
+}
+.approval span {
+	margin-top: 3px;
+	color: var(--dim);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}

package/dist/web/v2.html ADDED Viewed

@@ -0,0 +1,68 @@
+<!doctype html>
+	<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Agent Live</title>
+		<style>
+			html.file-mode body { display: grid; place-items: center; padding: 32px; background: #0d1017; color: #d7dee9; font: 14px ui-monospace, monospace; }
+			html.file-mode #app { display: none; }
+			#fileFallback { display: none; max-width: 520px; padding: 20px; border: 1px solid #2a3243; background: #151a24; }
+			html.file-mode #fileFallback { display: block; }
+			#fileFallback strong { display: block; margin-bottom: 8px; color: #ffcc4d; font-size: 18px; }
+		</style>
+		<script>if (location.protocol === "file:") document.documentElement.classList.add("file-mode");</script>
+		<link rel="stylesheet" href="/v2/style.css" />
+	</head>
+	<body>
+		<div id="fileFallback"><strong>Agent Live is not running</strong>This is a local source file, not a live office. Run <code>/agent-live</code> in Codex to open a new authenticated session.</div>
+		<div id="app">
+			<header id="bar">
+				<span class="brand">AGENT LIVE</span>
+				<span id="conn" class="pill offline" data-i18n="connection.connecting">Connecting…</span>
+				<span id="model" class="pill">model: —</span>
+				<span id="turns" class="pill">turn 0</span>
+				<span id="usage" class="pill">0 tok</span>
+				<span class="grow"></span>
+				<button id="language" class="btn" type="button" aria-label="Switch language">中文</button>
+				<div id="devControls" class="dev-controls" hidden>
+					<select id="preset" class="btn" title="Office preset" aria-label="Office preset" data-i18n-title="nav.preset"></select>
+					<button id="mute" class="btn">音效: 关</button>
+					<button id="demo" class="btn" data-i18n="nav.demo">Demo</button>
+				</div>
+			</header>
+			<main>
+				<div id="stageWrap">
+					<canvas id="stage"></canvas>
+					<div id="replayStatus" class="replay-status" hidden></div>
+					<div id="taskbar"><span class="k" data-i18n="task.label">Current task</span><span id="task" data-i18n="task.empty">Waiting for a task…</span></div>
+				</div>
+				<aside id="side">
+					<section class="panel">
+						<div class="panel-title"><h2 data-i18n="panel.crew">Team</h2><button id="replay" class="replay-btn" type="button" hidden></button></div>
+						<div id="crew" class="crew"></div>
+					</section>
+					<section class="panel grow">
+						<h2 data-i18n="panel.activity">Activity</h2>
+						<div id="log" class="log"></div>
+					</section>
+				</aside>
+			</main>
+			<form id="clientControls" class="client-controls" hidden>
+				<div id="approval" class="approval" hidden>
+					<div><strong id="approvalTitle"></strong><span id="approvalDetail"></span></div>
+					<button type="button" class="btn" data-approval="deny" data-i18n="approval.deny">Deny</button>
+					<button type="button" class="btn" data-approval="allow" data-i18n="approval.allow">Allow</button>
+				</div>
+				<textarea id="promptInput" rows="2" placeholder="Give Codex a task…" data-i18n-placeholder="client.prompt"></textarea>
+				<button id="stopTurn" type="button" class="btn" data-i18n="client.stop">Stop</button>
+				<button id="sendPrompt" type="submit" class="btn primary" data-i18n="client.send">Send</button>
+			</form>
+		</div>
+		<script type="module" src="/v2/bootstrap.js"></script>
+	</body>
+</html>