@gravito/signal 1.0.0-beta.1 → 1.0.1

package/dist/index.js

@@ -33,59 +33,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/dev/DevMailbox.ts
-var import_node_crypto, DevMailbox;
-var init_DevMailbox = __esm({
-  "src/dev/DevMailbox.ts"() {
-    "use strict";
-    import_node_crypto = require("crypto");
-    DevMailbox = class {
-      entries = [];
-      maxEntries = 50;
-      add(message) {
-        const entry = {
-          id: (0, import_node_crypto.randomUUID)(),
-          envelope: {
-            from: message.from,
-            to: message.to,
-            ...message.cc ? { cc: message.cc } : {},
-            ...message.bcc ? { bcc: message.bcc } : {},
-            ...message.replyTo ? { replyTo: message.replyTo } : {},
-            subject: message.subject,
-            ...message.priority ? { priority: message.priority } : {},
-            ...message.attachments ? { attachments: message.attachments } : {}
-          },
-          html: message.html,
-          ...message.text ? { text: message.text } : {},
-          sentAt: /* @__PURE__ */ new Date()
-        };
-        this.entries.unshift(entry);
-        if (this.entries.length > this.maxEntries) {
-          this.entries = this.entries.slice(0, this.maxEntries);
-        }
-        return entry;
-      }
-      list() {
-        return this.entries;
-      }
-      get(id) {
-        return this.entries.find((e) => e.id === id);
-      }
-      delete(id) {
-        const index = this.entries.findIndex((e) => e.id === id);
-        if (index !== -1) {
-          this.entries.splice(index, 1);
-          return true;
-        }
-        return false;
-      }
-      clear() {
-        this.entries = [];
-      }
-    };
-  }
-});
-
 // src/renderers/ReactRenderer.ts
 var ReactRenderer_exports = {};
 __export(ReactRenderer_exports, {
@@ -96,13 +43,14 @@ var init_ReactRenderer = __esm({
   "src/renderers/ReactRenderer.ts"() {
     "use strict";
     ReactRenderer = class {
-      constructor(component, props) {
+      constructor(component, props, deps = {}) {
         this.component = component;
         this.props = props;
+        this.deps = deps;
       }
       async render(data) {
-        const { createElement } = await import("react");
-        const { renderToStaticMarkup } = await import("react-dom/server");
+        const createElement = this.deps.createElement ?? (await import("react")).createElement;
+        const renderToStaticMarkup = this.deps.renderToStaticMarkup ?? (await import("react-dom/server")).renderToStaticMarkup;
         const mergedProps = { ...this.props, ...data };
         const element = createElement(this.component, mergedProps);
         const html = renderToStaticMarkup(element);
@@ -37353,13 +37301,15 @@ var init_VueRenderer = __esm({
   "src/renderers/VueRenderer.ts"() {
     "use strict";
     VueRenderer = class {
-      constructor(component, props) {
+      constructor(component, props, deps = {}) {
         this.component = component;
         this.props = props;
+        this.deps = deps;
       }
       async render(data) {
-        const { createSSRApp, h } = await import("vue");
-        const { renderToString } = await Promise.resolve().then(() => __toESM(require_server_renderer()));
+        const createSSRApp = this.deps.createSSRApp ?? (await import("vue")).createSSRApp;
+        const h = this.deps.h ?? (await import("vue")).h;
+        const renderToString = this.deps.renderToString ?? (await Promise.resolve().then(() => __toESM(require_server_renderer()))).renderToString;
         const mergedProps = { ...this.props, ...data };
         const app = createSSRApp({
           render: () => h(this.component, mergedProps)
@@ -37378,436 +37328,6 @@ var init_VueRenderer = __esm({
   }
 });
 
-// src/dev/ui/shared.ts
-var styles, layout;
-var init_shared = __esm({
-  "src/dev/ui/shared.ts"() {
-    "use strict";
-    styles = `
-:root {
-  --primary: #6366f1;
-  --primary-dark: #4f46e5;
-  --bg-dark: #0f172a;
-  --bg-card: #1e293b;
-  --text: #f1f5f9;
-  --text-muted: #94a3b8;
-  --border: #334155;
-  --danger: #ef4444;
-}
-body { background: var(--bg-dark); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 20px; }
-.container { max-width: 1000px; margin: 0 auto; }
-.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
-.title { font-size: 24px; font-weight: bold; display: flex; align-items: center; gap: 10px; }
-.card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
-.btn { background: var(--border); color: var(--text); border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; text-decoration: none; font-size: 14px; transition: 0.2s; }
-.btn:hover { background: var(--bg-card-hover); }
-.btn-primary { background: var(--primary); color: white; }
-.btn-primary:hover { background: var(--primary-dark); }
-.btn-danger { background: var(--danger); color: white; }
-.list-item { padding: 16px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; transition: background 0.2s; }
-.list-item:last-child { border-bottom: none; }
-.list-item:hover { background: #334155; }
-.meta { display: flex; justify-content: space-between; font-size: 14px; color: var(--text-muted); }
-.subject { font-weight: 600; font-size: 16px; }
-.from { color: #cbd5e1; }
-.badge { background: #475569; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
-.badge-high { background: #dc2626; color: white; }
-.empty { padding: 40px; text-align: center; color: var(--text-muted); }
-`;
-    layout = (title, content) => `
-<!DOCTYPE html>
-<html>
-<head>
-  <title>${title} - Gravito Mailbox</title>
-  <style>${styles}</style>
-</head>
-<body>
-  <div class="container">
-    ${content}
-  </div>
-</body>
-</html>
-`;
-  }
-});
-
-// src/dev/ui/mailbox.ts
-function formatAddress(addr) {
-  return addr.name ? `${addr.name} <${addr.address}>` : addr.address;
-}
-function timeAgo(date) {
-  const seconds = Math.floor((Date.now() - date.getTime()) / 1e3);
-  if (seconds < 60) {
-    return "Just now";
-  }
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) {
-    return `${minutes}m ago`;
-  }
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) {
-    return `${hours}h ago`;
-  }
-  return date.toLocaleDateString();
-}
-function getMailboxHtml(entries, prefix) {
-  const list = entries.length === 0 ? '<div class="empty">No emails found in mailbox.</div>' : entries.map(
-    (entry) => `
-      <a href="${prefix}/${entry.id}" class="list-item">
-        <div class="meta">
-          <span class="from">${formatAddress(entry.envelope.from || { address: "Unknown" })}</span>
-          <span>${timeAgo(entry.sentAt)}</span>
-        </div>
-        <div class="subject">
-          ${entry.envelope.priority === "high" ? '<span class="badge badge-high">High</span> ' : ""}
-          ${entry.envelope.subject || "(No Subject)"}
-        </div>
-        <div class="meta" style="margin-top: 4px;">
-           To: ${entry.envelope.to?.map((t) => t.address).join(", ")}
-        </div>
-      </a>
-    `
-  ).join("");
-  const content = `
-    <div class="header">
-      <div class="title">\u{1F4EC} Gravito Mailbox</div>
-      ${entries.length > 0 ? `<button onclick="clearAll()" class="btn btn-danger">Clear All</button>` : ""}
-    </div>
-    
-    <div class="card">
-      ${list}
-    </div>
-
-    <script>
-      async function clearAll() {
-        if (!confirm('Clear all emails?')) return;
-        await fetch('${prefix}', { method: 'DELETE' });
-        window.location.reload();
-      }
-    </script>
-  `;
-  return layout("Inbox", content);
-}
-var init_mailbox = __esm({
-  "src/dev/ui/mailbox.ts"() {
-    "use strict";
-    init_shared();
-  }
-});
-
-// src/dev/ui/preview.ts
-function getPreviewHtml(entry, prefix) {
-  const from = entry.envelope.from ? `${entry.envelope.from.name || ""} &lt;${entry.envelope.from.address}&gt;` : "Unknown";
-  const to = entry.envelope.to?.map((t) => t.address).join(", ") || "Unknown";
-  const content = `
-    <div class="header">
-      <div class="title">
-        <a href="${prefix}" class="btn">\u2190 Back</a>
-        <span style="margin-left: 10px">Email Preview</span>
-      </div>
-      <button onclick="deleteEmail('${entry.id}')" class="btn btn-danger">Delete</button>
-    </div>
-
-    <div class="card" style="margin-bottom: 20px; padding: 20px;">
-      <div style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">${entry.envelope.subject || "(No Subject)"}</div>
-      <div class="meta" style="margin-bottom: 5px;">From: ${from}</div>
-      <div class="meta" style="margin-bottom: 5px;">To: ${to}</div>
-      <div class="meta">Date: ${entry.sentAt.toLocaleString()}</div>
-    </div>
-
-    <div style="margin-bottom: 10px;">
-      <button onclick="setView('html')" id="btn-html" class="btn btn-primary">HTML</button>
-      <button onclick="setView('text')" id="btn-text" class="btn">Text</button>
-      <button onclick="setView('raw')" id="btn-raw" class="btn">Raw JSON</button>
-      <a href="${prefix}/${entry.id}/html" target="_blank" class="btn">Open HTML \u2197</a>
-    </div>
-
-    <div class="card" style="height: 600px; display: flex;">
-      <iframe id="preview-frame" src="${prefix}/${entry.id}/html" style="width: 100%; height: 100%; border: none;"></iframe>
-      <pre id="raw-view" style="display: none; padding: 20px; overflow: auto; width: 100%;">${JSON.stringify(entry, null, 2)}</pre>
-      <pre id="text-view" style="display: none; padding: 20px; overflow: auto; width: 100%; white-space: pre-wrap; font-family: monospace;">${entry.text || "No text content"}</pre>
-    </div>
-
-    <script>
-      function setView(mode) {
-        document.getElementById('preview-frame').style.display = mode === 'html' ? 'block' : 'none';
-        document.getElementById('raw-view').style.display = mode === 'raw' ? 'block' : 'none';
-        document.getElementById('text-view').style.display = mode === 'text' ? 'block' : 'none';
-        
-        document.getElementById('btn-html').className = mode === 'html' ? 'btn btn-primary' : 'btn';
-        document.getElementById('btn-text').className = mode === 'text' ? 'btn btn-primary' : 'btn';
-        document.getElementById('btn-raw').className = mode === 'raw' ? 'btn btn-primary' : 'btn';
-      }
-
-      async function deleteEmail(id) {
-        if (!confirm('Delete this email?')) return;
-        await fetch('${prefix}/' + id, { method: 'DELETE' });
-        window.location.href = '${prefix}';
-      }
-    </script>
-  `;
-  return layout(entry.envelope.subject || "Preview", content);
-}
-var init_preview = __esm({
-  "src/dev/ui/preview.ts"() {
-    "use strict";
-    init_shared();
-  }
-});
-
-// src/dev/DevServer.ts
-var DevServer;
-var init_DevServer = __esm({
-  "src/dev/DevServer.ts"() {
-    "use strict";
-    init_mailbox();
-    init_preview();
-    DevServer = class {
-      constructor(mailbox, base = "/__mail") {
-        this.mailbox = mailbox;
-        this.base = base;
-      }
-      register(core) {
-        const router = core.router;
-        const prefix = this.base.replace(/\/$/, "");
-        router.get(prefix, (ctx) => {
-          const entries = this.mailbox.list();
-          return ctx.html(getMailboxHtml(entries, prefix));
-        });
-        router.get(`${prefix}/:id`, (ctx) => {
-          const id = ctx.req.param("id");
-          if (!id) {
-            return ctx.text("Bad Request", 400);
-          }
-          const entry = this.mailbox.get(id);
-          if (!entry) {
-            return ctx.text("Email not found", 404);
-          }
-          return ctx.html(getPreviewHtml(entry, prefix));
-        });
-        router.get(`${prefix}/:id/html`, (ctx) => {
-          const id = ctx.req.param("id");
-          if (!id) {
-            return ctx.text("Bad Request", 400);
-          }
-          const entry = this.mailbox.get(id);
-          if (!entry) {
-            return ctx.text("Not found", 404);
-          }
-          return ctx.html(entry.html);
-        });
-        router.get(`${prefix}/:id/text`, (ctx) => {
-          const id = ctx.req.param("id");
-          if (!id) {
-            return ctx.text("Bad Request", 400);
-          }
-          const entry = this.mailbox.get(id);
-          if (!entry) {
-            return ctx.text("Not found", 404);
-          }
-          ctx.header("Content-Type", "text/plain; charset=utf-8");
-          return ctx.text(entry.text || "No text content", 200);
-        });
-        router.get(`${prefix}/:id/raw`, (ctx) => {
-          const id = ctx.req.param("id");
-          if (!id) {
-            return ctx.json({ error: "Bad Request" }, 400);
-          }
-          const entry = this.mailbox.get(id);
-          if (!entry) {
-            return ctx.json({ error: "Not found" }, 404);
-          }
-          return ctx.json(entry);
-        });
-        router.get(`${prefix}/:id/delete`, (ctx) => {
-          return ctx.text("Method not allowed", 405);
-        });
-        router.delete(`${prefix}/:id`, (ctx) => {
-          const id = ctx.req.param("id");
-          if (!id) {
-            return ctx.json({ success: false, error: "Bad Request" }, 400);
-          }
-          const success = this.mailbox.delete(id);
-          return ctx.json({ success });
-        });
-        router.delete(prefix, (ctx) => {
-          this.mailbox.clear();
-          return ctx.json({ success: true });
-        });
-        core.logger.info(`[OrbitSignal] Dev Mailbox available at ${prefix}`);
-      }
-    };
-  }
-});
-
-// src/transports/LogTransport.ts
-var LogTransport;
-var init_LogTransport = __esm({
-  "src/transports/LogTransport.ts"() {
-    "use strict";
-    LogTransport = class {
-      async send(message) {
-        console.log("\n\u{1F4E7} [OrbitSignal] Email Sent (Simulated):");
-        console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        console.log(
-          `From:    ${message.from.name ? `${message.from.name} <${message.from.address}>` : message.from.address}`
-        );
-        console.log(`To:      ${message.to.map((t) => t.address).join(", ")}`);
-        console.log(`Subject: ${message.subject}`);
-        console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        console.log(`[Content Size]: ${message.html.length} chars (HTML)`);
-        console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n");
-      }
-    };
-  }
-});
-
-// src/transports/MemoryTransport.ts
-var MemoryTransport;
-var init_MemoryTransport = __esm({
-  "src/transports/MemoryTransport.ts"() {
-    "use strict";
-    MemoryTransport = class {
-      constructor(mailbox) {
-        this.mailbox = mailbox;
-      }
-      async send(message) {
-        this.mailbox.add(message);
-      }
-    };
-  }
-});
-
-// src/OrbitSignal.ts
-var OrbitSignal_exports = {};
-__export(OrbitSignal_exports, {
-  OrbitSignal: () => OrbitSignal
-});
-var OrbitSignal;
-var init_OrbitSignal = __esm({
-  "src/OrbitSignal.ts"() {
-    "use strict";
-    init_DevMailbox();
-    init_DevServer();
-    init_LogTransport();
-    init_MemoryTransport();
-    OrbitSignal = class _OrbitSignal {
-      static instance;
-      config;
-      devMailbox;
-      constructor(config = {}) {
-        this.config = config;
-        _OrbitSignal.instance = this;
-      }
-      /**
-       * Get the singleton instance of OrbitSignal
-       *
-       * @returns The singleton instance of OrbitSignal.
-       * @throws {Error} If OrbitSignal has not been initialized.
-       */
-      static getInstance() {
-        if (!_OrbitSignal.instance) {
-          throw new Error("OrbitSignal has not been initialized. Call OrbitSignal.configure() first.");
-        }
-        return _OrbitSignal.instance;
-      }
-      /**
-       * Configure the OrbitSignal instance
-       *
-       * @param config - The mail configuration object.
-       * @returns A new instance of OrbitSignal.
-       */
-      static configure(config) {
-        if (!config.transport && !config.devMode) {
-          console.warn("[OrbitSignal] No transport provided, falling back to LogTransport");
-          config.transport = new LogTransport();
-        }
-        return new _OrbitSignal(config);
-      }
-      /**
-       * Install the orbit into PlanetCore
-       *
-       * @param core - The PlanetCore instance.
-       */
-      install(core) {
-        core.logger.info("[OrbitSignal] Initializing Mail Service (Exposed as: mail)");
-        if (!this.config.transport && !this.config.devMode) {
-          this.config.transport = new LogTransport();
-        }
-        if (this.config.devMode) {
-          this.devMailbox = new DevMailbox();
-          this.config.transport = new MemoryTransport(this.devMailbox);
-          core.logger.info("[OrbitSignal] Dev Mode Enabled: Emails will be intercepted to Dev Mailbox");
-          const devServer = new DevServer(this.devMailbox, this.config.devUiPrefix || "/__mail");
-          devServer.register(core);
-        }
-        core.adapter.use("*", async (c, next) => {
-          c.set("mail", {
-            send: (mailable) => this.send(mailable),
-            queue: (mailable) => this.queue(mailable)
-          });
-          await next();
-          return void 0;
-        });
-      }
-      /**
-       * Send a mailable instance
-       *
-       * @param mailable - The mailable object to send.
-       * @returns A promise that resolves when the email is sent.
-       * @throws {Error} If the message is missing "from" or "to" addresses, or if no transport is configured.
-       */
-      async send(mailable) {
-        const envelope = await mailable.buildEnvelope(this.config);
-        if (!envelope.from) {
-          throw new Error('Message is missing "from" address');
-        }
-        if (!envelope.to || envelope.to.length === 0) {
-          throw new Error('Message is missing "to" address');
-        }
-        const content = await mailable.renderContent();
-        const message = {
-          ...envelope,
-          from: envelope.from,
-          to: envelope.to,
-          subject: envelope.subject || "(No Subject)",
-          priority: envelope.priority || "normal",
-          html: content.html
-        };
-        if (content.text) {
-          message.text = content.text;
-        }
-        if (!this.config.transport) {
-          throw new Error(
-            "[OrbitSignal] No transport configured. Did you call configure() or register the orbit?"
-          );
-        }
-        await this.config.transport.send(message);
-      }
-      /**
-       * Queue a mailable instance
-       *
-       * Push a mailable into the queue for execution.
-       * Requires OrbitStream to be installed and available in the context.
-       *
-       * @param mailable - The mailable object to queue.
-       * @returns A promise that resolves when the job is pushed to the queue or sent immediately if no queue service is found.
-       */
-      async queue(mailable) {
-        const queue = this.queueService;
-        if (queue) {
-          await queue.push(mailable);
-        } else {
-          console.warn(
-            "[OrbitSignal] Queue service not available, sending immediately. Install OrbitStream to enable queuing."
-          );
-          await this.send(mailable);
-        }
-      }
-    };
-  }
-});
-
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -37822,7 +37342,53 @@ __export(index_exports, {
   TemplateRenderer: () => TemplateRenderer
 });
 module.exports = __toCommonJS(index_exports);
-init_DevMailbox();
+
+// src/dev/DevMailbox.ts
+var import_node_crypto = require("crypto");
+var DevMailbox = class {
+  entries = [];
+  maxEntries = 50;
+  add(message) {
+    const entry = {
+      id: (0, import_node_crypto.randomUUID)(),
+      envelope: {
+        from: message.from,
+        to: message.to,
+        ...message.cc ? { cc: message.cc } : {},
+        ...message.bcc ? { bcc: message.bcc } : {},
+        ...message.replyTo ? { replyTo: message.replyTo } : {},
+        subject: message.subject,
+        ...message.priority ? { priority: message.priority } : {},
+        ...message.attachments ? { attachments: message.attachments } : {}
+      },
+      html: message.html,
+      ...message.text ? { text: message.text } : {},
+      sentAt: /* @__PURE__ */ new Date()
+    };
+    this.entries.unshift(entry);
+    if (this.entries.length > this.maxEntries) {
+      this.entries = this.entries.slice(0, this.maxEntries);
+    }
+    return entry;
+  }
+  list() {
+    return this.entries;
+  }
+  get(id) {
+    return this.entries.find((e) => e.id === id);
+  }
+  delete(id) {
+    const index = this.entries.findIndex((e) => e.id === id);
+    if (index !== -1) {
+      this.entries.splice(index, 1);
+      return true;
+    }
+    return false;
+  }
+  clear() {
+    this.entries = [];
+  }
+};
 
 // src/renderers/HtmlRenderer.ts
 var HtmlRenderer = class {
@@ -37868,6 +37434,7 @@ var Mailable = class {
   renderer;
   rendererResolver;
   renderData = {};
+  config;
   // ===== Fluent API (Envelope Construction) =====
   from(address) {
     this.envelope.from = typeof address === "string" ? { address } : address;
@@ -37893,7 +37460,7 @@ var Mailable = class {
     this.envelope.subject = subject;
     return this;
   }
-  priority(level) {
+  emailPriority(level) {
     this.envelope.priority = level;
     return this;
   }
@@ -37924,10 +37491,10 @@ var Mailable = class {
    * Set the content using a React component.
    * Dynamically imports ReactRenderer to avoid hard dependency errors if React is not installed.
    */
-  react(component, props) {
+  react(component, props, deps) {
     this.rendererResolver = async () => {
       const { ReactRenderer: ReactRenderer2 } = await Promise.resolve().then(() => (init_ReactRenderer(), ReactRenderer_exports));
-      return new ReactRenderer2(component, props);
+      return new ReactRenderer2(component, props, deps);
     };
     return this;
   }
@@ -37935,10 +37502,10 @@ var Mailable = class {
    * Set the content using a Vue component.
    * Dynamically imports VueRenderer to avoid hard dependency errors if Vue is not installed.
    */
-  vue(component, props) {
+  vue(component, props, deps) {
     this.rendererResolver = async () => {
       const { VueRenderer: VueRenderer2 } = await Promise.resolve().then(() => (init_VueRenderer(), VueRenderer_exports));
-      return new VueRenderer2(component, props);
+      return new VueRenderer2(component, props, deps);
     };
     return this;
   }
@@ -37946,6 +37513,7 @@ var Mailable = class {
   queueName;
   connectionName;
   delaySeconds;
+  priority;
   onQueue(queue) {
     this.queueName = queue;
     return this;
@@ -37958,12 +37526,23 @@ var Mailable = class {
     this.delaySeconds = seconds;
     return this;
   }
+  withPriority(priority) {
+    this.priority = priority;
+    return this;
+  }
   /**
    * Queue the mailable for sending.
    */
   async queue() {
-    const { OrbitSignal: OrbitSignal2 } = await Promise.resolve().then(() => (init_OrbitSignal(), OrbitSignal_exports));
-    return OrbitSignal2.getInstance().queue(this);
+    try {
+      const { app } = await import("@gravito/core");
+      const mail = app().container.make("mail");
+      if (mail) {
+        return mail.queue(this);
+      }
+    } catch (_e) {
+      console.warn("[Mailable] Could not auto-resolve mail service for queuing.");
+    }
   }
   // ===== I18n Support =====
   currentLocale;
@@ -37996,11 +37575,13 @@ var Mailable = class {
    */
   async buildEnvelope(configPromise) {
     const config = await Promise.resolve(configPromise);
+    this.config = config;
     if (config.translator) {
       this.setTranslator(config.translator);
     }
     this.build();
     if (this.renderer instanceof TemplateRenderer && config.viewsDir) {
+      this.renderer = new TemplateRenderer(this.renderer.template, config.viewsDir);
     }
     const envelope = {
       from: this.envelope.from || config.from,
@@ -38045,10 +37626,427 @@ var Mailable = class {
   }
 };
 
-// src/index.ts
-init_OrbitSignal();
-init_LogTransport();
-init_MemoryTransport();
+// src/dev/ui/shared.ts
+var styles = `
+:root {
+  --primary: #6366f1;
+  --primary-dark: #4f46e5;
+  --bg-dark: #0f172a;
+  --bg-card: #1e293b;
+  --text: #f1f5f9;
+  --text-muted: #94a3b8;
+  --border: #334155;
+  --danger: #ef4444;
+}
+body { background: var(--bg-dark); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 20px; }
+.container { max-width: 1000px; margin: 0 auto; }
+.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
+.title { font-size: 24px; font-weight: bold; display: flex; align-items: center; gap: 10px; }
+.card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
+.btn { background: var(--border); color: var(--text); border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; text-decoration: none; font-size: 14px; transition: 0.2s; }
+.btn:hover { background: var(--bg-card-hover); }
+.btn-primary { background: var(--primary); color: white; }
+.btn-primary:hover { background: var(--primary-dark); }
+.btn-danger { background: var(--danger); color: white; }
+.list-item { padding: 16px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; transition: background 0.2s; }
+.list-item:last-child { border-bottom: none; }
+.list-item:hover { background: #334155; }
+.meta { display: flex; justify-content: space-between; font-size: 14px; color: var(--text-muted); }
+.subject { font-weight: 600; font-size: 16px; }
+.from { color: #cbd5e1; }
+.badge { background: #475569; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
+.badge-high { background: #dc2626; color: white; }
+.empty { padding: 40px; text-align: center; color: var(--text-muted); }
+`;
+var layout = (title, content) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>${title} - Gravito Mailbox</title>
+  <style>${styles}</style>
+</head>
+<body>
+  <div class="container">
+    ${content}
+  </div>
+</body>
+</html>
+`;
+
+// src/dev/ui/mailbox.ts
+function formatAddress(addr) {
+  return addr.name ? `${addr.name} <${addr.address}>` : addr.address;
+}
+function timeAgo(date) {
+  const seconds = Math.floor((Date.now() - date.getTime()) / 1e3);
+  if (seconds < 60) {
+    return "Just now";
+  }
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) {
+    return `${minutes}m ago`;
+  }
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) {
+    return `${hours}h ago`;
+  }
+  return date.toLocaleDateString();
+}
+function getMailboxHtml(entries, prefix) {
+  const list = entries.length === 0 ? '<div class="empty">No emails found in mailbox.</div>' : entries.map(
+    (entry) => `
+      <a href="${prefix}/${entry.id}" class="list-item">
+        <div class="meta">
+          <span class="from">${formatAddress(entry.envelope.from || { address: "Unknown" })}</span>
+          <span>${timeAgo(entry.sentAt)}</span>
+        </div>
+        <div class="subject">
+          ${entry.envelope.priority === "high" ? '<span class="badge badge-high">High</span> ' : ""}
+          ${entry.envelope.subject || "(No Subject)"}
+        </div>
+        <div class="meta" style="margin-top: 4px;">
+           To: ${entry.envelope.to?.map((t) => t.address).join(", ")}
+        </div>
+      </a>
+    `
+  ).join("");
+  const content = `
+    <div class="header">
+      <div class="title">\u{1F4EC} Gravito Mailbox</div>
+      ${entries.length > 0 ? `<button onclick="clearAll()" class="btn btn-danger">Clear All</button>` : ""}
+    </div>
+    
+    <div class="card">
+      ${list}
+    </div>
+
+    <script>
+      async function clearAll() {
+        if (!confirm('Clear all emails?')) return;
+        await fetch('${prefix}', { method: 'DELETE' });
+        window.location.reload();
+      }
+    </script>
+  `;
+  return layout("Inbox", content);
+}
+
+// src/dev/ui/preview.ts
+function getPreviewHtml(entry, prefix) {
+  const from = entry.envelope.from ? `${entry.envelope.from.name || ""} &lt;${entry.envelope.from.address}&gt;` : "Unknown";
+  const to = entry.envelope.to?.map((t) => t.address).join(", ") || "Unknown";
+  const content = `
+    <div class="header">
+      <div class="title">
+        <a href="${prefix}" class="btn">\u2190 Back</a>
+        <span style="margin-left: 10px">Email Preview</span>
+      </div>
+      <button onclick="deleteEmail('${entry.id}')" class="btn btn-danger">Delete</button>
+    </div>
+
+    <div class="card" style="margin-bottom: 20px; padding: 20px;">
+      <div style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">${entry.envelope.subject || "(No Subject)"}</div>
+      <div class="meta" style="margin-bottom: 5px;">From: ${from}</div>
+      <div class="meta" style="margin-bottom: 5px;">To: ${to}</div>
+      ${entry.envelope.cc ? `<div class="meta" style="margin-bottom: 5px;">CC: ${entry.envelope.cc.map((t) => t.address).join(", ")}</div>` : ""}
+      ${entry.envelope.bcc ? `<div class="meta" style="margin-bottom: 5px;">BCC: ${entry.envelope.bcc.map((t) => t.address).join(", ")}</div>` : ""}
+      ${entry.envelope.priority ? `<div class="meta" style="margin-bottom: 5px;">Priority: ${entry.envelope.priority}</div>` : ""}
+      <div class="meta">Date: ${entry.sentAt.toLocaleString()}</div>
+      ${entry.envelope.attachments && entry.envelope.attachments.length > 0 ? `
+        <div style="margin-top: 15px; border-top: 1px solid var(--border); padding-top: 10px;">
+          <div style="font-size: 14px; font-weight: bold; margin-bottom: 5px; color: var(--text-muted);">Attachments (${entry.envelope.attachments.length})</div>
+          <div style="display: flex; gap: 10px; flex-wrap: wrap;">
+            ${entry.envelope.attachments.map(
+    (att) => `
+              <div style="background: var(--bg-dark); padding: 8px 12px; border-radius: 6px; border: 1px solid var(--border); display: flex; align-items: center; gap: 8px;">
+                <span style="font-size: 20px;">\u{1F4CE}</span>
+                <div>
+                  <div style="font-size: 14px; font-weight: 500;">${att.filename || "untitled"}</div>
+                  <div style="font-size: 12px; color: var(--text-muted);">${att.contentType || "application/octet-stream"}</div>
+                </div>
+              </div>
+            `
+  ).join("")}
+          </div>
+        </div>
+      ` : ""}
+    </div>
+
+    <div style="margin-bottom: 10px;">
+      <button onclick="setView('html')" id="btn-html" class="btn btn-primary">HTML</button>
+      <button onclick="setView('text')" id="btn-text" class="btn">Text</button>
+      <button onclick="setView('raw')" id="btn-raw" class="btn">Raw JSON</button>
+      <a href="${prefix}/${entry.id}/html" target="_blank" class="btn">Open HTML \u2197</a>
+    </div>
+
+    <div class="card" style="height: 600px; display: flex;">
+      <iframe id="preview-frame" src="${prefix}/${entry.id}/html" style="width: 100%; height: 100%; border: none;"></iframe>
+      <pre id="raw-view" style="display: none; padding: 20px; overflow: auto; width: 100%;">${JSON.stringify(entry, null, 2)}</pre>
+      <pre id="text-view" style="display: none; padding: 20px; overflow: auto; width: 100%; white-space: pre-wrap; font-family: monospace;">${entry.text || "No text content"}</pre>
+    </div>
+
+    <script>
+      function setView(mode) {
+        document.getElementById('preview-frame').style.display = mode === 'html' ? 'block' : 'none';
+        document.getElementById('raw-view').style.display = mode === 'raw' ? 'block' : 'none';
+        document.getElementById('text-view').style.display = mode === 'text' ? 'block' : 'none';
+        
+        document.getElementById('btn-html').className = mode === 'html' ? 'btn btn-primary' : 'btn';
+        document.getElementById('btn-text').className = mode === 'text' ? 'btn btn-primary' : 'btn';
+        document.getElementById('btn-raw').className = mode === 'raw' ? 'btn btn-primary' : 'btn';
+      }
+
+      async function deleteEmail(id) {
+        if (!confirm('Delete this email?')) return;
+        await fetch('${prefix}/' + id, { method: 'DELETE' });
+        window.location.href = '${prefix}';
+      }
+    </script>
+  `;
+  return layout(entry.envelope.subject || "Preview", content);
+}
+
+// src/dev/DevServer.ts
+var DevServer = class {
+  constructor(mailbox, base = "/__mail", options) {
+    this.mailbox = mailbox;
+    this.base = base;
+    this.options = options;
+  }
+  async canAccess(ctx) {
+    const isProduction = process.env.NODE_ENV === "production";
+    if (isProduction && !this.options?.allowInProduction && !this.options?.gate) {
+      return false;
+    }
+    if (this.options?.gate) {
+      return await this.options.gate(ctx);
+    }
+    return true;
+  }
+  register(core) {
+    const router = core.router;
+    const isProduction = process.env.NODE_ENV === "production";
+    if (isProduction && !this.options?.allowInProduction && !this.options?.gate) {
+      core.logger.warn(
+        "[OrbitSignal] Dev Mailbox disabled in production. Configure a gate to allow access."
+      );
+      return;
+    }
+    const prefix = this.base.replace(/\/$/, "");
+    const wrap = (handler) => {
+      return async (ctx) => {
+        const allowed = await this.canAccess(ctx);
+        if (!allowed) {
+          return ctx.text("Unauthorized", 403);
+        }
+        return await handler(ctx);
+      };
+    };
+    router.get(
+      prefix,
+      wrap((ctx) => {
+        const entries = this.mailbox.list();
+        ctx.header("Content-Type", "text/html; charset=utf-8");
+        return ctx.html(getMailboxHtml(entries, prefix));
+      })
+    );
+    router.get(
+      `${prefix}/:id`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Email not found", 404);
+        }
+        ctx.header("Content-Type", "text/html; charset=utf-8");
+        return ctx.html(getPreviewHtml(entry, prefix));
+      })
+    );
+    router.get(
+      `${prefix}/:id/html`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Not found", 404);
+        }
+        ctx.header("Content-Type", "text/html; charset=utf-8");
+        return ctx.html(entry.html);
+      })
+    );
+    router.get(
+      `${prefix}/:id/text`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.text("Bad Request", 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.text("Not found", 404);
+        }
+        ctx.header("Content-Type", "text/plain; charset=utf-8");
+        return ctx.text(entry.text || "No text content", 200);
+      })
+    );
+    router.get(
+      `${prefix}/:id/raw`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.json({ error: "Bad Request" }, 400);
+        }
+        const entry = this.mailbox.get(id);
+        if (!entry) {
+          return ctx.json({ error: "Not found" }, 404);
+        }
+        return ctx.json(entry);
+      })
+    );
+    router.get(
+      `${prefix}/:id/delete`,
+      wrap((ctx) => {
+        return ctx.text("Method not allowed", 405);
+      })
+    );
+    router.delete(
+      `${prefix}/:id`,
+      wrap((ctx) => {
+        const id = ctx.req.param("id");
+        if (!id) {
+          return ctx.json({ success: false, error: "Bad Request" }, 400);
+        }
+        const success = this.mailbox.delete(id);
+        return ctx.json({ success });
+      })
+    );
+    router.delete(
+      prefix,
+      wrap((ctx) => {
+        this.mailbox.clear();
+        return ctx.json({ success: true });
+      })
+    );
+    core.logger.info(`[OrbitSignal] Dev Mailbox available at ${prefix}`);
+  }
+};
+
+// src/transports/LogTransport.ts
+var LogTransport = class {
+  async send(message) {
+    console.log("\n\u{1F4E7} [OrbitSignal] Email Sent (Simulated):");
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
+    console.log(
+      `From:    ${message.from.name ? `${message.from.name} <${message.from.address}>` : message.from.address}`
+    );
+    console.log(`To:      ${message.to.map((t) => t.address).join(", ")}`);
+    console.log(`Subject: ${message.subject}`);
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
+    console.log(`[Content Size]: ${message.html.length} chars (HTML)`);
+    console.log("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n");
+  }
+};
+
+// src/transports/MemoryTransport.ts
+var MemoryTransport = class {
+  constructor(mailbox) {
+    this.mailbox = mailbox;
+  }
+  async send(message) {
+    this.mailbox.add(message);
+  }
+};
+
+// src/OrbitSignal.ts
+var OrbitSignal = class {
+  config;
+  devMailbox;
+  core;
+  constructor(config = {}) {
+    this.config = config;
+  }
+  /**
+   * Install the orbit into PlanetCore
+   *
+   * @param core - The PlanetCore instance.
+   */
+  install(core) {
+    this.core = core;
+    core.logger.info("[OrbitSignal] Initializing Mail Service");
+    if (!this.config.transport && !this.config.devMode) {
+      this.config.transport = new LogTransport();
+    }
+    if (this.config.devMode) {
+      this.devMailbox = new DevMailbox();
+      this.config.transport = new MemoryTransport(this.devMailbox);
+      core.logger.info("[OrbitSignal] Dev Mode Enabled: Emails will be intercepted to Dev Mailbox");
+      const devServer = new DevServer(this.devMailbox, this.config.devUiPrefix || "/__mail", {
+        allowInProduction: this.config.devUiAllowInProduction,
+        gate: this.config.devUiGate
+      });
+      devServer.register(core);
+    }
+    core.container.singleton("mail", () => this);
+    core.adapter.use("*", async (c, next) => {
+      c.set("mail", this);
+      await next();
+      return void 0;
+    });
+  }
+  /**
+   * Send a mailable instance
+   *
+   * @param mailable - The mailable object to send.
+   * @returns A promise that resolves when the email is sent.
+   * @throws {Error} If the message is missing "from" or "to" addresses, or if no transport is configured.
+   */
+  async send(mailable) {
+    const envelope = await mailable.buildEnvelope(this.config);
+    if (!envelope.from) {
+      throw new Error('Message is missing "from" address');
+    }
+    if (!envelope.to || envelope.to.length === 0) {
+      throw new Error('Message is missing "to" address');
+    }
+    const content = await mailable.renderContent();
+    const message = {
+      ...envelope,
+      from: envelope.from,
+      to: envelope.to,
+      subject: envelope.subject || "(No Subject)",
+      priority: envelope.priority || "normal",
+      html: content.html
+    };
+    if (content.text) {
+      message.text = content.text;
+    }
+    if (!this.config.transport) {
+      throw new Error("[OrbitSignal] No transport configured. Did you call register the orbit?");
+    }
+    await this.config.transport.send(message);
+  }
+  /**
+   * Queue a mailable instance
+   */
+  async queue(mailable) {
+    try {
+      const queue = this.core?.container.make("queue");
+      if (queue) {
+        await queue.push(mailable);
+        return;
+      }
+    } catch (_e) {
+    }
+    await this.send(mailable);
+  }
+};
 
 // src/transports/SesTransport.ts
 var import_client_ses = require("@aws-sdk/client-ses");