npm - agent-canvas - Versions diffs - 0.1.44 → 0.2.0 - Mend

agent-canvas 0.1.44 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/README.md +14 -0
package/bin/lib/commands/daemon.ts +3 -6
package/bin/lib/commands/push.ts +1 -1
package/bin/lib/daemon-lifecycle.ts +65 -72
package/bin/lib/helpers.test.ts +1 -0
package/bin/lib/helpers.ts +30 -74
package/daemon/build.ts +37 -16
package/daemon/client/App.tsx +27 -61
package/daemon/client/CompareView.tsx +4 -4
package/daemon/client/FileBrowser.tsx +4 -4
package/daemon/client/FileViewer.tsx +4 -4
package/daemon/client/OverviewView.tsx +2 -2
package/daemon/client/RevisionSelect.tsx +1 -1
package/daemon/client/canvas-runtime.ts +1 -0
package/daemon/client/clientApi.ts +18 -0
package/daemon/client/components/index.ts +3 -16
package/daemon/client/styles.css +4 -457
package/daemon/dist/annotations-runtime.js +1 -0
package/daemon/dist/client.css +1 -1
package/daemon/dist/client.js +76 -76
package/daemon/dist/components.js +59 -59
package/daemon/dist/index.html +1 -0
package/daemon/dist/preact-compat.js +1 -1
package/daemon/dist/runtime.js +1 -1
package/daemon/src/components.ts +13 -0
package/daemon/src/handlers/api.ts +13 -9
package/daemon/src/handlers/files.ts +2 -3
package/daemon/src/handlers/static.ts +1 -1
package/daemon/src/handlers/uploads.ts +2 -3
package/daemon/src/paths.ts +10 -24
package/daemon/src/remote-feedback.test.ts +1 -1
package/daemon/src/remote-feedback.ts +1 -1
package/daemon/src/secrets-api.test.ts +2 -2
package/daemon/src/server.ts +11 -10
package/daemon/src/share-e2e.test.ts +1 -1
package/daemon/src/share.test.ts +1 -1
package/daemon/src/share.ts +1 -1
package/daemon/tsconfig.json +1 -3
package/package.json +11 -4
package/.github/dark.png +0 -0
package/.github/light.png +0 -0
package/.github/workflows/ci.yml +0 -48
package/.github/workflows/deploy-worker-prod.yml +0 -19
package/.github/workflows/deploy-worker-stage.yml +0 -21
package/.github/workflows/deploy-worker.yml +0 -72
package/.github/workflows/release.yml +0 -36
package/CLAUDE.md +0 -86
package/bun.lock +0 -377
package/daemon/client/AnnotationEditor.tsx +0 -315
package/daemon/client/AnnotationProvider.tsx +0 -195
package/daemon/client/AnnotationSidebar.tsx +0 -627
package/daemon/client/FileIcon.tsx +0 -76
package/daemon/client/PlanRenderer.tsx +0 -614
package/daemon/client/Popover.tsx +0 -350
package/daemon/client/RenderErrorContext.ts +0 -11
package/daemon/client/ResponsePreview.tsx +0 -186
package/daemon/client/SessionContext.tsx +0 -3
package/daemon/client/annotationContext.ts +0 -114
package/daemon/client/annotationDom.ts +0 -104
package/daemon/client/annotationDraft.test.ts +0 -188
package/daemon/client/annotationDraft.ts +0 -130
package/daemon/client/compat/preact-all.ts +0 -4
package/daemon/client/components/Callout.tsx +0 -26
package/daemon/client/components/Checklist.tsx +0 -37
package/daemon/client/components/Choice.tsx +0 -176
package/daemon/client/components/CodeBlock.tsx +0 -35
package/daemon/client/components/Diff.tsx +0 -65
package/daemon/client/components/FilePreview.tsx +0 -88
package/daemon/client/components/Image.tsx +0 -45
package/daemon/client/components/Markdown.tsx +0 -44
package/daemon/client/components/Mermaid.tsx +0 -565
package/daemon/client/components/Note.tsx +0 -14
package/daemon/client/components/Priority.tsx +0 -19
package/daemon/client/components/ResponseNote.tsx +0 -19
package/daemon/client/components/Section.tsx +0 -33
package/daemon/client/components/Table.tsx +0 -35
package/daemon/client/components/Task.tsx +0 -76
package/daemon/client/components/UserInput.tsx +0 -174
package/daemon/client/components/renderMarkdownChildren.tsx +0 -97
package/daemon/client/generateMarkdown.ts +0 -273
package/daemon/client/highlightRange.ts +0 -224
package/daemon/client/popoverPosition.ts +0 -31
package/daemon/client/runtime.ts +0 -123
package/daemon/client/theme.css +0 -66
package/daemon/client/useTextAnnotation.tsx +0 -188
package/daemon/client/utils.ts +0 -13
package/daemon/src/compiler.test.ts +0 -57
package/daemon/src/compiler.ts +0 -360
package/daemon/src/handlers/utils.ts +0 -14
package/daemon/src/router.ts +0 -16
package/daemon/src/session-secrets.test.ts +0 -83
package/daemon/src/session.ts +0 -612
package/daemon/src/watcher.ts +0 -71
package/daemon/src/websocket.test.ts +0 -99
package/daemon/src/websocket.ts +0 -211
package/tsconfig.json +0 -14
package/workers/canvas-share/README.md +0 -159
package/workers/canvas-share/oblaka.ts +0 -56
package/workers/canvas-share/package.json +0 -25
package/workers/canvas-share/public/assets/.gitkeep +0 -0
package/workers/canvas-share/public/assets/client.css +0 -2
package/workers/canvas-share/public/assets/client.js +0 -91
package/workers/canvas-share/public/assets/components.js +0 -65
package/workers/canvas-share/public/assets/jsx-runtime.js +0 -3
package/workers/canvas-share/public/assets/preact-compat.js +0 -1
package/workers/canvas-share/public/assets/runtime.js +0 -1
package/workers/canvas-share/public/index.html +0 -385
package/workers/canvas-share/public/screenshot-dark.png +0 -0
package/workers/canvas-share/public/screenshot-light.png +0 -0
package/workers/canvas-share/src/index.test.ts +0 -209
package/workers/canvas-share/src/index.ts +0 -518
package/workers/canvas-share/src/types.ts +0 -119
package/workers/canvas-share/src/util.ts +0 -156
package/workers/canvas-share/src/validation.ts +0 -160
package/workers/canvas-share/tsconfig.json +0 -16

