diff --git a/api/routes/v1/inboxes/index.ts b/api/routes/v1/inboxes/index.ts
index 700d6ba..48d9767 100644
--- a/api/routes/v1/inboxes/index.ts
+++ b/api/routes/v1/inboxes/index.ts
@@ -29,21 +29,25 @@ router.get(
 router.post(
   "/",
   body("name").isString().notEmpty().trim(),
-  body("domain").optional().isString().notEmpty().trim(),
+  body("email").optional().isString().notEmpty().trim(),
   expressValidatorMiddleware,
   async (
     req: Request<
       { organizationId: string },
       {},
-      { name: string; domain?: string }
+      { name: string; email?: string }
     >,
     res: Response
   ) => {
     let domainId: string | undefined;
-    if (req.body.domain) {
+    if (req.body.email) {
+      const domainName = req.body.email?.split("@")[1];
+      if (!domainName) {
+        return res.status(400).json({ error: "Invalid email address" });
+      }
       const domain = await getVerifiedDomainByOrganizationIdAndName({
         organizationId: req.organization._id.toString(),
-        name: req.body.domain,
+        name: domainName,
       });
       if (!domain) {
         return res.status(404).json({ error: "Domain not found" });
@@ -56,6 +60,7 @@ router.post(
       organization_id: req.organization._id.toString(),
       name: req.body.name,
       domain_id: domainId,
+      email: domainId && req.body.email,
     });
 
     await sendWebhookEvent({
diff --git a/app/app/pages/inboxes.vue b/app/app/pages/inboxes.vue
index 0e3333f..6ba8620 100644
--- a/app/app/pages/inboxes.vue
+++ b/app/app/pages/inboxes.vue
@@ -43,6 +43,14 @@
         <p class="inbox-address">
           {{ inbox.email ?? inbox.address ?? 'Generated on first reply' }}
         </p>
+        <div class="key-secret">
+          <span class="secret-label">ID</span>
+          <span class="secret-value">{{ inbox._id ?? '••••••••••••••••' }}</span>
+          <button type="button" class="button-copy" aria-label="Copy API key" @click="copyInboxId(inbox)">
+            <span v-if="copiedInboxId === (inbox._id ?? inbox.email)">Copied</span>
+            <span v-else>Copy</span>
+          </button>
+        </div>
         <footer>
           <span>Created {{ formatDate(inbox.createdAt) }}</span>
           <span v-if="inbox.status" class="status">
@@ -160,6 +168,8 @@ const form = reactive({
   displayName: '',
   email: ''
 });
+const copiedInboxId = ref<string | null>(null);
+let copyTimeout: ReturnType<typeof setTimeout> | null = null;
 
 const formatDate = (value?: string) => {
   if (!value) {
@@ -176,6 +186,32 @@ const formatDate = (value?: string) => {
   });
 };
 
+const copyInboxId = async (inbox: Inbox) => {
+  if (!inbox._id || typeof navigator === 'undefined' || !navigator.clipboard) {
+    return;
+  }
+
+  try {
+    await navigator.clipboard.writeText(inbox._id);
+    copiedInboxId.value = inbox._id ?? null;
+    if (copyTimeout) {
+      clearTimeout(copyTimeout);
+    }
+    copyTimeout = setTimeout(() => {
+      copiedInboxId.value = null;
+      copyTimeout = null;
+    }, 2000);
+  } catch (error) {
+    console.error('Failed to copy API key', error);
+  }
+};
+
+onBeforeUnmount(() => {
+  if (copyTimeout) {
+    clearTimeout(copyTimeout);
+  }
+});
+
 const loadInboxes = async () => {
   const organizationId = session.organizationId.value;
   const token = session.token.value;
@@ -367,6 +403,18 @@ watch(
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
   gap: 1.5rem;
+  max-width: calc(3 * 1fr + 3 * 1.5rem);
+  grid-template-columns: repeat(3, 1fr);
+}
+@media (max-width: 1100px) {
+  .inboxes-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (max-width: 700px) {
+  .inboxes-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .inbox-card {
@@ -597,6 +645,51 @@ watch(
   opacity: 0;
 }
 
+.key-secret {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  background: rgba(15, 15, 25, 0.75);
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  border-radius: 0.9rem;
+  padding: 0.75rem 1rem;
+  max-width: 300px;
+}
+
+.secret-label {
+  font-size: 0.75rem;
+  color: rgba(255, 255, 255, 0.55);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.secret-value {
+  flex: 1;
+  font-family: 'JetBrains Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.9);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.button-copy {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.85);
+  border-radius: 0.75rem;
+  padding: 0.45rem 0.9rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.2s ease, color 0.2s ease;
+}
+
+.button-copy:hover {
+  background: rgba(255, 255, 255, 0.12);
+  color: #fff;
+}
+
 @media (max-width: 780px) {
   .page-heading {
     flex-direction: column;
diff --git a/node-sdk/index.ts b/node-sdk/index.ts
index 26caf52..e6b15b0 100644
--- a/node-sdk/index.ts
+++ b/node-sdk/index.ts
@@ -1,4 +1,19 @@
 import axios from "axios";
+import type {
+  ApiKeyMethods,
+  DomainMethods,
+  InboxMethods,
+  CreateApiKeyParams,
+  GetApiKeyParams,
+  DeleteApiKeyParams,
+  CreateDomainParams,
+  GetDomainParams,
+  VerifyDomainParams,
+  DeleteDomainParams,
+  CreateInboxParams,
+  SendMessageParams,
+  ReplyMessageParams,
+} from "./types/sendook-api";
 
 class SendookAPI {
   private apiSecret: string;
@@ -9,7 +24,7 @@ class SendookAPI {
     this.apiUrl = apiUrl || "https://api.sendook.com";
   }
 
-  public apiKey = {
+  public apiKey: ApiKeyMethods = {
     create: async ({
       name,
     }: {
@@ -58,7 +73,7 @@ class SendookAPI {
     },
   };
 
-  public domain = {
+  public domain: DomainMethods = {
     create: async ({
       name,
     }: {
@@ -111,7 +126,7 @@ class SendookAPI {
     },
   };
 
-  public inbox = {
+  public inbox: InboxMethods = {
     create: async ({
       name,
       email,
diff --git a/node-sdk/package.json b/node-sdk/package.json
index a827654..1fd7f43 100644
--- a/node-sdk/package.json
+++ b/node-sdk/package.json
@@ -1,8 +1,26 @@
 {
   "name": "@sendook/node",
-  "version": "0.2.0",
-  "module": "index.ts",
+  "version": "0.4.0",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
diff --git a/node-sdk/types/sendook-api.d.ts b/node-sdk/types/sendook-api.d.ts
new file mode 100644
index 0000000..36e7876
--- /dev/null
+++ b/node-sdk/types/sendook-api.d.ts
@@ -0,0 +1,90 @@
+/**
+ * Type definitions for SendookAPI
+ */
+
+export interface CreateApiKeyParams {
+  name: string;
+}
+
+export interface GetApiKeyParams {
+  apiKeyId: string;
+}
+
+export interface DeleteApiKeyParams {
+  apiKeyId: string;
+}
+
+export interface CreateDomainParams {
+  name: string;
+}
+
+export interface GetDomainParams {
+  domainId: string;
+}
+
+export interface VerifyDomainParams {
+  domainId: string;
+}
+
+export interface DeleteDomainParams {
+  domainId: string;
+}
+
+export interface CreateInboxParams {
+  name: string;
+  email?: string;
+}
+
+export interface SendMessageParams {
+  inboxId: string;
+  to: string[];
+  cc?: string[];
+  bcc?: string[];
+  labels?: string[];
+  subject: string;
+  text: string;
+  html: string;
+}
+
+export interface ReplyMessageParams {
+  inboxId: string;
+  messageId: string;
+  text: string;
+  html: string;
+}
+
+export interface ApiKeyMethods {
+  create: (params: CreateApiKeyParams) => Promise<any>;
+  list: () => Promise<any>;
+  get: (params: GetApiKeyParams) => Promise<any>;
+  delete: (params: DeleteApiKeyParams) => Promise<any>;
+}
+
+export interface DomainMethods {
+  create: (params: CreateDomainParams) => Promise<any>;
+  get: (params: GetDomainParams) => Promise<any>;
+  verify: (params: VerifyDomainParams) => Promise<any>;
+  delete: (params: DeleteDomainParams) => Promise<any>;
+}
+
+export interface MessageMethods {
+  send: (params: SendMessageParams) => Promise<any>;
+  reply: (params: ReplyMessageParams) => Promise<any>;
+  list: (inboxId: string, query?: string) => Promise<any>;
+  get: (inboxId: string, messageId: string) => Promise<any>;
+}
+
+export interface ThreadMethods {
+  list: (inboxId: string) => Promise<any>;
+  get: (inboxId: string, threadId: string) => Promise<any>;
+}
+
+export interface InboxMethods {
+  create: (params: CreateInboxParams) => Promise<any>;
+  list: () => Promise<any>;
+  get: (inboxId: string) => Promise<any>;
+  delete: (inboxId: string) => Promise<any>;
+  message: MessageMethods;
+  thread: ThreadMethods;
+}
+