nextclaw 0.44.1 → 0.45.0

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

@@ -0,0 +1,143 @@
+const actionIds = {
+  list: "nextclaw-portable-runtime-lab-state.records_list",
+  upsert: "nextclaw-portable-runtime-lab-state.record_upsert",
+  remove: "nextclaw-portable-runtime-lab-state.record_delete",
+};
+
+const elements = {
+  form: document.querySelector("[data-todo-form]"),
+  input: document.querySelector("[data-todo-input]"),
+  list: document.querySelector("[data-todo-list]"),
+  openCount: document.querySelector("[data-open-count]"),
+  doneCount: document.querySelector("[data-done-count]"),
+  notice: document.querySelector("[data-notice]"),
+  revision: document.querySelector("[data-proof-revision]"),
+};
+
+let todos = [];
+
+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 setNotice(message, tone = "") {
+  elements.notice.textContent = message;
+  elements.notice.dataset.tone = tone;
+}
+
+function setBusy(busy) {
+  for (const control of document.querySelectorAll("button, input")) control.disabled = busy;
+}
+
+function createTodoRow(todo) {
+  const row = document.createElement("article");
+  row.className = `todo-item${todo.status === "done" ? " is-done" : ""}`;
+
+  const toggle = document.createElement("button");
+  toggle.type = "button";
+  toggle.className = "check-button";
+  toggle.dataset.todoToggle = todo.id;
+  toggle.setAttribute("aria-label", todo.status === "done" ? "恢复任务" : "完成任务");
+  toggle.textContent = todo.status === "done" ? "✓" : "";
+
+  const title = document.createElement("p");
+  title.textContent = todo.title;
+
+  const remove = document.createElement("button");
+  remove.type = "button";
+  remove.className = "remove-button";
+  remove.dataset.todoRemove = todo.id;
+  remove.setAttribute("aria-label", `删除 ${todo.title}`);
+  remove.textContent = "删除";
+
+  row.append(toggle, title, remove);
+  return row;
+}
+
+function render() {
+  const ordered = [...todos].sort((left, right) =>
+    Number(left.status === "done") - Number(right.status === "done") ||
+    right.version - left.version
+  );
+  elements.list.replaceChildren();
+  if (ordered.length === 0) {
+    const empty = document.createElement("div");
+    empty.className = "empty";
+    empty.innerHTML = "<strong>今天还没有任务</strong><span>从上面添加第一件要做的事吧。</span>";
+    elements.list.append(empty);
+  } else {
+    for (const todo of ordered) elements.list.append(createTodoRow(todo));
+  }
+  elements.openCount.textContent = String(todos.filter((todo) => todo.status !== "done").length);
+  elements.doneCount.textContent = String(todos.filter((todo) => todo.status === "done").length);
+}
+
+async function refresh() {
+  const data = await invoke(actionIds.list);
+  todos = (Array.isArray(data.records) ? data.records : [])
+    .filter((record) => Array.isArray(record.tags) && record.tags.includes("todo"));
+  elements.revision.textContent = `revision ${data.revision} · ${data.contentHash}`;
+  render();
+}
+
+async function run(operation, successMessage) {
+  setBusy(true);
+  setNotice("正在保存…");
+  try {
+    await operation();
+    await refresh();
+    setNotice(successMessage, "success");
+  } catch (error) {
+    setNotice(error instanceof Error ? error.message : String(error), "error");
+  } finally {
+    setBusy(false);
+    elements.input.focus();
+  }
+}
+
+elements.form.addEventListener("submit", (event) => {
+  event.preventDefault();
+  const title = elements.input.value.trim();
+  if (!title) return;
+  void run(async () => {
+    await invoke(actionIds.upsert, {
+      id: `todo-${Date.now().toString(36)}`,
+      title,
+      status: "open",
+      tags: ["todo", "daily"],
+    });
+    elements.input.value = "";
+  }, "已加入今天的清单");
+});
+
+elements.list.addEventListener("click", (event) => {
+  const target = event.target instanceof Element ? event.target : null;
+  const toggleId = target?.closest("[data-todo-toggle]")?.dataset.todoToggle;
+  const removeId = target?.closest("[data-todo-remove]")?.dataset.todoRemove;
+  if (toggleId) {
+    const todo = todos.find((entry) => entry.id === toggleId);
+    if (!todo) return;
+    void run(() => invoke(actionIds.upsert, {
+      id: todo.id,
+      title: todo.title,
+      status: todo.status === "done" ? "open" : "done",
+      tags: todo.tags,
+    }), todo.status === "done" ? "任务已恢复" : "做得好，完成一件");
+  }
+  if (removeId) void run(() => invoke(actionIds.remove, { id: removeId }), "任务已删除");
+});
+
+document.querySelector("[data-refresh]").addEventListener("click", () => {
+  void run(async () => undefined, "清单已刷新");
+});
+
+const now = new Date();
+document.querySelector("[data-date-day]").textContent = String(now.getDate()).padStart(2, "0");
+document.querySelector("[data-date-label]").textContent = now.toLocaleDateString("zh-CN", { month: "long", weekday: "short" });
+void refresh().catch((error) => setNotice(error instanceof Error ? error.message : String(error), "error"));

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

