nextclaw 0.44.2 → 0.45.1

package/dist/nextclaw-distribution.utils-Dryg4WzA.js

@@ -0,0 +1,42 @@
+import { accessSync, chmodSync, constants, existsSync, readFileSync, statSync } from "node:fs";
+import { basename, dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/cli/shared/lib/distribution/nextclaw-distribution.utils.ts
+function createNextclawDistribution(importMetaUrl) {
+	const entrypoint = fileURLToPath(importMetaUrl);
+	const packageRoot = resolve(dirname(entrypoint), "../../..");
+	const { version } = JSON.parse(readFileSync(resolve(packageRoot, "package.json"), "utf-8"));
+	const portableRunnerExecutable = process.platform === "win32" ? "nextclaw-wasmtime-runner.exe" : "nextclaw-wasmtime-runner";
+	return {
+		version: typeof version === "string" ? version : "0.0.0",
+		appEntrypoint: resolve(packageRoot, "dist/cli/app/index.js"),
+		launcherVersion: typeof version === "string" ? version : "0.0.0",
+		launcherEntrypoint: resolve(dirname(entrypoint), "../launcher", basename(entrypoint)),
+		launchedByLauncher: false,
+		templatesDir: resolve(packageRoot, "templates"),
+		uiDistDir: resolve(packageRoot, "ui-dist"),
+		runtimeUpdatePublicKeyPath: resolve(packageRoot, "resources/update-bundle-public.pem"),
+		builtInAppsDirectory: resolve(packageRoot, "resources/apps"),
+		portableServiceRunnerPath: resolve(packageRoot, "resources/native", `${process.platform}-${process.arch}`, portableRunnerExecutable)
+	};
+}
+function repairPackagedPortableRunnerPermissions(distribution) {
+	if (process.platform === "win32") return false;
+	const runnerPath = distribution.portableServiceRunnerPath?.trim();
+	if (!runnerPath || !existsSync(runnerPath)) return false;
+	const runnerStat = statSync(runnerPath);
+	if (!runnerStat.isFile()) return false;
+	try {
+		accessSync(runnerPath, constants.X_OK);
+		return false;
+	} catch {
+		chmodSync(runnerPath, runnerStat.mode & 511 | 73);
+		accessSync(runnerPath, constants.X_OK);
+		process.stderr.write(`[nextclaw] restored executable permission for bundled Portable Service App runner: ${runnerPath}\n`);
+		return true;
+	}
+}
+//#endregion
+export { repairPackagedPortableRunnerPermissions as n, createNextclawDistribution as t };
+
+//# sourceMappingURL=nextclaw-distribution.utils-Dryg4WzA.js.map

package/dist/nextclaw-distribution.utils-Dryg4WzA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nextclaw-distribution.utils-Dryg4WzA.js","names":[],"sources":["../src/cli/shared/lib/distribution/nextclaw-distribution.utils.ts"],"sourcesContent":["import { accessSync, chmodSync, constants, existsSync, readFileSync, statSync } from \"node:fs\";\nimport { basename, dirname, resolve } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport type { NextclawDistribution } from \"@nextclaw/service\";\n\nexport function createNextclawDistribution(importMetaUrl: string): NextclawDistribution {\n  const entrypoint = fileURLToPath(importMetaUrl);\n  const packageRoot = resolve(dirname(entrypoint), \"../../..\");\n  const { version } = JSON.parse(readFileSync(resolve(packageRoot, \"package.json\"), \"utf-8\")) as { version?: string };\n  const portableRunnerExecutable = process.platform === \"win32\"\n    ? \"nextclaw-wasmtime-runner.exe\"\n    : \"nextclaw-wasmtime-runner\";\n  return {\n    version: typeof version === \"string\" ? version : \"0.0.0\",\n    appEntrypoint: resolve(packageRoot, \"dist/cli/app/index.js\"),\n    launcherVersion: typeof version === \"string\" ? version : \"0.0.0\",\n    launcherEntrypoint: resolve(dirname(entrypoint), \"../launcher\", basename(entrypoint)),\n    launchedByLauncher: false,\n    templatesDir: resolve(packageRoot, \"templates\"),\n    uiDistDir: resolve(packageRoot, \"ui-dist\"),\n    runtimeUpdatePublicKeyPath: resolve(packageRoot, \"resources/update-bundle-public.pem\"),\n    builtInAppsDirectory: resolve(packageRoot, \"resources/apps\"),\n    portableServiceRunnerPath: resolve(\n      packageRoot,\n      \"resources/native\",\n      `${process.platform}-${process.arch}`,\n      portableRunnerExecutable,\n    )\n  };\n}\n\nexport function repairPackagedPortableRunnerPermissions(distribution: NextclawDistribution): boolean {\n  if (process.platform === \"win32\") return false;\n  const runnerPath = distribution.portableServiceRunnerPath?.trim();\n  if (!runnerPath || !existsSync(runnerPath)) return false;\n  const runnerStat = statSync(runnerPath);\n  if (!runnerStat.isFile()) return false;\n  try {\n    accessSync(runnerPath, constants.X_OK);\n    return false;\n  } catch {\n    chmodSync(runnerPath, (runnerStat.mode & 0o777) | 0o111);\n    accessSync(runnerPath, constants.X_OK);\n    process.stderr.write(`[nextclaw] restored executable permission for bundled Portable Service App runner: ${runnerPath}\\n`);\n    return true;\n  }\n}\n"],"mappings":";;;;AAKA,SAAgB,2BAA2B,eAA6C;CACtF,MAAM,aAAa,cAAc,cAAc;CAC/C,MAAM,cAAc,QAAQ,QAAQ,WAAW,EAAE,WAAW;CAC5D,MAAM,EAAE,YAAY,KAAK,MAAM,aAAa,QAAQ,aAAa,eAAe,EAAE,QAAQ,CAAC;CAC3F,MAAM,2BAA2B,QAAQ,aAAa,UAClD,iCACA;AACJ,QAAO;EACL,SAAS,OAAO,YAAY,WAAW,UAAU;EACjD,eAAe,QAAQ,aAAa,wBAAwB;EAC5D,iBAAiB,OAAO,YAAY,WAAW,UAAU;EACzD,oBAAoB,QAAQ,QAAQ,WAAW,EAAE,eAAe,SAAS,WAAW,CAAC;EACrF,oBAAoB;EACpB,cAAc,QAAQ,aAAa,YAAY;EAC/C,WAAW,QAAQ,aAAa,UAAU;EAC1C,4BAA4B,QAAQ,aAAa,qCAAqC;EACtF,sBAAsB,QAAQ,aAAa,iBAAiB;EAC5D,2BAA2B,QACzB,aACA,oBACA,GAAG,QAAQ,SAAS,GAAG,QAAQ,QAC/B,yBACD;EACF;;AAGH,SAAgB,wCAAwC,cAA6C;AACnG,KAAI,QAAQ,aAAa,QAAS,QAAO;CACzC,MAAM,aAAa,aAAa,2BAA2B,MAAM;AACjE,KAAI,CAAC,cAAc,CAAC,WAAW,WAAW,CAAE,QAAO;CACnD,MAAM,aAAa,SAAS,WAAW;AACvC,KAAI,CAAC,WAAW,QAAQ,CAAE,QAAO;AACjC,KAAI;AACF,aAAW,YAAY,UAAU,KAAK;AACtC,SAAO;SACD;AACN,YAAU,YAAa,WAAW,OAAO,MAAS,GAAM;AACxD,aAAW,YAAY,UAAU,KAAK;AACtC,UAAQ,OAAO,MAAM,sFAAsF,WAAW,IAAI;AAC1H,SAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextclaw",
-  "version": "0.44.2",
+  "version": "0.45.1",
   "description": "Powerful AI assistant for coordinating agents, skills, CLI tools, automations, and messaging apps.",
   "private": false,
   "type": "module",