package/workers/canvas-share/public/index.html DELETED Viewed

@@ -1,385 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Agent Canvas &mdash; Visual canvas for Claude Code</title>
-  <meta name="description" content="Give Claude Code a browser. Author JSX canvases, annotate, collect feedback, and share with your team." />
-  <!-- Moderní font, který eliminuje "generický system font" look -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-  <style>
-    :root {
-      --bg-base: #050505;
-      --bg-surface: #0e0e11;
-      --border-color: rgba(255, 255, 255, 0.08);
-      --text-main: #f3f3f6;
-      --text-muted: #a1a1aa;
-      --accent: #5e6ad2;
-      --accent-glow: #8b96ff;
-    }
-    /* Reset & Base */
-    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-    body {
-      font-family: 'Inter', sans-serif;
-      background-color: var(--bg-base);
-      color: var(--text-main);
-      line-height: 1.6;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      overflow-x: hidden;
-      position: relative;
-    }
-    /* Developer-style grid background */
-    body::before {
-      content: '';
-      position: absolute;
-      top: 0; left: 0; width: 100%; height: 100vh;
-      background-image:
-        linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
-        linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
-      background-size: 40px 40px;
-      mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
-      -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
-      pointer-events: none;
-      z-index: -2;
-    }
-    /* Subtle ambient glow */
-    .glow {
-      position: absolute;
-      top: -10vw;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 60vw;
-      height: 30vw;
-      background: radial-gradient(ellipse at center, rgba(94, 106, 210, 0.15) 0%, rgba(0,0,0,0) 70%);
-      filter: blur(60px);
-      pointer-events: none;
-      z-index: -1;
-    }
-    .container {
-      max-width: 1000px;
-      margin: 0 auto;
-      padding: 0 1.5rem;
-    }
-    /* --- Hero Section --- */
-    .hero {
-      padding: 8rem 0 5rem;
-      text-align: center;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-    .hero-badge {
-      display: inline-block;
-      padding: 0.4rem 0.8rem;
-      background: rgba(255, 255, 255, 0.05);
-      border: 1px solid var(--border-color);
-      border-radius: 999px;
-      font-size: 0.8rem;
-      font-weight: 500;
-      color: var(--text-muted);
-      margin-bottom: 2rem;
-      backdrop-filter: blur(10px);
-    }
-    .hero h1 {
-      font-size: clamp(3rem, 6vw, 4.5rem);
-      font-weight: 800;
-      letter-spacing: -0.04em;
-      line-height: 1.05;
-      margin-bottom: 1.5rem;
-      text-wrap: balance;
-    }
-    .hero h1 em {
-      font-style: normal;
-      background: linear-gradient(135deg, #fff, var(--accent-glow));
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      padding-right: 0.1em;
-    }
-    .hero .lead {
-      font-size: 1.15rem;
-      color: var(--text-muted);
-      max-width: 580px;
-      margin: 0 auto 2.5rem;
-      text-wrap: balance;
-    }
-    /* Buttons */
-    .actions {
-      display: flex;
-      gap: 1rem;
-      justify-content: center;
-    }
-    .btn {
-      display: inline-flex;
-      align-items: center;
-      gap: 0.5rem;
-      padding: 0.75rem 1.5rem;
-      border-radius: 8px;
-      font-size: 0.95rem;
-      font-weight: 500;
-      text-decoration: none;
-      transition: all 0.2s ease;
-      cursor: pointer;
-    }
-    .btn-primary {
-      background: var(--text-main);
-      color: var(--bg-base);
-      border: 1px solid transparent;
-      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
-    }
-    .btn-primary:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 8px 20px -5px rgba(255, 255, 255, 0.2);
-    }
-    .btn-ghost {
-      background: rgba(255, 255, 255, 0.03);
-      color: var(--text-main);
-      border: 1px solid var(--border-color);
-      backdrop-filter: blur(10px);
-    }
-    .btn-ghost:hover {
-      background: rgba(255, 255, 255, 0.08);
-    }
-    /* --- Screenshot / Browser Mockup --- */
-    .screenshot {
-      max-width: 1100px;
-      margin: 0 auto 6rem;
-      padding: 0 1.5rem;
-      perspective: 1000px;
-    }
-    .screenshot img {
-      display: block;
-      width: 100%;
-      height: auto;
-      border-radius: 12px;
-      border: 1px solid var(--border-color);
-      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
-    }
-    /* --- Bento Box: How it works --- */
-    .how {
-      margin-bottom: 6rem;
-    }
-    .section-title {
-      font-size: 2rem;
-      font-weight: 700;
-      text-align: center;
-      margin-bottom: 3rem;
-      letter-spacing: -0.02em;
-    }
-    .bento-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-      gap: 1.5rem;
-    }
-    .bento-card {
-      background: rgba(255, 255, 255, 0.02);
-      border: 1px solid var(--border-color);
-      padding: 2rem;
-      border-radius: 16px;
-      transition: background 0.2s, border-color 0.2s;
-    }
-    .bento-card:hover {
-      background: rgba(255, 255, 255, 0.04);
-      border-color: rgba(255, 255, 255, 0.12);
-    }
-    .step-num {
-      width: 36px; height: 36px;
-      background: rgba(94, 106, 210, 0.15);
-      color: var(--accent-glow);
-      display: flex; align-items: center; justify-content: center;
-      border-radius: 10px;
-      font-weight: 600;
-      font-size: 0.9rem;
-      margin-bottom: 1.5rem;
-    }
-    .bento-card h3 {
-      font-size: 1.1rem;
-      font-weight: 600;
-      margin-bottom: 0.5rem;
-      color: var(--text-main);
-    }
-    .bento-card p {
-      font-size: 0.95rem;
-      color: var(--text-muted);
-      line-height: 1.5;
-    }
-    code {
-      font-family: 'JetBrains Mono', monospace;
-      font-size: 0.85em;
-      padding: 0.2em 0.4em;
-      border-radius: 6px;
-      background: rgba(255,255,255,0.08);
-      color: var(--text-main);
-    }
-    /* --- Terminal Install --- */
-    .install-section {
-      text-align: center;
-      margin-bottom: 6rem;
-    }
-    .terminal-wrapper {
-      display: inline-block;
-      min-width: 400px;
-      background: #000;
-      border: 1px solid var(--border-color);
-      border-radius: 12px;
-      overflow: hidden;
-      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
-      text-align: left;
-    }
-    .terminal-header {
-      background: #111;
-      padding: 0.6rem 1rem;
-      border-bottom: 1px solid var(--border-color);
-      display: flex;
-      gap: 6px;
-    }
-    .terminal-header span {
-      width: 10px; height: 10px; border-radius: 50%; background: #333;
-    }
-    .terminal-body {
-      padding: 1.5rem;
-      font-family: 'JetBrains Mono', monospace;
-      font-size: 0.95rem;
-      color: var(--text-muted);
-    }
-    .terminal-body span { color: var(--accent-glow); }
-    .terminal-body b { color: var(--text-main); font-weight: normal; }
-    /* --- Footer --- */
-    footer {
-      padding: 3rem 0;
-      border-top: 1px solid var(--border-color);
-      text-align: center;
-      font-size: 0.85rem;
-      color: var(--text-muted);
-    }
-    footer a {
-      color: var(--text-main);
-      text-decoration: none;
-      transition: color 0.15s;
-    }
-    footer a:hover { color: var(--accent-glow); }
-    @media (max-width: 768px) {
-      .hero { padding: 5rem 0 3rem; }
-      .terminal-wrapper { min-width: 100%; }
-    }
-  </style>
-</head>
-<body>
-  <div class="glow"></div>
-  <div class="container">
-    <section class="hero">
-      <div class="hero-badge">Claude Code Integration</div>
-      <h1>Give your AI agent<br />a <em>canvas</em></h1>
-      <p class="lead">
-        Agent Canvas lets Claude Code render JSX documents in the browser.
-        Annotate, review with your team, and send structured feedback
-        back to the agent in one continuous loop.
-      </p>
-      <div class="actions">
-        <a class="btn btn-primary" href="https://github.com/contember/agent-canvas">
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.083-.729.083-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.418-1.305.762-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.605-.015 2.896-.015 3.286 0 .315.21.694.825.576C20.565 21.795 24 17.295 24 12c0-6.63-5.37-12-12-12"/></svg>
-          View on GitHub
-        </a>
-        <a class="btn btn-ghost" href="https://www.npmjs.com/package/agent-canvas">npm package</a>
-      </div>
-    </section>
-    <section class="install-section">
-      <div class="terminal-wrapper">
-        <div class="terminal-header">
-          <span></span><span></span><span></span>
-        </div>
-        <div class="terminal-body">
-          <b>bunx</b> agent-canvas install
-        </div>
-      </div>
-    </section>
-  </div>
-  <div class="screenshot">
-      <img src="/screenshot-dark.png" alt="Agent Canvas displaying annotated project UI" />
-  </div>
-  <div class="container">
-    <section class="how">
-      <h2 class="section-title">Workflow built for speed</h2>
-      <div class="bento-grid">
-        <div class="bento-card">
-          <div class="step-num">1</div>
-          <h3>Install the skill</h3>
-          <p>Run <code>bunx agent-canvas install</code> once to globally register the <code>/canvas</code> command in your Claude Code CLI.</p>
-        </div>
-        <div class="bento-card">
-          <div class="step-num">2</div>
-          <h3>Generate a canvas</h3>
-          <p>Ask Claude for a plan, component, or report. It writes standard JSX, auto-compiles it, and launches your browser instantly.</p>
-        </div>
-        <div class="bento-card">
-          <div class="step-num">3</div>
-          <h3>Click & annotate</h3>
-          <p>Select any rendered element to leave feedback. Write notes, vote on tasks, or general comments. Feedback returns right to Claude.</p>
-        </div>
-        <div class="bento-card">
-          <div class="step-num">4</div>
-          <h3>Share the link</h3>
-          <p>Create a shortlink for any revision. Your teammates can review without cloning code. Everything syncs back to your terminal securely.</p>
-        </div>
-      </div>
-    </section>
-    <footer>
-      <p>
-        <a href="https://github.com/contember/agent-canvas">contember/agent-canvas</a>
-        &nbsp;&middot;&nbsp; Open Source &nbsp;&middot;&nbsp; MIT Licensed
-      </p>
-    </footer>
-  </div>
-</body>
-</html>

