Elacity · SashaMIT · Jun 17, 2026 · Jun 17, 2026 · Jun 17, 2026 · Jun 17, 2026
diff --git a/capsules/capsule-inspector/Cargo.lock b/capsules/capsule-inspector/Cargo.lock
diff --git a/capsules/capsule-inspector/Cargo.toml b/capsules/capsule-inspector/Cargo.toml
@@ -0,0 +1,19 @@
+[package]
+name = "capsule-inspector"
+version = "0.1.0"
+edition = "2021"
+description = "ElastOS Capsule Inspector capsule"
+license = "MIT"
+
+[[bin]]
+name = "capsule-inspector"
+path = "wasm/main.rs"
+
+[dependencies]
+elastos-guest = { path = "../../elastos/crates/elastos-guest" }
+
+[profile.release]
+opt-level = "s"
+lto = true
+
+[workspace]
diff --git a/capsules/capsule-inspector/capsule.json b/capsules/capsule-inspector/capsule.json
@@ -0,0 +1,17 @@
+{
+  "schema": "elastos.capsule/v1",
+  "name": "capsule-inspector",
+  "version": "0.1.0",
+  "description": "Object-centered, read-only inspector for live capsules: identity, affordances, capabilities, provenance, and audit in one view",
+  "author": "elastos",
+  "role": "app",
+  "type": "wasm",
+  "entrypoint": "capsule-inspector.wasm",
+  "capabilities": [
+    "elastos://inspect/*"
+  ],
+  "resources": {
+    "memory_mb": 32,
+    "gpu": false
+  }
+}
diff --git a/capsules/capsule-inspector/inspector/index.html b/capsules/capsule-inspector/inspector/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Capsule Inspector</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <header class="topbar">
+      <div class="brand">
+        <span class="dot"></span>
+        <h1>Capsule Inspector</h1>
+      </div>
+      <div class="meta">
+        <span id="scope-badge" class="badge">scope: —</span>
+        <span id="source-badge" class="badge badge-sample">sample data</span>
+        <span class="hint">read-only · permissioned mirror · audited</span>
+      </div>
+    </header>
+
+    <main class="layout">
+      <!-- Left: live object world (the capsule list) -->
+      <nav class="sidebar" aria-label="Capsules">
+        <div class="sidebar-head">Live capsules</div>
+        <ul id="capsule-list" class="capsule-list"></ul>
+      </nav>
+
+      <!-- Right: the nine-field "glass box" detail -->
+      <section id="detail" class="detail" aria-live="polite"></section>
+    </main>
+
+    <script src="inspector.js"></script>
+  </body>
+</html>