@emulators/aws 0.4.1 → 0.5.0

package/dist/index.js

@@ -68,7 +68,7 @@ function parseQueryString(body) {
 function s3Routes(ctx) {
   const { app, store, baseUrl } = ctx;
   const aws = () => getAwsStore(store);
-  app.get("/s3/", (c) => {
+  const handleListBuckets = (c) => {
     const buckets = aws().s3Buckets.all();
     const bucketXml = buckets.map(
       (b) => `    <Bucket>
@@ -87,12 +87,17 @@ ${bucketXml}
   </Buckets>
 </ListAllMyBucketsResult>`;
     return awsXmlResponse(c, xml);
-  });
-  app.put("/s3/:bucket", (c) => {
+  };
+  const handleCreateBucket = (c) => {
     const bucketName = c.req.param("bucket");
     const existing = aws().s3Buckets.findOneBy("bucket_name", bucketName);
     if (existing) {
-      return awsErrorXml(c, "BucketAlreadyOwnedByYou", "Your previous request to create the named bucket succeeded and you already own it.", 409);
+      return awsErrorXml(
+        c,
+        "BucketAlreadyOwnedByYou",
+        "Your previous request to create the named bucket succeeded and you already own it.",
+        409
+      );
     }
     aws().s3Buckets.insert({
       bucket_name: bucketName,
@@ -102,8 +107,8 @@ ${bucketXml}
       versioning_enabled: false
     });
     return c.text("", 200, { Location: `/${bucketName}` });
-  });
-  app.delete("/s3/:bucket", (c) => {
+  };
+  const handleDeleteBucket = (c) => {
     const bucketName = c.req.param("bucket");
     const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
     if (!bucket) {
@@ -115,16 +120,16 @@ ${bucketXml}
     }
     aws().s3Buckets.delete(bucket.id);
     return c.body(null, 204);
-  });
-  app.on("HEAD", "/s3/:bucket", (c) => {
+  };
+  const handleHeadBucket = (c) => {
     const bucketName = c.req.param("bucket");
     const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
     if (!bucket) {
       return c.text("", 404);
     }
     return c.text("", 200, { "x-amz-bucket-region": bucket.region });
-  });
-  app.get("/s3/:bucket", (c) => {
+  };
+  const handleListObjects = (c) => {
     const bucketName = c.req.param("bucket");
     const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
     if (!bucket) {
@@ -133,10 +138,18 @@ ${bucketXml}
     const prefix = c.req.query("prefix") ?? "";
     const delimiter = c.req.query("delimiter") ?? "";
     const maxKeys = Math.min(parseInt(c.req.query("max-keys") ?? "1000", 10), 1e3);
+    const continuationToken = c.req.query("continuation-token");
+    const startAfter = c.req.query("start-after");
     let objects = aws().s3Objects.findBy("bucket_name", bucketName);
     if (prefix) {
       objects = objects.filter((o) => o.key.startsWith(prefix));
     }
+    objects.sort((a, b) => a.key.localeCompare(b.key));
+    const marker = continuationToken ?? startAfter;
+    if (marker) {
+      const startIndex = objects.findIndex((o) => o.key > marker);
+      objects = startIndex >= 0 ? objects.slice(startIndex) : [];
+    }
     const commonPrefixes = [];
     let contents = objects;
     if (delimiter) {
@@ -155,6 +168,7 @@ ${bucketXml}
     }
     const truncated = contents.length > maxKeys;
     const page = contents.slice(0, maxKeys);
+    const nextToken = truncated ? page[page.length - 1].key : void 0;
     const contentsXml = page.map(
       (o) => `  <Contents>
     <Key>${escapeXml(o.key)}</Key>
@@ -171,13 +185,109 @@ ${bucketXml}
   <Prefix>${escapeXml(prefix)}</Prefix>
   <MaxKeys>${maxKeys}</MaxKeys>
   <IsTruncated>${truncated}</IsTruncated>
-  <KeyCount>${page.length}</KeyCount>
+  <KeyCount>${page.length}</KeyCount>${continuationToken ? `
+  <ContinuationToken>${escapeXml(continuationToken)}</ContinuationToken>` : ""}${nextToken ? `
+  <NextContinuationToken>${escapeXml(nextToken)}</NextContinuationToken>` : ""}${startAfter ? `
+  <StartAfter>${escapeXml(startAfter)}</StartAfter>` : ""}
 ${contentsXml}
 ${prefixesXml}
 </ListBucketResult>`;
     return awsXmlResponse(c, xml);
-  });
-  app.put("/s3/:bucket/:key{.+}", async (c) => {
+  };
+  const handlePresignedPost = async (c) => {
+    const bucketName = c.req.param("bucket");
+    const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
+    if (!bucket) {
+      return awsErrorXml(c, "NoSuchBucket", "The specified bucket does not exist.", 404);
+    }
+    const body = await c.req.parseBody();
+    const key = body["key"];
+    if (!key) {
+      return awsErrorXml(c, "InvalidArgument", "Bucket POST must contain a field named 'key'.", 400);
+    }
+    const file = body["file"];
+    if (!file || !(file instanceof File)) {
+      return awsErrorXml(c, "InvalidArgument", "Bucket POST must contain a file field.", 400);
+    }
+    const policyB64 = body["Policy"];
+    if (policyB64) {
+      let policy;
+      try {
+        policy = JSON.parse(Buffer.from(policyB64, "base64").toString());
+      } catch {
+        return awsErrorXml(c, "InvalidPolicyDocument", "Invalid Policy: Invalid JSON.", 400);
+      }
+      if (policy.expiration) {
+        const expDate = new Date(policy.expiration);
+        if (expDate.getTime() < Date.now()) {
+          return awsErrorXml(c, "AccessDenied", "Invalid according to Policy: Policy expired.", 403);
+        }
+      }
+      if (Array.isArray(policy.conditions)) {
+        for (const condition of policy.conditions) {
+          if (!Array.isArray(condition)) continue;
+          if (condition[0] === "content-length-range") {
+            const min = condition[1];
+            const max = condition[2];
+            if (file.size < min || file.size > max) {
+              return awsErrorXml(c, "EntityTooLarge", "Your proposed upload exceeds the maximum allowed size.", 400);
+            }
+          } else if (condition[0] === "starts-with") {
+            const field = condition[1].replace(/^\$/, "");
+            const prefix = condition[2];
+            const value = body[field] ?? "";
+            if (!value.startsWith(prefix)) {
+              return awsErrorXml(
+                c,
+                "AccessDenied",
+                `Invalid according to Policy: Policy Condition failed: ["starts-with", "$${field}", "${prefix}"]`,
+                403
+              );
+            }
+          }
+        }
+      }
+    }
+    const fileContent = await file.text();
+    const contentType = body["Content-Type"] ?? file.type ?? "application/octet-stream";
+    const etag = md5(fileContent);
+    const contentLength = new TextEncoder().encode(fileContent).byteLength;
+    const existing = aws().s3Objects.findBy("bucket_name", bucketName).find((o) => o.key === key);
+    if (existing) {
+      aws().s3Objects.update(existing.id, {
+        body: fileContent,
+        content_type: contentType,
+        content_length: contentLength,
+        etag,
+        last_modified: (/* @__PURE__ */ new Date()).toISOString(),
+        metadata: {}
+      });
+    } else {
+      aws().s3Objects.insert({
+        bucket_name: bucketName,
+        key,
+        body: fileContent,
+        content_type: contentType,
+        content_length: contentLength,
+        etag,
+        last_modified: (/* @__PURE__ */ new Date()).toISOString(),
+        metadata: {}
+      });
+    }
+    const successStatus = parseInt(body["success_action_status"], 10);
+    if (successStatus === 201) {
+      const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<PostResponse>
+  <Location>${escapeXml(baseUrl)}/${escapeXml(bucketName)}/${escapeXml(key)}</Location>
+  <Bucket>${escapeXml(bucketName)}</Bucket>
+  <Key>${escapeXml(key)}</Key>
+  <ETag>"${etag}"</ETag>
+</PostResponse>`;
+      return awsXmlResponse(c, xml, 201);
+    }
+    return c.body(null, 204);
+  };
+  const handlePutObject = async (c) => {
     const bucketName = c.req.param("bucket");
     const key = c.req.param("key");
     const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
@@ -226,7 +336,10 @@ ${prefixesXml}
   <ETag>"${etag2}"</ETag>
   <LastModified>${now}</LastModified>
 </CopyObjectResult>`;
-      return awsXmlResponse(c, xml);
+      return c.text(xml, 200, {
+        "Content-Type": "application/xml",
+        "Last-Modified": new Date(now).toUTCString()
+      });
     }
     const body = await c.req.text();
     const contentType = c.req.header("Content-Type") ?? "application/octet-stream";
@@ -260,8 +373,8 @@ ${prefixesXml}
       });
     }
     return c.text("", 200, { ETag: `"${etag}"` });
-  });
-  app.get("/s3/:bucket/:key{.+}", (c) => {
+  };
+  const handleGetObject = (c) => {
     const bucketName = c.req.param("bucket");
     const key = c.req.param("key");
     const bucket = aws().s3Buckets.findOneBy("bucket_name", bucketName);
@@ -276,14 +389,14 @@ ${prefixesXml}
       "Content-Type": obj.content_type,
       "Content-Length": String(obj.content_length),
       ETag: `"${obj.etag}"`,
-      "Last-Modified": obj.last_modified
+      "Last-Modified": new Date(obj.last_modified).toUTCString()
     };
     for (const [k, v] of Object.entries(obj.metadata)) {
       headers[`x-amz-meta-${k}`] = v;
     }
     return c.text(obj.body, 200, headers);
-  });
-  app.on("HEAD", "/s3/:bucket/:key{.+}", (c) => {
+  };
+  const handleHeadObject = (c) => {
     const bucketName = c.req.param("bucket");
     const key = c.req.param("key");
     const obj = aws().s3Objects.findBy("bucket_name", bucketName).find((o) => o.key === key);
@@ -294,10 +407,10 @@ ${prefixesXml}
       "Content-Type": obj.content_type,
       "Content-Length": String(obj.content_length),
       ETag: `"${obj.etag}"`,
-      "Last-Modified": obj.last_modified
+      "Last-Modified": new Date(obj.last_modified).toUTCString()
     });
-  });
-  app.delete("/s3/:bucket/:key{.+}", (c) => {
+  };
+  const handleDeleteObject = (c) => {
     const bucketName = c.req.param("bucket");
     const key = c.req.param("key");
     const obj = aws().s3Objects.findBy("bucket_name", bucketName).find((o) => o.key === key);
@@ -305,7 +418,32 @@ ${prefixesXml}
       aws().s3Objects.delete(obj.id);
     }
     return c.body(null, 204);
-  });
+  };
+  app.get("/s3/", handleListBuckets);
+  app.put("/s3/:bucket", handleCreateBucket);
+  app.delete("/s3/:bucket", handleDeleteBucket);
+  app.on("HEAD", "/s3/:bucket", handleHeadBucket);
+  app.get("/s3/:bucket", handleListObjects);
+  app.post("/s3/:bucket", handlePresignedPost);
+  app.put("/s3/:bucket/:key{.+}", handlePutObject);
+  app.get("/s3/:bucket/:key{.+}", handleGetObject);
+  app.on("HEAD", "/s3/:bucket/:key{.+}", handleHeadObject);
+  app.delete("/s3/:bucket/:key{.+}", handleDeleteObject);
+  app.get("/", handleListBuckets);
+  app.put("/:bucket", handleCreateBucket);
+  app.put("/:bucket/", handleCreateBucket);
+  app.delete("/:bucket", handleDeleteBucket);
+  app.delete("/:bucket/", handleDeleteBucket);
+  app.on("HEAD", "/:bucket", handleHeadBucket);
+  app.on("HEAD", "/:bucket/", handleHeadBucket);
+  app.get("/:bucket", handleListObjects);
+  app.get("/:bucket/", handleListObjects);
+  app.post("/:bucket", handlePresignedPost);
+  app.post("/:bucket/", handlePresignedPost);
+  app.put("/:bucket/:key{.+}", handlePutObject);
+  app.get("/:bucket/:key{.+}", handleGetObject);
+  app.on("HEAD", "/:bucket/:key{.+}", handleHeadObject);
+  app.delete("/:bucket/:key{.+}", handleDeleteObject);
 }
 
 // src/routes/sqs.ts
