sello 0.1.4 → 0.1.6

package/dist/cli/sello.js

@@ -44,6 +44,25 @@ import { createSelloService } from "../sdk/service.js";
                  
                       
                        
+  
+
+                         
+             
+                           
+                              
+                       
+                         
+                   
+                   
+                            
+                                
+      
+             
+                 
+                    
+                    
+                            
+      
   
 
 const textEncoder = new TextEncoder();
@@ -285,16 +304,17 @@ async function handleDevRequest(input
   const url = new URL(request.url ?? "/", `http://${request.headers.host ?? "localhost"}`);
 
   if (request.method === "GET" && (url.pathname === "/" || url.pathname === "/actions")) {
-    const result = verifyReceipts({
-      authorizationTokenBytes: textEncoder.encode(state.agentToken),
-      trustedLogs: [log],
-      registry,
-      ownerPrivateKey: normalizeHpkePrivateKey(state.ownerKey),
-    });
+    const result = verifyDevActions({ log, state, registry });
     sendHtml(response, renderActionsHtml(result));
     return;
   }
 
+  if (request.method === "GET" && url.pathname === "/api/actions") {
+    const result = verifyDevActions({ log, state, registry });
+    sendJson(response, 200, actionsViewModel(result));
+    return;
+  }
+
   if (request.method === "POST" && url.pathname === "/api/entries") {
     const body = await readJson(request);
     if (!isRecord(body) || typeof body.envelope !== "string") {
@@ -326,6 +346,19 @@ async function handleDevRequest(input
   sendJson(response, 404, { error: "not found" });
 }
 
+function verifyDevActions(input   
+                           
+                  
+                                             
+ )                                    {
+  return verifyReceipts({
+    authorizationTokenBytes: textEncoder.encode(input.state.agentToken),
+    trustedLogs: [input.log],
+    registry: input.registry,
+    ownerPrivateKey: normalizeHpkePrivateKey(input.state.ownerKey),
+  });
+}
+
 async function loadViewerRegistry(devState                      ) {
   if (process.env.SELLO_REGISTRY_PATH) {
     return parseRegistry(readFileBytes(process.env.SELLO_REGISTRY_PATH));
@@ -461,16 +494,40 @@ function printActions(result                                   )       {
   }
 }
 
+function actionsViewModel(result                                   )                   {
+  return {
+    receipts: result.receipts.map((record) => ({
+      integratedTime: record.integratedTime,
+      serviceIdentifier: record.serviceIdentifier,
+      actionType: record.receipt["action-type"],
+      resultStatus: record.receipt["result-status"],
+      status: record.status,
+      logUrl: record.logUrl,
+      logCompleteness: record.logCompleteness,
+      sameSecondActivity: record.sameSecondActivity,
+    })),
+    rejected: result.rejected.map((record) => ({
+      code: record.code,
+      message: record.message,
+      ...(record.logUrl === undefined ? {} : { logUrl: record.logUrl }),
+      ...(record.integratedTime === undefined ? {} : { integratedTime: record.integratedTime }),
+    })),
+  };
+}
+
 function renderActionsHtml(result                                   )         {
-  const rows = result.receipts.map((record) => `
+  const view = actionsViewModel(result);
+  const actionCount = view.receipts.length;
+  const rejectedCount = view.rejected.length;
+  const rows = view.receipts.map((record) => `
     <tr>
       <td>${escapeHtml(record.integratedTime)}</td>
       <td>${escapeHtml(record.serviceIdentifier)}</td>
-      <td>${escapeHtml(record.receipt["action-type"])}</td>
-      <td>${escapeHtml(record.receipt["result-status"])}</td>
+      <td>${escapeHtml(record.actionType)}</td>
+      <td>${escapeHtml(record.resultStatus)}</td>
       <td>${escapeHtml(record.status)}</td>
     </tr>`).join("");
-  const rejected = result.rejected.map((record) => `
+  const rejected = view.rejected.map((record) => `
     <li><strong>${escapeHtml(record.code)}</strong>: ${escapeHtml(record.message)}</li>`).join("");
 
   return `<!doctype html>
@@ -478,23 +535,48 @@ function renderActionsHtml(result                                   )         {
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="refresh" content="2">
   <title>Sello Actions</title>
   <style>
     body { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 40px; color: #17201d; }
+    header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
+    h1 { margin: 0; font-size: 40px; line-height: 1.1; }
+    h2 { margin: 32px 0 8px; font-size: 20px; }
+    code { background: #eef3f0; border-radius: 4px; padding: 2px 6px; }
     table { border-collapse: collapse; width: 100%; margin-top: 16px; }
     th, td { border-bottom: 1px solid #d8dfdc; padding: 10px 8px; text-align: left; }
     th { color: #52615b; font-weight: 600; }
+    .summary { color: #52615b; font-size: 15px; margin: 0; white-space: nowrap; }
     .empty { color: #52615b; margin-top: 16px; }
+    .empty p { margin: 8px 0; }
+    @media (max-width: 720px) {
+      body { margin: 24px; }
+      header { display: block; }
+      h1 { font-size: 32px; }
+      .summary { margin-top: 8px; white-space: normal; }
+      table { display: block; overflow-x: auto; }
+    }
   </style>
 </head>
 <body>
-  <h1>Sello Actions</h1>
-  ${rows ? `<table><thead><tr><th>Integrated time</th><th>Service</th><th>Action</th><th>Result</th><th>Status</th></tr></thead><tbody>${rows}</tbody></table>` : `<p class="empty">No verified actions found yet.</p>`}
-  ${rejected ? `<h2>Rejected receipts</h2><ul>${rejected}</ul>` : ""}
+  <header>
+    <h1>Sello Actions</h1>
+    <p class="summary">${escapeHtml(actionCountLabel(actionCount))}</p>
+  </header>
+  ${rows ? `<table><thead><tr><th>Integrated time</th><th>Service</th><th>Action</th><th>Result</th><th>Status</th></tr></thead><tbody>${rows}</tbody></table>` : `<section class="empty"><p>No verified actions yet.</p><p>In another terminal, run <code>npx sello emit-demo</code>.</p></section>`}
+  ${rejected ? `<h2>Rejected receipts</h2><p class="summary">${escapeHtml(rejectedCountLabel(rejectedCount))}</p><ul>${rejected}</ul>` : ""}
 </body>
 </html>`;
 }
 
+function actionCountLabel(count        )         {
+  return count === 1 ? "1 verified action" : `${count} verified actions`;
+}
+
+function rejectedCountLabel(count        )         {
+  return count === 1 ? "1 rejected receipt" : `${count} rejected receipts`;
+}
+
 function verifyHttpProof(entry                                     )          {
   if (!isRecord(entry.proof)) {
     return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sello",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Reference implementation of the Sello protocol for service-signed AI agent receipts.",
   "type": "module",
   "license": "Apache-2.0",

package/src/cli/sello.ts

@@ -47,6 +47,25 @@ type DevState = {
   registryJson: string;
 };
 
+type ActionsViewModel = {
+  receipts: {
+    integratedTime: string;
+    serviceIdentifier: string;
+    actionType: string;
+    resultStatus: string;
+    status: string;
+    logUrl: string;
+    logCompleteness: string;
+    sameSecondActivity: boolean;
+  }[];
+  rejected: {
+    code: string;
+    message: string;
+    logUrl?: string;
+    integratedTime?: string;
+  }[];
+};
+
 const textEncoder = new TextEncoder();
 const textDecoder = new TextDecoder();
 const command = process.argv[2] ?? "help";
@@ -286,16 +305,17 @@ async function handleDevRequest(input: {
   const url = new URL(request.url ?? "/", `http://${request.headers.host ?? "localhost"}`);
 
   if (request.method === "GET" && (url.pathname === "/" || url.pathname === "/actions")) {
-    const result = verifyReceipts({
-      authorizationTokenBytes: textEncoder.encode(state.agentToken),
-      trustedLogs: [log],
-      registry,
-      ownerPrivateKey: normalizeHpkePrivateKey(state.ownerKey),
-    });
+    const result = verifyDevActions({ log, state, registry });
     sendHtml(response, renderActionsHtml(result));
     return;
   }
 
+  if (request.method === "GET" && url.pathname === "/api/actions") {
+    const result = verifyDevActions({ log, state, registry });
+    sendJson(response, 200, actionsViewModel(result));
+    return;
+  }
+
   if (request.method === "POST" && url.pathname === "/api/entries") {
     const body = await readJson(request);
     if (!isRecord(body) || typeof body.envelope !== "string") {
@@ -327,6 +347,19 @@ async function handleDevRequest(input: {
   sendJson(response, 404, { error: "not found" });
 }
 
+function verifyDevActions(input: {
+  log: MockTransparencyLog;
+  state: DevState;
+  registry: ReturnType<typeof parseRegistry>;
+}): ReturnType<typeof verifyReceipts> {
+  return verifyReceipts({
+    authorizationTokenBytes: textEncoder.encode(input.state.agentToken),
+    trustedLogs: [input.log],
+    registry: input.registry,
+    ownerPrivateKey: normalizeHpkePrivateKey(input.state.ownerKey),
+  });
+}
+
 async function loadViewerRegistry(devState: DevState | undefined) {
   if (process.env.SELLO_REGISTRY_PATH) {
     return parseRegistry(readFileBytes(process.env.SELLO_REGISTRY_PATH));
@@ -462,16 +495,40 @@ function printActions(result: ReturnType<typeof verifyReceipts>): void {
   }
 }
 
+function actionsViewModel(result: ReturnType<typeof verifyReceipts>): ActionsViewModel {
+  return {
+    receipts: result.receipts.map((record) => ({
+      integratedTime: record.integratedTime,
+      serviceIdentifier: record.serviceIdentifier,
+      actionType: record.receipt["action-type"],
+      resultStatus: record.receipt["result-status"],
+      status: record.status,
+      logUrl: record.logUrl,
+      logCompleteness: record.logCompleteness,
+      sameSecondActivity: record.sameSecondActivity,
+    })),
+    rejected: result.rejected.map((record) => ({
+      code: record.code,
+      message: record.message,
+      ...(record.logUrl === undefined ? {} : { logUrl: record.logUrl }),
+      ...(record.integratedTime === undefined ? {} : { integratedTime: record.integratedTime }),
+    })),
+  };
+}
+
 function renderActionsHtml(result: ReturnType<typeof verifyReceipts>): string {
-  const rows = result.receipts.map((record) => `
+  const view = actionsViewModel(result);
+  const actionCount = view.receipts.length;
+  const rejectedCount = view.rejected.length;
+  const rows = view.receipts.map((record) => `
     <tr>
       <td>${escapeHtml(record.integratedTime)}</td>
       <td>${escapeHtml(record.serviceIdentifier)}</td>
-      <td>${escapeHtml(record.receipt["action-type"])}</td>
-      <td>${escapeHtml(record.receipt["result-status"])}</td>
+      <td>${escapeHtml(record.actionType)}</td>
+      <td>${escapeHtml(record.resultStatus)}</td>
       <td>${escapeHtml(record.status)}</td>
     </tr>`).join("");
-  const rejected = result.rejected.map((record) => `
+  const rejected = view.rejected.map((record) => `
     <li><strong>${escapeHtml(record.code)}</strong>: ${escapeHtml(record.message)}</li>`).join("");
 
   return `<!doctype html>
@@ -479,23 +536,48 @@ function renderActionsHtml(result: ReturnType<typeof verifyReceipts>): string {
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="refresh" content="2">
   <title>Sello Actions</title>
   <style>
     body { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 40px; color: #17201d; }
+    header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
+    h1 { margin: 0; font-size: 40px; line-height: 1.1; }
+    h2 { margin: 32px 0 8px; font-size: 20px; }
+    code { background: #eef3f0; border-radius: 4px; padding: 2px 6px; }
     table { border-collapse: collapse; width: 100%; margin-top: 16px; }
     th, td { border-bottom: 1px solid #d8dfdc; padding: 10px 8px; text-align: left; }
     th { color: #52615b; font-weight: 600; }
+    .summary { color: #52615b; font-size: 15px; margin: 0; white-space: nowrap; }
     .empty { color: #52615b; margin-top: 16px; }
+    .empty p { margin: 8px 0; }
+    @media (max-width: 720px) {
+      body { margin: 24px; }
+      header { display: block; }
+      h1 { font-size: 32px; }
+      .summary { margin-top: 8px; white-space: normal; }
+      table { display: block; overflow-x: auto; }
+    }
   </style>
 </head>
 <body>
-  <h1>Sello Actions</h1>
-  ${rows ? `<table><thead><tr><th>Integrated time</th><th>Service</th><th>Action</th><th>Result</th><th>Status</th></tr></thead><tbody>${rows}</tbody></table>` : `<p class="empty">No verified actions found yet.</p>`}
-  ${rejected ? `<h2>Rejected receipts</h2><ul>${rejected}</ul>` : ""}
+  <header>
+    <h1>Sello Actions</h1>
+    <p class="summary">${escapeHtml(actionCountLabel(actionCount))}</p>
+  </header>
+  ${rows ? `<table><thead><tr><th>Integrated time</th><th>Service</th><th>Action</th><th>Result</th><th>Status</th></tr></thead><tbody>${rows}</tbody></table>` : `<section class="empty"><p>No verified actions yet.</p><p>In another terminal, run <code>npx sello emit-demo</code>.</p></section>`}
+  ${rejected ? `<h2>Rejected receipts</h2><p class="summary">${escapeHtml(rejectedCountLabel(rejectedCount))}</p><ul>${rejected}</ul>` : ""}
 </body>
 </html>`;
 }
 
+function actionCountLabel(count: number): string {
+  return count === 1 ? "1 verified action" : `${count} verified actions`;
+}
+
+function rejectedCountLabel(count: number): string {
+  return count === 1 ? "1 rejected receipt" : `${count} rejected receipts`;
+}
+
 function verifyHttpProof(entry: ReturnType<typeof deserializeEntry>): boolean {
   if (!isRecord(entry.proof)) {
     return false;