package/workers/canvas-share/public/screenshot-dark.png DELETED Viewed

Binary file

package/workers/canvas-share/public/screenshot-light.png DELETED Viewed

Binary file

package/workers/canvas-share/src/index.test.ts DELETED Viewed

@@ -1,209 +0,0 @@
-/**
- * Worker unit tests. Validates pure functions (validation, util) without
- * spinning up Miniflare. End-to-end tests against a real Worker run via
- * `wrangler dev` are documented in README.md.
- *
- * Run with `bun test` from workers/canvas-share/.
- */
-import { describe, expect, test } from "bun:test";
-import { validateSharePayload, validateFeedbackBody, validateShareId } from "./validation";
-import { LIMITS } from "./types";
-import { randomHexId, sha256Hex, timingSafeEqual } from "./util";
-describe("validateSharePayload", () => {
-  const valid = {
-    version: 1,
-    origin: { sessionId: "s1", revision: 1, createdAt: "2026-04-09T00:00:00.000Z" },
-    canvasFiles: [{ filename: "plan.jsx", compiledJs: "export default ()=>null" }],
-    runtime: { componentsVersion: "0.1.0" },
-  };
-  test("accepts a minimal valid payload", () => {
-    expect(typeof validateSharePayload(valid)).toBe("object");
-  });
-  test("rejects wrong version", () => {
-    expect(typeof validateSharePayload({ ...valid, version: 2 })).toBe("string");
-  });
-  test("rejects missing canvasFiles", () => {
-    expect(typeof validateSharePayload({ ...valid, canvasFiles: [] })).toBe("string");
-  });
-  test("rejects path traversal in filename", () => {
-    expect(typeof validateSharePayload({
-      ...valid,
-      canvasFiles: [{ filename: "../etc/passwd.jsx", compiledJs: "x" }],
-    })).toBe("string");
-  });
-  test("rejects non-jsx filenames", () => {
-    expect(typeof validateSharePayload({
-      ...valid,
-      canvasFiles: [{ filename: "plan.js", compiledJs: "x" }],
-    })).toBe("string");
-  });
-  test("rejects empty compiledJs", () => {
-    expect(typeof validateSharePayload({
-      ...valid,
-      canvasFiles: [{ filename: "plan.jsx", compiledJs: "" }],
-    })).toBe("string");
-  });
-  test("rejects too many canvas files", () => {
-    expect(typeof validateSharePayload({
-      ...valid,
-      canvasFiles: Array.from({ length: 51 }, (_, i) => ({ filename: `f${i}.jsx`, compiledJs: "x" })),
-    })).toBe("string");
-  });
-  test("rejects missing runtime version", () => {
-    expect(typeof validateSharePayload({ ...valid, runtime: {} })).toBe("string");
-  });
-});
-describe("validateFeedbackBody", () => {
-  const valid = {
-    author: { name: "Alice" },
-    revision: 1,
-    annotations: [{ id: "a1", snippet: "x", note: "y", createdAt: "2026-04-09T00:00:00.000Z" }],
-  };
-  test("accepts a minimal valid body", () => {
-    expect(typeof validateFeedbackBody(valid)).toBe("object");
-  });
-  test("rejects missing author name", () => {
-    expect(typeof validateFeedbackBody({ ...valid, author: {} })).toBe("string");
-  });
-  test("rejects empty author name", () => {
-    expect(typeof validateFeedbackBody({ ...valid, author: { name: "  " } })).toBe("string");
-  });
-  test("rejects too-long author name", () => {
-    expect(typeof validateFeedbackBody({
-      ...valid,
-      author: { name: "x".repeat(LIMITS.AUTHOR_NAME_LENGTH + 1) },
-    })).toBe("string");
-  });
-  test("rejects non-integer revision", () => {
-    expect(typeof validateFeedbackBody({ ...valid, revision: 1.5 })).toBe("string");
-  });
-  test("rejects too-long generalNote", () => {
-    expect(typeof validateFeedbackBody({
-      ...valid,
-      generalNote: "x".repeat(LIMITS.GENERAL_NOTE_LENGTH + 1),
-    })).toBe("string");
-  });
-  test("rejects too-many annotations", () => {
-    expect(typeof validateFeedbackBody({
-      ...valid,
-      annotations: Array.from({ length: LIMITS.MAX_ANNOTATIONS_PER_FEEDBACK + 1 }, (_, i) => ({
-        id: `a${i}`, snippet: "x", note: "y", createdAt: "2026-04-09T00:00:00.000Z",
-      })),
-    })).toBe("string");
-  });
-  test("rejects malformed annotation", () => {
-    expect(typeof validateFeedbackBody({
-      ...valid,
-      annotations: [{ id: "a1", snippet: 123, note: "y", createdAt: "2026-04-09T00:00:00.000Z" }],
-    })).toBe("string");
-  });
-  test("accepts encrypted feedback with oversized ciphertext fields", () => {
-    // In encrypted mode plaintext caps don't apply: ciphertext is opaque
-    // base64 that can legitimately exceed AUTHOR_NAME_LENGTH /
-    // GENERAL_NOTE_LENGTH while staying well under the wire-size caps.
-    const result = validateFeedbackBody({
-      ...valid,
-      author: { name: "x".repeat(LIMITS.AUTHOR_NAME_LENGTH + 200) },
-      generalNote: "x".repeat(LIMITS.GENERAL_NOTE_LENGTH + 5000),
-      encryption: { alg: "AES-GCM", v: 1 },
-    });
-    expect(typeof result).toBe("object");
-  });
-  test("still rejects unknown encryption algorithm", () => {
-    expect(typeof validateFeedbackBody({
-      ...valid,
-      encryption: { alg: "RSA", v: 1 },
-    })).toBe("string");
-  });
-});
-describe("validateSharePayload encryption", () => {
-  test("accepts the encryption marker", () => {
-    const result = validateSharePayload({
-      version: 1,
-      encryption: { alg: "AES-GCM", v: 1 },
-      origin: { sessionId: "ciphertext", revision: 1, createdAt: "2026-04-09T00:00:00.000Z" },
-      canvasFiles: [{ filename: "plan.jsx", compiledJs: "ciphertext-blob" }],
-      runtime: { componentsVersion: "0.1.0" },
-    });
-    expect(typeof result).toBe("object");
-  });
-  test("rejects unknown version of encryption", () => {
-    const result = validateSharePayload({
-      version: 1,
-      encryption: { alg: "AES-GCM", v: 99 },
-      origin: { sessionId: "x", revision: 1, createdAt: "2026-04-09T00:00:00.000Z" },
-      canvasFiles: [{ filename: "plan.jsx", compiledJs: "x" }],
-      runtime: { componentsVersion: "0.1.0" },
-    });
-    expect(typeof result).toBe("string");
-  });
-});
-describe("validateShareId", () => {
-  test("accepts hex tokens", () => {
-    expect(validateShareId("abc123def456")).toBe(true);
-  });
-  test("rejects path traversal", () => {
-    expect(validateShareId("../etc")).toBe(false);
-  });
-  test("rejects too short", () => {
-    expect(validateShareId("abc")).toBe(false);
-  });
-  test("rejects uppercase", () => {
-    expect(validateShareId("ABC123DEF456")).toBe(false);
-  });
-  test("rejects non-hex chars", () => {
-    expect(validateShareId("abcg12def456")).toBe(false);
-  });
-});
-describe("util", () => {
-  test("randomHexId returns hex of expected length", () => {
-    const id = randomHexId(12);
-    expect(id).toMatch(/^[a-f0-9]{24}$/);
-  });
-  test("randomHexId is unique-ish", () => {
-    const a = randomHexId(12);
-    const b = randomHexId(12);
-    expect(a).not.toBe(b);
-  });
-  test("sha256Hex matches known value", async () => {
-    const h = await sha256Hex("hello");
-    expect(h).toBe("2cf24dba5fb0a30e26e83b2ac5b9e29e1b161e5c1fa7425e73043362938b9824");
-  });
-  test("timingSafeEqual works", () => {
-    expect(timingSafeEqual("hello", "hello")).toBe(true);
-    expect(timingSafeEqual("hello", "world")).toBe(false);
-    expect(timingSafeEqual("hello", "hi")).toBe(false);
-  });
-});