@@ -0,0 +1,48 @@
+:root {
+  color-scheme: light;
+  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
+  color: #24352d;
+  background: #edf3ed;
+}
+
+* { box-sizing: border-box; }
+body { margin: 0; min-width: 320px; background: radial-gradient(circle at top left, #fff 0, #f6f8f3 36%, #e7efe8 100%); }
+button, input { font: inherit; }
+button { cursor: pointer; }
+button:disabled, input:disabled { cursor: wait; opacity: .6; }
+.app-shell { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 36px 0 48px; }
+.hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
+.eyebrow { margin: 0 0 8px; color: #538164; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
+h1 { margin: 0; font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(36px, 7vw, 56px); letter-spacing: -.04em; }
+.hero p:last-child { margin: 8px 0 0; color: #6b7a70; }
+.date-card { flex: 0 0 auto; width: 90px; padding: 16px 10px; border: 1px solid #d4dfd6; border-radius: 22px; background: rgba(255,255,255,.75); text-align: center; box-shadow: 0 12px 28px rgba(56,83,66,.08); }
+.date-card strong { display: block; font-size: 32px; line-height: 1; }
+.date-card span { display: block; margin-top: 7px; color: #738078; font-size: 12px; }
+.composer { display: flex; gap: 10px; padding: 9px; border: 1px solid #dbe4dc; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgba(64,90,72,.1); }
+.composer input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 12px 14px; color: #263a2e; background: transparent; }
+.composer button, .actions button { border: 0; border-radius: 12px; padding: 12px 22px; color: #fff; background: #347052; font-weight: 700; }
+.summary { display: flex; align-items: center; gap: 18px; padding: 18px 4px 10px; color: #68776d; font-size: 14px; }
+.summary strong { color: #2d5d44; }
+.text-button { margin-left: auto; border: 0; color: #4d725b; background: transparent; }
+.todo-list { display: grid; gap: 10px; margin-top: 8px; }
+.todo-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid #dae4db; border-radius: 16px; background: rgba(255,255,255,.88); transition: transform .16s ease, opacity .16s ease; }
+.todo-item:hover { transform: translateY(-1px); }
+.todo-item p { margin: 0; line-height: 1.55; }
+.todo-item.is-done { opacity: .62; }
+.todo-item.is-done p { text-decoration: line-through; }
+.check-button { width: 24px; height: 24px; padding: 0; border: 2px solid #76a083; border-radius: 50%; color: #fff; background: transparent; font-size: 13px; }
+.is-done .check-button { background: #4d8663; }
+.remove-button { border: 0; color: #9a695f; background: transparent; font-size: 13px; opacity: .7; }
+.empty { display: flex; min-height: 180px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px dashed #cbd8cd; border-radius: 18px; color: #7d8b81; text-align: center; }
+.empty strong { color: #4e6254; font-size: 18px; }
+.notice { min-height: 22px; margin: 14px 4px; color: #6e7d72; font-size: 14px; }
+.notice[data-tone="success"] { color: #347052; }
+.notice[data-tone="error"] { color: #b14e43; }
+.behind-scenes { margin-top: 28px; padding: 16px 18px; border: 1px solid #dce4dc; border-radius: 16px; color: #66746a; background: rgba(255,255,255,.55); font-size: 13px; }
+.behind-scenes summary { color: #46594b; 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: #879188; font-size: 11px; }
+.behind-scenes dd { margin: 3px 0 0; color: #3e5143; overflow-wrap: anywhere; }
+@media (max-width: 560px) { .app-shell { width: min(100% - 22px, 760px); padding-top: 24px; } .hero { align-items: flex-end; } .date-card { width: 76px; } .composer button { padding-inline: 16px; } .summary { gap: 10px; } .behind-scenes dl { grid-template-columns: 1fr; } }

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

@@ -0,0 +1,45 @@
+<!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">
+        <div>
+          <p class="eyebrow">TODAY</p>
+          <h1>今日清单</h1>
+          <p>把脑子里的事情放下来，一件一件完成。</p>
+        </div>
+        <div class="date-card"><strong data-date-day>—</strong><span data-date-label>—</span></div>
+      </header>
+
+      <form class="composer" data-todo-form>
+        <input data-todo-input maxlength="160" placeholder="今天还要做什么？" autocomplete="off" />
+        <button type="submit">添加</button>
+      </form>
+
+      <section class="summary" aria-label="任务概况">
+        <span><strong data-open-count>0</strong> 件待完成</span>
+        <span><strong data-done-count>0</strong> 件已完成</span>
+        <button type="button" class="text-button" data-refresh>刷新</button>
+      </section>
+
+      <section class="todo-list" data-todo-list aria-live="polite">
+        <div class="empty">正在读取你的清单…</div>
+      </section>
+
+      <p class="notice" data-notice></p>
+
+      <details class="behind-scenes">
+        <summary>这个小应用背后发生了什么？</summary>
+        <p>每次添加、完成和删除都会调用同一组 Rust/WASM Service Action，并写入 NextClaw 管理的持久数据。关掉再打开，清单仍然存在；授权后的 Agent 也可以操作同一份数据。</p>
+        <dl><div><dt>数据</dt><dd data-proof-revision>等待读取</dd></div><div><dt>存储</dt><dd>NextClaw Host KV</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-todos.panel/panel-app.json

@@ -0,0 +1,12 @@
+{
+  "id": "nextclaw-portable-runtime-lab-todos",
+  "title": "今日清单",
+  "description": "记下今天要做的事，完成后轻轻划掉。",
+  "entry": "index.html",
+  "actions": [
+    "nextclaw-portable-runtime-lab-state.records_list",
+    "nextclaw-portable-runtime-lab-state.record_upsert",
+    "nextclaw-portable-runtime-lab-state.record_delete",
+    "nextclaw-portable-runtime-lab-state.data_snapshot"
+  ]
+}

package/resources/apps/nextclaw-portable-runtime-lab/service-components/nextclaw-portable-runtime-lab-capabilities/service-app.json

@@ -0,0 +1,20 @@
+{
+  "id": "nextclaw-portable-runtime-lab-capabilities",
+  "title": "Portable Capability Component",
+  "description": "Rust/WASM 网络、拒绝、错误与超时演示模块。",
+  "protocol": "wasi-component",
+  "component": {
+    "entry": "service.wasm"
+  },
+  "actions": {
+    "network_allowed": { "risk": "external", "title": "访问允许的网络" },
+    "network_denied": { "risk": "read", "title": "验证网络拒绝" },
+    "structured_failure": { "risk": "dangerous", "title": "触发结构化失败" },
+    "simulate_timeout": {
+      "risk": "dangerous",
+      "title": "触发执行超时",
+      "timeoutMs": 1200
+    },
+    "runtime_info": { "risk": "read", "title": "查看共享宿主" }
+  }
+}

package/resources/apps/nextclaw-portable-runtime-lab/service-components/nextclaw-portable-runtime-lab-composition/service-app.json

@@ -0,0 +1,30 @@
+{
+  "id": "nextclaw-portable-runtime-lab-composition",
+  "title": "Portable Composition Consumer",
+  "description": "通过宿主受控 component-call 调用 manifest 声明的 Provider。",
+  "protocol": "wasi-component",
+  "component": {
+    "entry": "service.wasm"
+  },
+  "providers": [
+    "nextclaw-portable-runtime-lab-provider"
+  ],
+  "actions": {
+    "compose_contact": {
+      "risk": "write",
+      "title": "组合联系人工作流",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "name": { "type": "string", "minLength": 1 },
+          "email": { "type": "string", "minLength": 3 },
+          "tags": { "type": "array", "items": { "type": "string" } }
+        },
+        "required": ["name", "email"],
+        "additionalProperties": false
+      }
+    },
+    "provider_denied": { "risk": "read", "title": "验证 Provider 拒绝" },
+    "runtime_info": { "risk": "read", "title": "查看 Consumer 宿主" }
+  }
+}

package/resources/apps/nextclaw-portable-runtime-lab/service-components/nextclaw-portable-runtime-lab-provider/service-app.json

@@ -0,0 +1,30 @@
+{
+  "id": "nextclaw-portable-runtime-lab-provider",
+  "title": "Portable Contact Provider",
+  "description": "以独立 Rust/WASM 实例提供可复用联系人规范化合同。",
+  "protocol": "wasi-component",
+  "component": {
+    "entry": "service.wasm"
+  },
+  "lifecycle": {
+    "mode": "provider"
+  },
+  "actions": {
+    "contact_normalize": {
+      "risk": "write",
+      "title": "规范化联系人",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "name": { "type": "string", "minLength": 1 },
+          "email": { "type": "string", "minLength": 3 },
+          "tags": { "type": "array", "items": { "type": "string" } }
+        },
+        "required": ["name", "email"],
+        "additionalProperties": false
+      }
+    },
+    "provider_status": { "risk": "read", "title": "读取 Provider 状态" },
+    "runtime_info": { "risk": "read", "title": "查看 Provider 宿主" }
+  }
+}

package/resources/apps/nextclaw-portable-runtime-lab/service-components/nextclaw-portable-runtime-lab-resident/service-app.json

@@ -0,0 +1,31 @@
+{
+  "id": "nextclaw-portable-runtime-lab-resident",
+  "title": "Portable Resident Component",
+  "description": "宿主持有同一个 Rust/WASM 实例，并在 Panel 关闭后继续投递定时事件。",
+  "protocol": "wasi-component",
+  "component": {
+    "entry": "service.wasm"
+  },
+  "lifecycle": {
+    "mode": "resident",
+    "eventIntervalMs": 1000
+  },
+  "actions": {
+    "resident_status": { "risk": "read", "title": "读取 Resident 状态" },
+    "resident_emit_event": {
+      "risk": "write",
+      "title": "向 Resident 投递事件",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "eventId": { "type": "string" },
+          "kind": { "type": "string" },
+          "triggeredAt": { "type": "string" }
+        },
+        "additionalProperties": false
+      }
+    },
+    "resident_reset": { "risk": "write", "title": "重置 Resident 证据" },
+    "runtime_info": { "risk": "read", "title": "查看 Resident 宿主" }
+  }
+}

package/resources/apps/nextclaw-portable-runtime-lab/service-components/nextclaw-portable-runtime-lab-state/service-app.json

@@ -0,0 +1,49 @@
+{
+  "id": "nextclaw-portable-runtime-lab-state",
+  "title": "Portable State Component",
+  "description": "Rust/WASM 状态与共享宿主演示模块。",
+  "protocol": "wasi-component",
+  "component": {
+    "entry": "service.wasm"
+  },
+  "actions": {
+    "counter_read": { "risk": "read", "title": "读取持久计数" },
+    "counter_increment": {
+      "risk": "write",
+      "title": "增加持久计数",
+      "inputSchema": {
+        "type": "object",
+        "properties": { "step": { "type": "integer" } }
+      }
+    },
+    "records_seed": { "risk": "write", "title": "生成验证数据" },
+    "records_list": { "risk": "read", "title": "列出验证数据" },
+    "record_upsert": {
+      "risk": "write",
+      "title": "创建或修改记录",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "id": { "type": "string", "minLength": 1, "maxLength": 48 },
+          "title": { "type": "string", "minLength": 1 },
+          "status": { "type": "string" },
+          "tags": { "type": "array", "items": { "type": "string" } }
+        },
+        "required": ["id", "title"],
+        "additionalProperties": false
+      }
+    },
+    "record_delete": {
+      "risk": "write",
+      "title": "删除记录",
+      "inputSchema": {
+        "type": "object",
+        "properties": { "id": { "type": "string", "minLength": 1, "maxLength": 48 } },
+        "required": ["id"],
+        "additionalProperties": false
+      }
+    },
+    "data_snapshot": { "risk": "read", "title": "读取数据快照" },
+    "runtime_info": { "risk": "read", "title": "查看共享宿主" }
+  }
+}