@@ -42,9 +42,9 @@
     "jszip": "^3.10.1",
     "yaml": "^2.8.1",
     "@nextclaw/core": "0.17.11",
+    "@nextclaw/app-runtime": "0.14.0",
+    "@nextclaw/kernel": "0.12.0",
     "@nextclaw/mcp": "0.3.38",
-    "@nextclaw/app-runtime": "0.13.3",
-    "@nextclaw/kernel": "0.11.0",
     "@nextclaw/ncp": "0.10.0",
     "@nextclaw/ncp-agent-runtime": "0.4.21",
     "@nextclaw/ncp-mcp": "0.2.38",
@@ -52,11 +52,11 @@
     "@nextclaw/nextclaw-hermes-acp-bridge": "0.3.21",
     "@nextclaw/nextclaw-ncp-runtime-http-client": "0.3.22",
     "@nextclaw/nextclaw-ncp-runtime-stdio-client": "0.3.38",
-    "@nextclaw/remote": "0.3.46",
-    "@nextclaw/runtime": "0.4.37",
-    "@nextclaw/service": "0.3.49",
-    "@nextclaw/server": "0.19.0",
-    "@nextclaw/shared": "0.4.29"
+    "@nextclaw/remote": "0.3.47",
+    "@nextclaw/server": "0.20.0",
+    "@nextclaw/service": "0.4.1",
+    "@nextclaw/shared": "0.4.29",
+    "@nextclaw/runtime": "0.4.37"
   },
   "devDependencies": {
     "@types/node": "^20.17.6",
@@ -64,7 +64,7 @@
     "tsx": "^4.19.2",
     "typescript": "^5.6.3",
     "vitest": "^4.1.2",
-    "@nextclaw/ui": "0.21.0"
+    "@nextclaw/ui": "0.22.0"
   },
   "scripts": {
     "dev": "tsx watch --tsconfig ../../scripts/dev/dev-runtime.tsconfig.json src/cli/app/index.ts",

package/resources/apps/nextclaw-portable-runtime-lab/README.md

@@ -0,0 +1,34 @@
+# 日常小工具箱
+
+这是 Portable Runtime MVP 的产品化体验包。它不要求体验者理解 WASM、Action 或 Provider，而是先提供四个普通人能直接使用的小应用；每个应用背后对应一条必须验证的运行时主链。
+
+## 先体验产品
+
+| 小应用 | 能做什么 | 背后验证的机制 |
+| --- | --- | --- |
+| 今日清单 | 添加、完成、恢复和删除今天的任务 | Rust/WASM 数据 Action、Host KV 持久化、Panel 与 Agent 共用数据 |
+| 灵感便签 | 随手保存、搜索和删除便签 | 两个独立 Panel 复用同一个数据 Component |
+| 专注小钟 | 开始一轮专注、记录完成点，关掉页面后仍计时 | Resident Component、宿主事件投递、持久恢复 |
+| 联系人整理 | 清理姓名空格、邮箱大小写和重复标签 | Consumer 经宿主调用独立 Provider Component |
+
+应用列表还保留一个「开发者验证台」。它不是普通用户的主入口，只用于查看共享 runner、受控网络、越权拒绝、超时恢复和运行时指标等底层证据。
+
+## Agent 也能使用
+
+「今日清单」和「灵感便签」使用的 Service Action 可以显式授权给 Agent。授权后，Panel 与 Agent 操作的是同一份结构化数据，权限、持久化和错误处理也走同一条主链，没有 Demo 专用旁路。
+
+## 真实调用链
+
+```text
+日常小应用 / Agent
+  → Service Action 授权
+  → ServiceAppManager
+  → wasi-component runtime
+  → 共享 Rust/Wasmtime runner
+  → Host capability / component-call
+  → Rust/WASM Component
+```
+
+## 当前边界
+
+这是单平台技术 MVP：官方 Guest 只覆盖 Rust，不承诺 Python/FastAPI 等现有框架直接编译，也不代表跨平台 runner 分发、签名、升级和生产级资源治理已经完成。

package/resources/apps/nextclaw-portable-runtime-lab/assets/icon.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <linearGradient id="g" x1="8" y1="8" x2="56" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#2dd4bf"/>
+      <stop offset="1" stop-color="#2563eb"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="16" fill="#07111f"/>
+  <path d="M17 18h30v20a9 9 0 0 1-9 9H26a9 9 0 0 1-9-9V18Z" fill="none" stroke="url(#g)" stroke-width="4"/>
+  <path d="M24 27h16M24 35h10" stroke="#e6fffb" stroke-width="3" stroke-linecap="round"/>
+  <circle cx="46" cy="46" r="7" fill="#60a5fa" stroke="#07111f" stroke-width="3"/>
+</svg>

package/resources/apps/nextclaw-portable-runtime-lab/manifest.json

@@ -0,0 +1,74 @@
+{
+  "schemaVersion": 2,
+  "id": "nextclaw.portable-runtime-lab",
+  "name": "日常小工具箱",
+  "version": "0.5.2",
+  "description": "清单、便签、专注计时和联系人整理，四个能直接使用的日常小应用。",
+  "icon": "assets/icon.svg",
+  "engines": {
+    "nextclaw": ">=0.43.0"
+  },
+  "presentation": {
+    "primaryPanel": "nextclaw-portable-runtime-lab-todos"
+  },
+  "runtime": {
+    "profile": "wasi"
+  },
+  "distribution": {
+    "mode": "universal"
+  },
+  "storage": {
+    "scope": "global",
+    "schemaVersion": 1
+  },
+  "permissions": {
+    "storage": {
+      "namespace": "portable-runtime-lab"
+    },
+    "allowedDomains": [
+      "httpbin.org"
+    ]
+  },
+  "components": [
+    {
+      "kind": "panel",
+      "path": "panels/nextclaw-portable-runtime-lab-todos.panel"
+    },
+    {
+      "kind": "panel",
+      "path": "panels/nextclaw-portable-runtime-lab-notes.panel"
+    },
+    {
+      "kind": "panel",
+      "path": "panels/nextclaw-portable-runtime-lab-focus.panel"
+    },
+    {
+      "kind": "panel",
+      "path": "panels/nextclaw-portable-runtime-lab-contacts.panel"
+    },
+    {
+      "kind": "panel",
+      "path": "panels/nextclaw-portable-runtime-lab-panel.panel"
+    },
+    {
+      "kind": "service",
+      "path": "service-components/nextclaw-portable-runtime-lab-state"
+    },
+    {
+      "kind": "service",
+      "path": "service-components/nextclaw-portable-runtime-lab-capabilities"
+    },
+    {
+      "kind": "service",
+      "path": "service-components/nextclaw-portable-runtime-lab-resident"
+    },
+    {
+      "kind": "service",
+      "path": "service-components/nextclaw-portable-runtime-lab-provider"
+    },
+    {
+      "kind": "service",
+      "path": "service-components/nextclaw-portable-runtime-lab-composition"
+    }
+  ]
+}

package/resources/apps/nextclaw-portable-runtime-lab/marketplace.json

@@ -0,0 +1,21 @@
+{
+  "slug": "portable-runtime-lab",
+  "summary": "Four everyday mini apps powered by portable Rust/WASM services.",
+  "summaryI18n": {
+    "zh-CN": "用清单、便签、专注计时和联系人整理，体验可移植 Service App。",
+    "en-US": "Use todos, notes, a focus timer, and contact cleanup powered by portable Service Apps."
+  },
+  "description": "Product-first demos for persistent data, shared capabilities, resident background work, component composition, and Agent access.",
+  "descriptionI18n": {
+    "zh-CN": "四个普通人能直接使用的小应用，背后覆盖持久数据、能力复用、后台常驻、组件组合与 Agent 调用。",
+    "en-US": "Four approachable mini apps backed by persistence, capability reuse, resident work, component composition, and Agent access."
+  },
+  "author": "NextClaw",
+  "tags": ["productivity", "todo", "notes", "wasm", "experimental"],
+  "sourceRepo": "https://github.com/Peiiii/nextclaw",
+  "homepage": "https://nextclaw.io",
+  "featured": false,
+  "visuals": {
+    "accentColor": "#7C5CFC"
+  }
+}

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-contacts.panel/assets/app.js

@@ -0,0 +1,92 @@
+const actionIds = {
+  compose: "nextclaw-portable-runtime-lab-composition.compose_contact",
+  providerStatus: "nextclaw-portable-runtime-lab-provider.provider_status",
+};
+
+const elements = {
+  form: document.querySelector("[data-contact-form]"),
+  name: document.querySelector("[data-name]"),
+  email: document.querySelector("[data-email]"),
+  tags: document.querySelector("[data-tags]"),
+  card: document.querySelector("[data-contact-card]"),
+  placeholder: document.querySelector("[data-placeholder]"),
+  avatar: document.querySelector("[data-avatar]"),
+  displayName: document.querySelector("[data-display-name]"),
+  displayEmail: document.querySelector("[data-display-email]"),
+  displayTags: document.querySelector("[data-display-tags]"),
+  copy: document.querySelector("[data-copy]"),
+  notice: document.querySelector("[data-notice]"),
+  count: document.querySelector("[data-proof-count]"),
+};
+
+let latestContact = null;
+
+function serviceActions() {
+  const bridge = window.nextclaw?.serviceActions;
+  if (!bridge) throw new Error("应用还没有连接到 NextClaw，请刷新后重试。");
+  return bridge;
+}
+
+async function invoke(actionId, input = {}) {
+  return await serviceActions().invoke(actionId, input);
+}
+
+function initials(name) {
+  const parts = name.split(/\s+/).filter(Boolean);
+  return parts.slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") || "?";
+}
+
+function render(result) {
+  const provider = result.provider ?? {};
+  latestContact = {
+    name: provider.normalizedName ?? "",
+    email: provider.normalizedEmail ?? "",
+    tags: Array.isArray(provider.normalizedTags) ? provider.normalizedTags : [],
+  };
+  elements.placeholder.hidden = true;
+  elements.card.hidden = false;
+  elements.avatar.textContent = initials(latestContact.name);
+  elements.displayName.textContent = latestContact.name;
+  elements.displayEmail.textContent = latestContact.email;
+  elements.displayEmail.href = `mailto:${latestContact.email}`;
+  elements.displayTags.replaceChildren();
+  for (const tag of latestContact.tags) {
+    const chip = document.createElement("span");
+    chip.textContent = tag;
+    elements.displayTags.append(chip);
+  }
+  elements.count.textContent = `${provider.providerCallCount ?? "—"} 次`;
+}
+
+elements.form.addEventListener("submit", (event) => {
+  event.preventDefault();
+  elements.notice.textContent = "正在整理…";
+  elements.notice.dataset.tone = "";
+  void invoke(actionIds.compose, {
+    name: elements.name.value,
+    email: elements.email.value,
+    tags: elements.tags.value.split(",").map((tag) => tag.trim()).filter(Boolean),
+  }).then((result) => {
+    render(result);
+    elements.notice.textContent = "姓名空格、邮箱大小写和重复标签都已整理";
+    elements.notice.dataset.tone = "success";
+  }).catch((error) => {
+    elements.notice.textContent = error instanceof Error ? error.message : String(error);
+    elements.notice.dataset.tone = "error";
+  });
+});
+
+elements.copy.addEventListener("click", () => {
+  if (!latestContact) return;
+  const text = `${latestContact.name} <${latestContact.email}>${latestContact.tags.length ? ` · ${latestContact.tags.join(", ")}` : ""}`;
+  void navigator.clipboard.writeText(text).then(() => {
+    elements.notice.textContent = "联系人已复制";
+    elements.notice.dataset.tone = "success";
+  }).catch(() => {
+    elements.notice.textContent = text;
+  });
+});
+
+void invoke(actionIds.providerStatus).then((status) => {
+  elements.count.textContent = `${status.providerCallCount ?? 0} 次`;
+}).catch(() => undefined);

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-contacts.panel/assets/style.css

@@ -0,0 +1,43 @@
+:root { color-scheme: light; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; color: #282b45; background: #eef1fb; }
+* { box-sizing: border-box; }
+body { margin: 0; min-width: 320px; background: radial-gradient(circle at 85% 10%, #e8dcff 0, transparent 35%), linear-gradient(135deg, #f9faff, #eef2fb); }
+button, input { font: inherit; }
+button { cursor: pointer; }
+.app-shell { width: min(940px, calc(100% - 32px)); margin: 0 auto; padding: 38px 0 52px; }
+.hero { margin-bottom: 26px; }
+.eyebrow { margin: 0 0 8px; color: #725cc7; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
+h1 { margin: 0; font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(36px, 7vw, 58px); letter-spacing: -.04em; }
+.hero > p:last-child { margin: 8px 0 0; color: #74758a; }
+.workspace { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr); gap: 18px; min-height: 370px; }
+.contact-form { display: grid; align-content: start; gap: 16px; padding: 22px; border: 1px solid #dee2f1; border-radius: 22px; background: rgba(255,255,255,.82); box-shadow: 0 20px 60px rgba(58,62,102,.09); }
+.contact-form label { display: grid; gap: 7px; color: #65677c; font-size: 13px; font-weight: 650; }
+.contact-form input { width: 100%; border: 1px solid #d9ddec; border-radius: 11px; outline: 0; padding: 11px 12px; color: #2f314b; background: #fafbff; font-weight: 450; }
+.contact-form input:focus { border-color: #8976d2; box-shadow: 0 0 0 3px rgba(137,118,210,.12); }
+.contact-form button { margin-top: 4px; border: 0; border-radius: 12px; padding: 12px 18px; color: #fff; background: #6650b8; font-weight: 750; }
+.contact-card, .placeholder { border: 1px solid #dcdff0; border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(245,244,255,.9)); box-shadow: 0 24px 70px rgba(59,58,105,.12); }
+.contact-card { position: relative; display: flex; align-items: center; gap: 18px; padding: 32px; overflow: hidden; }
+.contact-card::after { position: absolute; right: -55px; bottom: -75px; width: 190px; height: 190px; border-radius: 50%; background: rgba(150,125,224,.12); content: ""; }
+.contact-card[hidden] { display: none; }
+.avatar { display: grid; flex: 0 0 auto; width: 78px; height: 78px; place-items: center; border-radius: 24px; color: #fff; background: linear-gradient(145deg, #8973d4, #5d4aaf); box-shadow: 0 10px 25px rgba(88,66,173,.25); font-size: 25px; font-weight: 800; }
+.card-copy { min-width: 0; flex: 1; z-index: 1; }
+.card-copy > p { margin: 0 0 5px; color: #77738f; font-size: 12px; }
+.card-copy h2 { margin: 0; overflow-wrap: anywhere; font-size: 24px; }
+.card-copy a { display: inline-block; margin-top: 5px; color: #6653ad; overflow-wrap: anywhere; text-decoration: none; }
+.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
+.tags span { padding: 6px 9px; border-radius: 999px; color: #5c4e91; background: #e8e2fb; font-size: 12px; }
+.copy-button { z-index: 1; align-self: flex-start; border: 1px solid #d6d1e8; border-radius: 10px; padding: 8px 11px; color: #615a78; background: rgba(255,255,255,.8); font-size: 12px; }
+.placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; color: #8a8b9e; text-align: center; }
+.placeholder[hidden] { display: none; }
+.placeholder span { color: #8369dc; font-size: 34px; }
+.placeholder p { max-width: 280px; margin: 0; line-height: 1.6; }
+.notice { min-height: 22px; margin: 14px 2px; color: #74758a; font-size: 14px; }
+.notice[data-tone="success"] { color: #42775b; }
+.notice[data-tone="error"] { color: #ad5047; }
+.behind-scenes { margin-top: 26px; padding: 16px 18px; border: 1px solid #dfe2ef; border-radius: 16px; color: #737488; background: rgba(255,255,255,.55); font-size: 13px; }
+.behind-scenes summary { color: #505268; cursor: pointer; font-weight: 700; }
+.behind-scenes p { line-height: 1.65; }
+.behind-scenes dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 12px 0 0; }
+.behind-scenes dl div { padding: 10px; border-radius: 10px; background: #fff; }
+.behind-scenes dt { color: #9697a9; font-size: 11px; }
+.behind-scenes dd { margin: 3px 0 0; color: #505268; overflow-wrap: anywhere; }
+@media (max-width: 680px) { .app-shell { width: calc(100% - 22px); padding-top: 24px; } .workspace { grid-template-columns: 1fr; } .contact-card { min-height: 260px; flex-wrap: wrap; } .copy-button { margin-left: auto; } .behind-scenes dl { grid-template-columns: 1fr; } }

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-contacts.panel/index.html

@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>联系人整理</title>
+    <link rel="stylesheet" href="assets/style.css" />
+  </head>
+  <body>
+    <main class="app-shell">
+      <header class="hero">
+        <p class="eyebrow">CONTACT CLEANUP</p>
+        <h1>联系人整理</h1>
+        <p>复制来的信息乱七八糟？交给它变成一张干净的联系人卡片。</p>
+      </header>
+
+      <section class="workspace">
+        <form class="contact-form" data-contact-form>
+          <label>姓名<input data-name value="  Ada   Lovelace  " autocomplete="name" /></label>
+          <label>邮箱<input data-email value=" ADA@EXAMPLE.COM " autocomplete="email" /></label>
+          <label>标签<input data-tags value="AI, ai, Math" placeholder="用逗号分隔" /></label>
+          <button type="submit">整理联系人</button>
+        </form>
+
+        <article class="contact-card" data-contact-card hidden>
+          <div class="avatar" data-avatar>AL</div>
+          <div class="card-copy"><p>整理完成</p><h2 data-display-name>—</h2><a data-display-email>—</a><div class="tags" data-display-tags></div></div>
+          <button type="button" class="copy-button" data-copy>复制</button>
+        </article>
+        <div class="placeholder" data-placeholder><span>✦</span><p>填写左边的信息，整理后的联系人会出现在这里。</p></div>
+      </section>
+
+      <p class="notice" data-notice></p>
+
+      <details class="behind-scenes">
+        <summary>这和普通表单有什么不同？</summary>
+        <p>这个 Panel 只负责收集和展示。真正的规范化逻辑由独立 Provider Component 提供，Consumer 通过宿主受控调用进行组合。以后替换联系人规则，页面不用复制一份实现。</p>
+        <dl><div><dt>组合方式</dt><dd>Host mediated component call</dd></div><div><dt>Provider 已处理</dt><dd data-proof-count>等待执行</dd></div></dl>
+      </details>
+    </main>
+    <script src="assets/app.js"></script>
+  </body>
+</html>

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-contacts.panel/panel-app.json

@@ -0,0 +1,10 @@
+{
+  "id": "nextclaw-portable-runtime-lab-contacts",
+  "title": "联系人整理",
+  "description": "把乱格式的姓名、邮箱和标签整理成干净联系人卡片。",
+  "entry": "index.html",
+  "actions": [
+    "nextclaw-portable-runtime-lab-composition.compose_contact",
+    "nextclaw-portable-runtime-lab-provider.provider_status"
+  ]
+}

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-focus.panel/assets/app.js

@@ -0,0 +1,132 @@
+const actionIds = {
+  status: "nextclaw-portable-runtime-lab-resident.resident_status",
+  reset: "nextclaw-portable-runtime-lab-resident.resident_reset",
+  milestone: "nextclaw-portable-runtime-lab-resident.resident_emit_event",
+  recordsList: "nextclaw-portable-runtime-lab-state.records_list",
+  recordUpsert: "nextclaw-portable-runtime-lab-state.record_upsert",
+};
+
+const elements = {
+  clock: document.querySelector("[data-clock]"),
+  caption: document.querySelector("[data-clock-caption]"),
+  milestones: document.querySelector("[data-milestones]"),
+  notice: document.querySelector("[data-notice]"),
+  epoch: document.querySelector("[data-proof-epoch]"),
+  events: document.querySelector("[data-proof-events]"),
+};
+
+function serviceActions() {
+  const bridge = window.nextclaw?.serviceActions;
+  if (!bridge) throw new Error("应用还没有连接到 NextClaw，请刷新后重试。");
+  return bridge;
+}
+
+async function invoke(actionId, input = {}) {
+  return await serviceActions().invoke(actionId, input);
+}
+
+function formatDuration(totalSeconds) {
+  const safe = Math.max(0, Number(totalSeconds) || 0);
+  const hours = Math.floor(safe / 3600);
+  const minutes = Math.floor((safe % 3600) / 60);
+  const seconds = safe % 60;
+  return hours > 0
+    ? `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`
+    : `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+}
+
+function milestoneTime(record) {
+  const timestamp = Number(String(record.id).replace("focus-", ""));
+  return Number.isFinite(timestamp) ? new Date(timestamp) : null;
+}
+
+function renderMilestones(records) {
+  const items = (Array.isArray(records) ? records : [])
+    .filter((record) => Array.isArray(record.tags) && record.tags.includes("focus-milestone"))
+    .sort((left, right) => (milestoneTime(right)?.getTime() ?? 0) - (milestoneTime(left)?.getTime() ?? 0));
+  elements.milestones.replaceChildren();
+  if (items.length === 0) {
+    const empty = document.createElement("li");
+    empty.className = "empty";
+    empty.textContent = "还没有完成点";
+    elements.milestones.append(empty);
+    return;
+  }
+  for (const item of items) {
+    const row = document.createElement("li");
+    const dot = document.createElement("i");
+    const copy = document.createElement("div");
+    const title = document.createElement("strong");
+    title.textContent = item.title || "完成了一个阶段";
+    const time = document.createElement("span");
+    const occurredAt = milestoneTime(item);
+    time.textContent = occurredAt
+      ? occurredAt.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit", second: "2-digit" })
+      : `数据版本 ${item.version}`;
+    copy.append(title, time);
+    row.append(dot, copy);
+    elements.milestones.append(row);
+  }
+}
+
+async function refresh() {
+  const [state, records] = await Promise.all([
+    invoke(actionIds.status),
+    invoke(actionIds.recordsList),
+  ]);
+  elements.clock.textContent = formatDuration(state.eventCount);
+  elements.caption.textContent = state.eventCount > 0 ? "本轮专注仍在后台继续" : "准备好后，开始一轮新的专注";
+  elements.epoch.textContent = `第 ${state.instanceEpoch} 次运行实例`;
+  elements.events.textContent = `${state.eventCount} 个持久事件`;
+  renderMilestones(records.records);
+  if (elements.notice.dataset.tone === "error") {
+    elements.notice.textContent = "";
+    elements.notice.dataset.tone = "";
+  }
+  return state;
+}
+
+async function run(operation, successMessage) {
+  elements.notice.textContent = "正在更新…";
+  elements.notice.dataset.tone = "";
+  try {
+    await operation();
+    await refresh();
+    elements.notice.textContent = successMessage;
+    elements.notice.dataset.tone = "success";
+  } catch (error) {
+    elements.notice.textContent = error instanceof Error ? error.message : String(error);
+    elements.notice.dataset.tone = "error";
+  }
+}
+
+document.querySelector("[data-start]").addEventListener("click", () => {
+  void run(() => invoke(actionIds.reset), "新一轮专注已经开始，关闭页面也会继续");
+});
+document.querySelector("[data-milestone]").addEventListener("click", () => {
+  const now = new Date();
+  const eventId = `focus-${now.getTime()}`;
+  void run(async () => {
+    await invoke(actionIds.milestone, {
+      eventId,
+      kind: "focus-milestone",
+      triggeredAt: now.toISOString(),
+    });
+    await invoke(actionIds.recordUpsert, {
+      id: eventId,
+      title: "完成了一个阶段",
+      status: "completed",
+      tags: ["focus-milestone", "focus"],
+    });
+  }, "已经记下这个完成点，并保存到专注历史");
+});
+document.querySelector("[data-refresh]").addEventListener("click", () => void refresh());
+
+void refresh().catch((error) => {
+  elements.notice.textContent = error instanceof Error ? error.message : String(error);
+  elements.notice.dataset.tone = "error";
+});
+const poll = window.setInterval(() => {
+  if (document.visibilityState === "visible") void refresh();
+}, 1000);
+window.addEventListener("pagehide", () => window.clearInterval(poll), { once: true });

package/resources/apps/nextclaw-portable-runtime-lab/panels/nextclaw-portable-runtime-lab-focus.panel/assets/style.css

@@ -0,0 +1,39 @@
+:root { color-scheme: dark; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; color: #f3f0ff; background: #141124; }
+* { box-sizing: border-box; }
+body { margin: 0; min-width: 320px; background: radial-gradient(circle at 50% 0, #302552 0, #171329 43%, #100e1c 100%); }
+button { font: inherit; cursor: pointer; }
+.app-shell { width: min(800px, calc(100% - 32px)); margin: 0 auto; padding: 38px 0 52px; }
+.hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
+.eyebrow { margin: 0 0 8px; color: #a993f4; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
+h1 { margin: 0; font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(36px, 7vw, 58px); letter-spacing: -.04em; }
+.hero p:last-child { margin: 8px 0 0; color: #aaa3c1; }
+.live { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; margin-top: 8px; padding: 8px 11px; border: 1px solid rgba(171,155,233,.24); border-radius: 999px; color: #c8bdf2; background: rgba(51,41,83,.7); font-size: 12px; }
+.live i { width: 7px; height: 7px; border-radius: 50%; background: #8ae0ae; box-shadow: 0 0 10px #8ae0ae; }
+.clock-card { margin-top: 30px; padding: clamp(34px, 8vw, 68px) 24px; border: 1px solid rgba(187,169,255,.2); border-radius: 30px; background: linear-gradient(145deg, rgba(62,48,99,.78), rgba(30,25,50,.88)); text-align: center; box-shadow: 0 28px 90px rgba(2,0,12,.35), inset 0 1px rgba(255,255,255,.08); }
+.clock { font-variant-numeric: tabular-nums; font-size: clamp(64px, 15vw, 116px); font-weight: 200; letter-spacing: -.06em; line-height: 1; text-shadow: 0 0 40px rgba(176,153,255,.18); }
+.clock-card > p { margin: 14px 0 0; color: #aca4c5; }
+.actions { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
+.actions button { border: 0; border-radius: 13px; padding: 12px 20px; color: #201a34; background: #bba9ff; font-weight: 750; }
+.actions .secondary { border: 1px solid rgba(194,177,255,.26); color: #d5cbf6; background: rgba(255,255,255,.05); }
+.timeline { margin-top: 28px; padding: 22px; border: 1px solid rgba(188,174,237,.14); border-radius: 20px; background: rgba(24,20,40,.58); }
+.section-title { display: flex; justify-content: space-between; gap: 16px; }
+.section-title h2 { margin: 0; font-size: 18px; }
+.section-title p { margin: 6px 0 0; color: #928ba8; font-size: 13px; }
+.text-button { border: 0; color: #bba9ff; background: transparent; }
+.timeline ol { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
+.timeline li:not(.empty) { display: flex; align-items: center; gap: 13px; padding: 11px 13px; border-radius: 12px; background: rgba(255,255,255,.045); }
+.timeline li i { width: 10px; height: 10px; border: 2px solid #9e87ef; border-radius: 50%; }
+.timeline li div { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 10px; }
+.timeline li span { color: #938ca8; font-size: 12px; }
+.empty { padding: 24px; color: #7f788f; text-align: center; }
+.notice { min-height: 22px; margin: 14px 2px; color: #a19ab5; font-size: 14px; }
+.notice[data-tone="success"] { color: #8ae0ae; }
+.notice[data-tone="error"] { color: #ff978e; }
+.behind-scenes { margin-top: 25px; padding: 16px 18px; border: 1px solid rgba(187,172,238,.16); border-radius: 16px; color: #9d96af; background: rgba(255,255,255,.025); font-size: 13px; }
+.behind-scenes summary { color: #c9c0e6; cursor: pointer; font-weight: 700; }
+.behind-scenes p { line-height: 1.65; }
+.behind-scenes dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 12px 0 0; }
+.behind-scenes dl div { padding: 10px; border-radius: 10px; background: rgba(255,255,255,.04); }
+.behind-scenes dt { color: #817a93; font-size: 11px; }
+.behind-scenes dd { margin: 3px 0 0; color: #d2cae7; }
+@media (max-width: 560px) { .app-shell { width: calc(100% - 22px); padding-top: 24px; } .hero { flex-direction: column; } .actions { flex-direction: column; } .section-title { align-items: flex-start; } .behind-scenes dl { grid-template-columns: 1fr; } }