@@ -470,7 +608,12 @@ ${queueUrlsXml}
     }
     const bodyBytes = new TextEncoder().encode(messageBody).byteLength;
     if (bodyBytes > queue.max_message_size) {
-      return awsErrorXml(c, "InvalidParameterValue", `One or more parameters are invalid. Reason: Message must be shorter than ${queue.max_message_size} bytes.`, 400);
+      return awsErrorXml(
+        c,
+        "InvalidParameterValue",
+        `One or more parameters are invalid. Reason: Message must be shorter than ${queue.max_message_size} bytes.`,
+        400
+      );
     }
     const messageId = generateMessageId();
     const bodyMd5 = md5(messageBody);
@@ -739,7 +882,10 @@ ${usersXml}
     }
     const accessKeyId = "AKIA" + randomBytes2(8).toString("hex").toUpperCase();
     const secretAccessKey = randomBytes2(30).toString("base64");
-    const keys = [...user.access_keys, { access_key_id: accessKeyId, secret_access_key: secretAccessKey, status: "Active" }];
+    const keys = [
+      ...user.access_keys,
+      { access_key_id: accessKeyId, secret_access_key: secretAccessKey, status: "Active" }
+    ];
     aws().iamUsers.update(user.id, { access_keys: keys });
     const xml = `<?xml version="1.0" encoding="UTF-8"?>
 <CreateAccessKeyResponse>
@@ -943,11 +1089,355 @@ ${rolesXml}
   }
 }
 
+// ../core/dist/index.js
+import { Hono } from "hono";
+import { cors } from "hono/cors";
+import { readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+function createErrorHandler(documentationUrl) {
+  return async (c, next) => {
+    if (documentationUrl) {
+      c.set("docsUrl", documentationUrl);
+    }
+    await next();
+  };
+}
+var errorHandler = createErrorHandler();
+var isDebug = typeof process !== "undefined" && (process.env.DEBUG === "1" || process.env.DEBUG === "true" || process.env.EMULATE_DEBUG === "1");
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var FONTS = {
+  "geist-sans.woff2": readFileSync(join(__dirname, "fonts", "geist-sans.woff2")),
+  "GeistPixel-Square.woff2": readFileSync(join(__dirname, "fonts", "GeistPixel-Square.woff2"))
+};
+var FAVICON = readFileSync(join(__dirname, "fonts", "favicon.ico"));
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function escapeAttr(s) {
+  return escapeHtml(s).replace(/'/g, "&#39;");
+}
+var CSS = `
+@font-face{
+  font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;
+  src:url('/_emulate/fonts/geist-sans.woff2') format('woff2');
+}
+@font-face{
+  font-family:'Geist Pixel';font-style:normal;font-weight:400;font-display:swap;
+  src:url('/_emulate/fonts/GeistPixel-Square.woff2') format('woff2');
+}
+*{box-sizing:border-box;margin:0;padding:0}
+body{
+  font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
+  background:#000;color:#33ff00;min-height:100vh;
+  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
+}
+.emu-bar{
+  border-bottom:1px solid #0a3300;padding:10px 20px;
+  display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#1a8c00;
+}
+.emu-bar-title{font-weight:600;color:#33ff00;font-family:'Geist Pixel',monospace;}
+.emu-bar-links{margin-left:auto;display:flex;gap:16px;}
+.emu-bar-links a{
+  color:#1a8c00;font-size:.75rem;text-decoration:none;transition:color .15s;
+}
+.emu-bar-links a:hover{color:#33ff00;}
+.emu-bar-links a .full{display:inline;}
+.emu-bar-links a .short{display:none;}
+@media(max-width:600px){
+  .emu-bar-links a .full{display:none;}
+  .emu-bar-links a .short{display:inline;}
+}
+
+.content{
+  display:flex;align-items:center;justify-content:center;
+  min-height:calc(100vh - 42px);padding:24px 16px;
+}
+.content-inner{width:100%;max-width:420px;}
+.card-title{
+  font-family:'Geist Pixel',monospace;
+  font-size:1.125rem;font-weight:600;margin-bottom:4px;color:#33ff00;
+}
+.card-subtitle{color:#1a8c00;font-size:.8125rem;margin-bottom:18px;line-height:1.45;}
+.powered-by{
+  position:fixed;bottom:0;left:0;right:0;
+  text-align:center;padding:12px;font-size:.6875rem;color:#0a3300;
+  font-family:'Geist Pixel',monospace;
+}
+.powered-by a{color:#1a8c00;text-decoration:none;transition:color .15s;}
+.powered-by a:hover{color:#33ff00;}
+
+.error-title{
+  font-family:'Geist Pixel',monospace;
+  color:#ff4444;font-size:1.125rem;font-weight:600;margin-bottom:8px;
+}
+.error-msg{color:#1a8c00;font-size:.875rem;line-height:1.5;}
+.error-card{text-align:center;}
+
+.user-form{margin-bottom:8px;}
+.user-form:last-of-type{margin-bottom:0;}
+.user-btn{
+  width:100%;display:flex;align-items:center;gap:12px;
+  padding:10px 12px;border:1px solid #0a3300;border-radius:8px;
+  background:#000;color:inherit;cursor:pointer;text-align:left;
+  font:inherit;transition:border-color .15s;
+}
+.user-btn:hover{border-color:#33ff00;}
+.avatar{
+  width:36px;height:36px;border-radius:50%;
+  background:#0a3300;color:#33ff00;font-weight:600;font-size:.875rem;
+  display:flex;align-items:center;justify-content:center;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
+}
+.user-text{min-width:0;}
+.user-login{font-weight:600;font-size:.875rem;display:block;color:#33ff00;}
+.user-meta{color:#1a8c00;font-size:.75rem;margin-top:1px;}
+.user-email{font-size:.6875rem;color:#116600;word-break:break-all;margin-top:1px;}
+
+.settings-layout{
+  max-width:920px;margin:0 auto;padding:28px 20px;
+  display:flex;gap:28px;
+}
+.settings-sidebar{width:200px;flex-shrink:0;}
+.settings-sidebar a{
+  display:block;padding:6px 10px;border-radius:6px;color:#1a8c00;
+  text-decoration:none;font-size:.8125rem;transition:color .15s;
+}
+.settings-sidebar a:hover{color:#33ff00;}
+.settings-sidebar a.active{color:#33ff00;font-weight:600;}
+.settings-main{flex:1;min-width:0;}
+
+.s-card{
+  padding:18px 0;margin-bottom:14px;border-bottom:1px solid #0a3300;
+}
+.s-card:last-child{border-bottom:none;}
+.s-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
+.s-icon{
+  width:42px;height:42px;border-radius:8px;
+  background:#0a3300;display:flex;align-items:center;justify-content:center;
+  font-size:1.125rem;font-weight:700;color:#116600;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
+}
+.s-title{
+  font-family:'Geist Pixel',monospace;
+  font-size:1.25rem;font-weight:600;color:#33ff00;
+}
+.s-subtitle{font-size:.75rem;color:#1a8c00;margin-top:2px;}
+.section-heading{
+  font-size:.9375rem;font-weight:600;margin-bottom:10px;color:#33ff00;
+  display:flex;align-items:center;justify-content:space-between;
+}
+.perm-list{list-style:none;}
+.perm-list li{padding:5px 0;font-size:.8125rem;display:flex;align-items:center;gap:6px;color:#1a8c00;}
+.check{color:#33ff00;}
+.org-row{
+  display:flex;align-items:center;gap:8px;padding:7px 0;
+  border-bottom:1px solid #0a3300;font-size:.8125rem;
+}
+.org-row:last-child{border-bottom:none;}
+.org-icon{
+  width:22px;height:22px;border-radius:4px;background:#0a3300;
+  display:flex;align-items:center;justify-content:center;
+  font-size:.625rem;font-weight:700;color:#116600;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
+}
+.org-name{font-weight:600;color:#33ff00;}
+.badge{font-size:.6875rem;padding:1px 7px;border-radius:999px;font-weight:500;}
+.badge-granted{background:#0a3300;color:#33ff00;}
+.badge-denied{background:#1a0a0a;color:#ff4444;}
+.badge-requested{background:#0a3300;color:#1a8c00;}
+.btn-revoke{
+  display:inline-block;padding:5px 14px;border-radius:6px;
+  border:1px solid #0a3300;background:transparent;color:#ff4444;
+  font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .15s;
+}
+.btn-revoke:hover{border-color:#ff4444;}
+.info-text{color:#1a8c00;font-size:.75rem;line-height:1.5;margin-top:10px;}
+.app-link{
+  display:flex;align-items:center;gap:12px;padding:12px;
+  border:1px solid #0a3300;border-radius:8px;background:#000;
+  text-decoration:none;color:inherit;margin-bottom:8px;transition:border-color .15s;
+}
+.app-link:hover{border-color:#33ff00;}
+.app-link-name{font-weight:600;font-size:.875rem;color:#33ff00;}
+.app-link-scopes{font-size:.6875rem;color:#1a8c00;margin-top:1px;}
+.empty{color:#1a8c00;text-align:center;padding:28px 0;font-size:.875rem;}
+
+.inspector-layout{max-width:960px;margin:0 auto;padding:28px 20px;}
+.inspector-tabs{display:flex;gap:4px;margin-bottom:20px;}
+.inspector-tabs a{
+  padding:7px 16px;border-radius:6px;text-decoration:none;
+  font-size:.8125rem;color:#1a8c00;border:1px solid transparent;
+  transition:color .15s,border-color .15s;
+}
+.inspector-tabs a:hover{color:#33ff00;}
+.inspector-tabs a.active{color:#33ff00;font-weight:600;border-color:#0a3300;background:#0a3300;}
+.inspector-section{margin-bottom:24px;}
+.inspector-section h2{
+  font-family:'Geist Pixel',monospace;
+  font-size:1rem;font-weight:600;color:#33ff00;margin-bottom:10px;
+}
+.inspector-section h3{
+  font-family:'Geist Pixel',monospace;
+  font-size:.875rem;font-weight:600;color:#1a8c00;margin:16px 0 8px;
+}
+.inspector-table{width:100%;border-collapse:collapse;margin-bottom:12px;}
+.inspector-table th,.inspector-table td{
+  text-align:left;padding:8px 12px;border-bottom:1px solid #0a3300;
+  font-size:.8125rem;
+}
+.inspector-table th{color:#1a8c00;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;}
+.inspector-table td{color:#33ff00;}
+.inspector-table tbody tr{transition:background .1s;}
+.inspector-table tbody tr:hover{background:#0a3300;}
+.inspector-empty{color:#1a8c00;text-align:center;padding:20px 0;font-size:.8125rem;}
+
+.checkout-layout{
+  display:flex;min-height:calc(100vh - 42px);
+}
+.checkout-summary{
+  flex:1;background:#020;padding:48px 40px 48px 10%;
+  display:flex;flex-direction:column;justify-content:center;
+  border-right:1px solid #0a3300;
+}
+.checkout-form-side{
+  flex:1;background:#000;padding:48px 10% 48px 40px;
+  display:flex;flex-direction:column;justify-content:center;
+}
+.checkout-merchant{
+  display:flex;align-items:center;gap:10px;margin-bottom:6px;
+}
+.checkout-merchant-name{
+  font-family:'Geist Pixel',monospace;
+  font-size:.9375rem;font-weight:600;color:#33ff00;
+}
+.checkout-test-badge{
+  font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
+  background:#0a3300;color:#1a8c00;padding:2px 8px;border-radius:4px;
+}
+.checkout-total{
+  font-family:'Geist Pixel',monospace;
+  font-size:2rem;font-weight:700;color:#33ff00;margin:8px 0 28px;
+}
+.checkout-line-item{
+  display:flex;align-items:center;gap:14px;padding:14px 0;
+  border-bottom:1px solid #0a3300;
+}
+.checkout-line-item:first-child{border-top:1px solid #0a3300;}
+.checkout-item-icon{
+  width:42px;height:42px;border-radius:6px;background:#0a3300;
+  display:flex;align-items:center;justify-content:center;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;font-size:.875rem;font-weight:700;color:#116600;
+}
+.checkout-item-details{flex:1;min-width:0;}
+.checkout-item-name{font-size:.875rem;font-weight:600;color:#33ff00;}
+.checkout-item-qty{font-size:.75rem;color:#1a8c00;margin-top:2px;}
+.checkout-item-price{
+  font-size:.875rem;font-weight:600;color:#33ff00;text-align:right;white-space:nowrap;
+}
+.checkout-item-unit{font-size:.6875rem;color:#1a8c00;text-align:right;margin-top:2px;}
+.checkout-totals{margin-top:20px;}
+.checkout-totals-row{
+  display:flex;justify-content:space-between;padding:6px 0;
+  font-size:.8125rem;color:#1a8c00;
+}
+.checkout-totals-row.total{
+  border-top:1px solid #0a3300;margin-top:8px;padding-top:14px;
+  font-size:.9375rem;font-weight:600;color:#33ff00;
+}
+.checkout-form-section{margin-bottom:24px;}
+.checkout-form-label{
+  font-size:.8125rem;font-weight:600;color:#33ff00;margin-bottom:8px;display:block;
+}
+.checkout-input{
+  width:100%;padding:10px 12px;border:1px solid #0a3300;border-radius:6px;
+  background:#020;color:#33ff00;font:inherit;font-size:.875rem;
+  transition:border-color .15s;outline:none;
+}
+.checkout-input:focus{border-color:#33ff00;}
+.checkout-input::placeholder{color:#116600;}
+.checkout-card-box{
+  border:1px solid #0a3300;border-radius:6px;padding:14px;
+  background:#020;
+}
+.checkout-card-row{
+  display:flex;gap:12px;margin-top:10px;
+}
+.checkout-card-row .checkout-input{flex:1;}
+.checkout-sim-note{
+  font-size:.6875rem;color:#1a8c00;margin-top:10px;text-align:center;
+  font-style:italic;
+}
+.checkout-pay-btn{
+  width:100%;padding:14px;border:none;border-radius:8px;
+  background:#33ff00;color:#000;font:inherit;font-size:.9375rem;font-weight:700;
+  cursor:pointer;transition:background .15s;
+  font-family:'Geist Pixel',monospace;
+}
+.checkout-pay-btn:hover{background:#44ff22;}
+.checkout-cancel{
+  text-align:center;margin-top:14px;
+}
+.checkout-cancel a{
+  color:#1a8c00;text-decoration:none;font-size:.8125rem;
+  transition:color .15s;
+}
+.checkout-cancel a:hover{color:#33ff00;}
+@media(max-width:768px){
+  .checkout-layout{flex-direction:column;}
+  .checkout-summary{padding:32px 20px;border-right:none;border-bottom:1px solid #0a3300;}
+  .checkout-form-side{padding:32px 20px;}
+}
+`;
+var POWERED_BY = `<div class="powered-by">Powered by <a href="https://emulate.dev" target="_blank" rel="noopener">emulate</a></div>`;
+function emuBar(service) {
+  const title = service ? `${escapeHtml(service)} Emulator` : "Emulator";
+  return `<div class="emu-bar">
+  <span class="emu-bar-title">${title}</span>
+  <nav class="emu-bar-links">
+    <a href="https://github.com/vercel-labs/emulate/issues" target="_blank" rel="noopener"><span class="full">Report Issue</span><span class="short">Report</span></a>
+    <a href="https://github.com/vercel-labs/emulate" target="_blank" rel="noopener"><span class="full">Source Code</span><span class="short">Source</span></a>
+    <a href="https://emulate.dev" target="_blank" rel="noopener"><span class="full">Learn More</span><span class="short">Learn</span></a>
+  </nav>
+</div>`;
+}
+function head(title) {
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<meta name="viewport" content="width=device-width,initial-scale=1"/>
+<link rel="icon" href="/_emulate/favicon.ico"/>
+<title>${escapeHtml(title)} | emulate</title>
+<style>${CSS}</style>
+</head>`;
+}
+function renderInspectorPage(title, tabs, activeTab, body, service) {
+  const tabLinks = tabs.map(
+    (t) => `<a href="${escapeAttr(t.href)}" class="${t.id === activeTab ? "active" : ""}">${escapeHtml(t.label)}</a>`
+  ).join("");
+  return `${head(title)}
+<body>
+${emuBar(service)}
+<div class="inspector-layout">
+  <nav class="inspector-tabs">${tabLinks}</nav>
+  ${body}
+</div>
+${POWERED_BY}
+</body></html>`;
+}
+
 // src/routes/inspector.ts
+var SERVICE_LABEL = "AWS";
+var TABS = [
+  { id: "s3", label: "S3", href: "/_inspector?tab=s3" },
+  { id: "sqs", label: "SQS", href: "/_inspector?tab=sqs" },
+  { id: "iam", label: "IAM", href: "/_inspector?tab=iam" }
+];
 function inspectorRoutes(ctx) {
   const { app, store } = ctx;
   const aws = () => getAwsStore(store);
-  app.get("/", (c) => {
+  app.get("/_inspector", (c) => {
     const tab = c.req.query("tab") ?? "s3";
     const s3Store = aws();
     const buckets = s3Store.s3Buckets.all();
@@ -966,11 +1456,13 @@ function inspectorRoutes(ctx) {
           </tr>`;
       }).join("\n");
       contentHtml = `
-        <h2>S3 Buckets (${buckets.length})</h2>
-        <table>
-          <thead><tr><th>Bucket</th><th>Objects</th><th>Region</th><th>Created</th></tr></thead>
-          <tbody>${rows || '<tr><td colspan="4">No buckets</td></tr>'}</tbody>
-        </table>`;
+        <div class="inspector-section">
+          <h2>S3 Buckets (${buckets.length})</h2>
+          <table class="inspector-table">
+            <thead><tr><th>Bucket</th><th>Objects</th><th>Region</th><th>Created</th></tr></thead>
+            <tbody>${rows || `<tr><td colspan="4"><div class="inspector-empty">No buckets</div></td></tr>`}</tbody>
+          </table>
+        </div>`;
       for (const bucket of buckets) {
         const objects = s3Store.s3Objects.findBy("bucket_name", bucket.bucket_name);
         if (objects.length > 0) {
@@ -983,11 +1475,13 @@ function inspectorRoutes(ctx) {
             </tr>`
           ).join("\n");
           contentHtml += `
-            <h3>${escapeXml(bucket.bucket_name)} objects</h3>
-            <table>
-              <thead><tr><th>Key</th><th>Size</th><th>Type</th><th>Last Modified</th></tr></thead>
-              <tbody>${objRows}</tbody>
-            </table>`;
+            <div class="inspector-section">
+              <h3>${escapeXml(bucket.bucket_name)} objects</h3>
+              <table class="inspector-table">
+                <thead><tr><th>Key</th><th>Size</th><th>Type</th><th>Last Modified</th></tr></thead>
+                <tbody>${objRows}</tbody>
+              </table>
+            </div>`;
         }
       }
     } else if (tab === "sqs") {
@@ -1001,11 +1495,13 @@ function inspectorRoutes(ctx) {
           </tr>`;
       }).join("\n");
       contentHtml = `
-        <h2>SQS Queues (${queues.length})</h2>
-        <table>
-          <thead><tr><th>Queue</th><th>Messages</th><th>FIFO</th><th>Visibility Timeout</th></tr></thead>
-          <tbody>${rows || '<tr><td colspan="4">No queues</td></tr>'}</tbody>
-        </table>`;
+        <div class="inspector-section">
+          <h2>SQS Queues (${queues.length})</h2>
+          <table class="inspector-table">
+            <thead><tr><th>Queue</th><th>Messages</th><th>FIFO</th><th>Visibility Timeout</th></tr></thead>
+            <tbody>${rows || `<tr><td colspan="4"><div class="inspector-empty">No queues</div></td></tr>`}</tbody>
+          </table>
+        </div>`;
     } else if (tab === "iam") {
       const userRows = users.map(
         (u) => `<tr>
@@ -1024,54 +1520,22 @@ function inspectorRoutes(ctx) {
         </tr>`
       ).join("\n");
       contentHtml = `
-        <h2>IAM Users (${users.length})</h2>
-        <table>
-          <thead><tr><th>User</th><th>User ID</th><th>Access Keys</th><th>ARN</th></tr></thead>
-          <tbody>${userRows || '<tr><td colspan="4">No users</td></tr>'}</tbody>
-        </table>
-        <h2>IAM Roles (${roles.length})</h2>
-        <table>
-          <thead><tr><th>Role</th><th>Role ID</th><th>Description</th><th>ARN</th></tr></thead>
-          <tbody>${roleRows || '<tr><td colspan="4">No roles</td></tr>'}</tbody>
-        </table>`;
+        <div class="inspector-section">
+          <h2>IAM Users (${users.length})</h2>
+          <table class="inspector-table">
+            <thead><tr><th>User</th><th>User ID</th><th>Access Keys</th><th>ARN</th></tr></thead>
+            <tbody>${userRows || `<tr><td colspan="4"><div class="inspector-empty">No users</div></td></tr>`}</tbody>
+          </table>
+        </div>
+        <div class="inspector-section">
+          <h2>IAM Roles (${roles.length})</h2>
+          <table class="inspector-table">
+            <thead><tr><th>Role</th><th>Role ID</th><th>Description</th><th>ARN</th></tr></thead>
+            <tbody>${roleRows || `<tr><td colspan="4"><div class="inspector-empty">No roles</div></td></tr>`}</tbody>
+          </table>
+        </div>`;
     }
-    const html = `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <title>AWS Emulator - Inspector</title>
-  <style>
-    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; padding: 20px; background: #f5f5f5; }
-    .header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
-    .header h1 { margin: 0; font-size: 24px; }
-    .badge { background: #ff9900; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 12px; }
-    .tabs { display: flex; gap: 4px; margin-bottom: 20px; }
-    .tabs a { padding: 8px 16px; border-radius: 6px 6px 0 0; text-decoration: none; color: #333; background: #e0e0e0; }
-    .tabs a.active { background: #fff; font-weight: 600; }
-    .content { background: #fff; border-radius: 8px; padding: 20px; }
-    table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
-    th, td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #eee; }
-    th { background: #f9f9f9; font-weight: 600; }
-    h2 { margin-top: 0; }
-    h3 { margin-top: 16px; color: #555; }
-  </style>
-</head>
-<body>
-  <div class="header">
-    <h1>AWS Emulator</h1>
-    <span class="badge">Inspector</span>
-  </div>
-  <div class="tabs">
-    <a href="/?tab=s3" class="${tab === "s3" ? "active" : ""}">S3</a>
-    <a href="/?tab=sqs" class="${tab === "sqs" ? "active" : ""}">SQS</a>
-    <a href="/?tab=iam" class="${tab === "iam" ? "active" : ""}">IAM</a>
-  </div>
-  <div class="content">
-    ${contentHtml}
-  </div>
-</body>
-</html>`;
-    return c.html(html);
+    return c.html(renderInspectorPage("Inspector", TABS, tab, contentHtml, SERVICE_LABEL));
   });
 }
 
@@ -1192,10 +1656,10 @@ var awsPlugin = {
   name: "aws",
   register(app, store, webhooks, baseUrl, tokenMap) {
     const ctx = { app, store, webhooks, baseUrl, tokenMap };
-    s3Routes(ctx);
+    inspectorRoutes(ctx);
     sqsRoutes(ctx);
     iamRoutes(ctx);
-    inspectorRoutes(ctx);
+    s3Routes(ctx);
   },
   seed(store, baseUrl) {
     seedDefaults(store, baseUrl);