正在读取组织…
+电脑上的 RoleWeave 必须已经开着。配对一次后，这里发的字会立刻交给绑定员工。
+ + +尚未配对。
+ +招聘、改组织、跑回合仍在电脑上的 RoleWeave 桌面应用里完成。手机壳只负责看组织和发一条指令。
+-
+
- + 入口 + 手机壳优先 + +
- + 组织数据 + 示例工作区只读预览 + +
- + 回合 + 在已打开的电脑桌面执行 + +
${escapeHtml(role.description)}
+ +${escapeHtml(role.skillExcerpt || "这份岗位还没有说明书摘录。")}
+
+ `;
+ document.getElementById("talk")?.addEventListener("click", () => selectTab("command"));
+}
+
+function escapeHtml(value) {
+ return String(value)
+ .replaceAll("&", "&")
+ .replaceAll("<", "<")
+ .replaceAll(">", ">")
+ .replaceAll('"', """);
+}
+
+function renderRoles(snapshot) {
+ workspaceName.textContent = snapshot.name;
+ orgLead.textContent = snapshot.description || "当前是示例组织的只读预览。选一个岗位，看说明书和预算。";
+ const names = new Map(snapshot.roles.map((role) => [role.id, role.name]));
+ roleList.replaceChildren();
+ for (const role of snapshot.roles) {
+ const item = document.createElement("li");
+ const button = document.createElement("button");
+ button.type = "button";
+ button.className = "role";
+ button.innerHTML = `${escapeHtml(role.name)}${escapeHtml(role.description)}`;
+ button.addEventListener("click", () => {
+ selectedRoleId = role.id;
+ renderDetail(role, names);
+ roleDetail.scrollIntoView({ block: "nearest" });
+ });
+ item.append(button);
+ roleList.append(item);
+ }
+ const initial = snapshot.roles.find((role) => role.id === selectedRoleId) ?? snapshot.roles[0];
+ if (initial) renderDetail(initial, names);
+}
+
+async function loadWorkspace() {
+ try {
+ const response = await fetch("/api/mobile/workspace", { headers: { accept: "application/json" } });
+ if (!response.ok) throw new Error("workspace unavailable");
+ renderRoles(await response.json());
+ } catch {
+ orgLead.textContent = "组织预览暂时读不到。桌面工作台仍可用。";
+ orgLead.classList.add("error");
+ }
+}
+
+function selectTab(id) {
+ for (const panel of document.querySelectorAll(".panel")) {
+ const active = panel.dataset.panel === id;
+ panel.classList.toggle("is-active", active);
+ panel.hidden = !active;
+ }
+ for (const tab of document.querySelectorAll(".tab")) {
+ const active = tab.dataset.tab === id;
+ tab.classList.toggle("is-active", active);
+ if (active) tab.setAttribute("aria-current", "page");
+ else tab.removeAttribute("aria-current");
+ }
+}
+
+function connect() {
+ if (!deviceToken) return;
+ socket?.close();
+ const url = `${location.protocol === "https:" ? "wss" : "ws"}://${location.host}/phone-link/phone`;
+ socket = new WebSocket(url);
+ socket.addEventListener("open", () => {
+ socket.send(JSON.stringify({ v: 1, type: "phone.hello", deviceToken }));
+ });
+ socket.addEventListener("message", (event) => {
+ let message;
+ try {
+ message = JSON.parse(String(event.data));
+ } catch {
+ return;
+ }
+ if (message.type === "phone.accepted") {
+ pairForm.hidden = true;
+ commandForm.hidden = false;
+ setCommandStatus("已连上电脑，可以发指令。");
+ return;
+ }
+ if (message.type === "command.status") {
+ const labels = {
+ accepted: "电脑已接到",
+ running: "员工正在处理",
+ completed: "完成",
+ failed: "失败",
+ busy: "该员工正在忙",
+ needs_approval: "请在电脑上确认",
+ };
+ setCommandStatus(labels[message.state] ?? message.state);
+ if (message.summary) showSummary(message.summary);
+ return;
+ }
+ if (message.type === "error") {
+ if (message.code === "unauthorized" || message.code === "revoked") {
+ localStorage.removeItem(storageKey);
+ deviceToken = null;
+ pairForm.hidden = false;
+ commandForm.hidden = true;
+ }
+ setCommandStatus(message.message ?? "出错了");
+ }
+ });
+ socket.addEventListener("close", () => {
+ if (deviceToken) setCommandStatus("连接断开，正在重试…");
+ });
+}
+
+pairForm.addEventListener("submit", async (event) => {
+ event.preventDefault();
+ const code = document.getElementById("code").value.trim();
+ setCommandStatus("正在配对…");
+ const response = await fetch("/phone-link/v1/pair", {
+ method: "POST",
+ headers: { "content-type": "application/json" },
+ body: JSON.stringify({ code }),
+ });
+ const body = await response.json();
+ if (!response.ok || !body.deviceToken) {
+ setCommandStatus(body.message ?? "配对失败");
+ return;
+ }
+ deviceToken = body.deviceToken;
+ localStorage.setItem(storageKey, deviceToken);
+ connect();
+});
+
+commandForm.addEventListener("submit", (event) => {
+ event.preventDefault();
+ const text = document.getElementById("text").value.trim();
+ if (!text || !socket || socket.readyState !== WebSocket.OPEN) {
+ setCommandStatus("还没连上电脑");
+ return;
+ }
+ showSummary("");
+ const commandId = crypto.randomUUID();
+ socket.send(JSON.stringify({ v: 1, type: "command.submit", commandId, text }));
+ setCommandStatus("已发出，等电脑受理…");
+});
+
+document.querySelector(".tabs").addEventListener("click", (event) => {
+ const tab = event.target.closest("[data-tab]");
+ if (tab) selectTab(tab.dataset.tab);
+});
+
+if (deviceToken) connect();
+void loadWorkspace();
diff --git a/apps/mobile-web/index.html b/apps/mobile-web/index.html
new file mode 100644
index 00000000..f5724569
--- /dev/null
+++ b/apps/mobile-web/index.html
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+ RoleWeave
+正在读取组织…
+电脑上的 RoleWeave 必须已经开着。配对一次后，这里发的字会立刻交给绑定员工。
+ + +尚未配对。
+ +招聘、改组织、跑回合仍在电脑上的 RoleWeave 桌面应用里完成。手机壳只负责看组织和发一条指令。
+