npm - @mohasinac/appkit - Versions diffs - 2.8.9 → 3.0.0 - Mend

@mohasinac/appkit 2.8.9 → 3.0.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 (1289) hide show

package/dist/features/contact/email.js CHANGED Viewed

@@ -1,8 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { renderToStaticMarkup } from "react-dom/server";
+import { normalizeError } from "../../errors/normalize";
 import { getProviders } from "../../contracts";
 import { serverLogger } from "../../monitoring";
 import { currentYear, formatCurrency, formatDateTime, nowMs, } from "../../utils";
-const EMAIL_STYLE_MUTED = "color: #666; font-size: 14px;";
-const EMAIL_STYLE_BODY = "color: #333; font-size: 14px;";
+import { EmailButton, EmailContainer, EmailDivider, EmailDoc, EmailFooter, EmailHeader, EmailLink, EmailRow, } from "../email/primitives";
 function getSiteName() {
     return process.env.NEXT_PUBLIC_SITE_NAME?.trim() || "App";
 }
@@ -25,22 +27,28 @@ export async function sendEmail(opts) {
                 ? opts.headers
                 : undefined,
         });
-        return { data, error: null };
+        // audit-unknown-ok: TS structural escape — JsonValue
+        return { data: data, error: null };
     }
     catch (error) {
-        return { data: null, error };
+        void normalizeError(error);
+        return { data: null, error: error instanceof Error ? error.message : String(error) };
     }
 }
 async function sendConfiguredEmail(opts) {
     return sendEmail(opts);
 }
+const PARA_STYLE = { margin: "0 0 12px", fontSize: "14px", lineHeight: "1.6" };
+const LABEL_STYLE = { color: "#71717a", fontSize: "13px" };
+const VALUE_STYLE = { color: "#18181b", fontSize: "14px", fontWeight: 600 };
 export async function sendVerificationEmailWithLink(email, verificationLink) {
     const siteName = getSiteName();
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: `Verify your ${siteName} email`, children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName }), _jsxs(EmailRow, { children: [_jsx("p", { style: PARA_STYLE, children: "Click the link below to verify your email address. This link expires in 24 hours." }), _jsx(EmailButton, { href: verificationLink, children: "Verify email" })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}. All rights reserved.` })] }) }))}`;
     try {
         const { data, error } = await sendConfiguredEmail({
             to: email,
             subject: `Verify your ${siteName} email address`,
-            html: `<p>Click <a href="${verificationLink}">here</a> to verify your email address. This link expires in 24 hours.</p>`,
+            html,
             text: `Verify your email: ${verificationLink}\n\nThis link expires in 24 hours.`,
         });
         if (error) {
@@ -56,17 +64,16 @@ export async function sendVerificationEmailWithLink(email, verificationLink) {
 }
 export async function sendPasswordResetEmailWithLink(email, resetLink) {
     const siteName = getSiteName();
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: `Reset your ${siteName} password`, children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName }), _jsxs(EmailRow, { children: [_jsx("p", { style: PARA_STYLE, children: "Click the link below to reset your password. This link expires in 1 hour." }), _jsx(EmailButton, { href: resetLink, children: "Reset password" }), _jsx("p", { style: { ...PARA_STYLE, color: "#71717a" }, children: "If you didn't request this, you can safely ignore this email." })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}. All rights reserved.` })] }) }))}`;
     try {
         const { data, error } = await sendConfiguredEmail({
             to: email,
             subject: `Reset your ${siteName} password`,
-            html: `<p>Click <a href="${resetLink}">here</a> to reset your password. This link expires in 1 hour.</p><p>If you didn't request this, you can safely ignore this email.</p>`,
+            html,
             text: `Reset your password: ${resetLink}\n\nThis link expires in 1 hour.\n\nIf you didn't request this, ignore this email.`,
         });
         if (error) {
-            serverLogger.error("Failed to send password reset email (link)", {
-                error,
-            });
+            serverLogger.error("Failed to send password reset email (link)", { error });
             throw error;
         }
         return { success: true, data };
@@ -76,77 +83,11 @@ export async function sendPasswordResetEmailWithLink(email, resetLink) {
         throw error;
     }
 }
-function buildOrderItemsHtml(items, productTitle, quantity, currency) {
+function renderOrderItems(items, productTitle, quantity, currency) {
     if (items && items.length > 1) {
-        return `
-      <table width="100%" cellpadding="8" cellspacing="0" border="0" style="border-collapse: collapse; margin-bottom: 8px;">
-        <thead>
-          <tr style="background-color: #e9ecef;">
-            <th style="text-align: left; font-size: 12px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px;">Product</th>
-            <th style="text-align: center; font-size: 12px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px;">Qty</th>
-            <th style="text-align: right; font-size: 12px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px;">Amount</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${items.map((item, index) => `
-            <tr style="background-color: ${index % 2 === 0 ? "#ffffff" : "#f8f9fa"}; border-top: 1px solid #e9ecef;">
-              <td style="font-size: 14px; color: #333; padding: 8px 12px;">${item.productTitle}</td>
-              <td style="font-size: 14px; color: #333; text-align: center; padding: 8px 12px;">${item.quantity}</td>
-              <td style="font-size: 14px; color: #333; text-align: right; padding: 8px 12px;">${formatCurrency(item.totalPrice, currency)}</td>
-            </tr>`).join("")}
-        </tbody>
-      </table>`;
+        return (_jsxs(_Fragment, { children: [_jsxs("p", { style: { ...PARA_STYLE, fontWeight: 600 }, children: ["Items (", items.length, ")"] }), items.map((item, idx) => (_jsxs("p", { style: PARA_STYLE, children: [item.productTitle, " \u00D7 ", item.quantity, " \u2014", " ", _jsx("strong", { children: formatCurrency(item.totalPrice, currency) })] }, item.productId ?? idx)))] }));
     }
-    return `
-    <tr>
-      <td style="${EMAIL_STYLE_MUTED}">Product</td>
-      <td style="${EMAIL_STYLE_BODY}">${productTitle}</td>
-    </tr>
-    <tr>
-      <td style="${EMAIL_STYLE_MUTED}">Quantity</td>
-      <td style="${EMAIL_STYLE_BODY}">${quantity}</td>
-    </tr>`;
-}
-function buildOrderConfirmationHtml(params) {
-    const { userName, orderId, formattedTotal, shippingAddress, paymentMethod, orderUrl, itemsHtml, siteName, items } = params;
-    return `
-    <!DOCTYPE html><html>
-    <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Order Confirmation</title></head>
-    <body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5;">
-      <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f5f5f5; padding: 40px 0;">
-        <tr><td align="center">
-          <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
-            <tr><td style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 40px; text-align: center;">
-              <p style="font-size: 48px; margin: 0 0 12px;">✅</p>
-              <h1 style="color: #ffffff; margin: 0; font-size: 28px; font-weight: 600;">Order Confirmed!</h1>
-            </td></tr>
-            <tr><td style="padding: 40px;">
-              <p style="color: #333; font-size: 16px; line-height: 1.6; margin: 0 0 20px;">Hi ${userName},</p>
-              <p style="color: #333; font-size: 16px; line-height: 1.6; margin: 0 0 24px;">Thank you for your order! We've received it and will process it shortly.</p>
-              <table width="100%" cellpadding="12" cellspacing="0" border="0" style="background-color: #f8f9fa; border-radius: 8px; margin-bottom: 24px;">
-                <tr><td style="color: #666; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid #e9ecef;" colspan="2">Order Details</td></tr>
-                <tr><td style="color: #666; font-size: 14px; width: 40%;">Order ID</td><td style="color: #333; font-size: 14px; font-weight: 600;">${orderId}</td></tr>
-                ${items && items.length > 1
-        ? `<tr><td style="color: #666; font-size: 14px; vertical-align: top;" colspan="2"><div style="font-weight: 600; margin-bottom: 8px;">Items (${items.length})</div>${itemsHtml}</td></tr>`
-        : itemsHtml}
-                <tr><td style="${EMAIL_STYLE_MUTED}">Total</td><td style="color: #333; font-size: 14px; font-weight: 700;">${formattedTotal}</td></tr>
-                <tr><td style="${EMAIL_STYLE_MUTED}">Payment</td><td style="${EMAIL_STYLE_BODY}">${paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment"}</td></tr>
-                <tr><td style="color: #666; font-size: 14px; vertical-align: top;">Ship to</td><td style="${EMAIL_STYLE_BODY}">${shippingAddress}</td></tr>
-              </table>
-              <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 30px 0;">
-                <tr><td align="center">
-                  <a href="${orderUrl}" style="display: inline-block; padding: 14px 40px; background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 16px; font-weight: 600;">View Order</a>
-                </td></tr>
-              </table>
-              <p style="color: #999; font-size: 13px; line-height: 1.6; margin: 0;">We'll send you another email when your order is shipped.</p>
-            </td></tr>
-            <tr><td style="background-color: #f8f9fa; padding: 24px; text-align: center; border-top: 1px solid #eee;">
-              <p style="color: #999; font-size: 12px; margin: 0;">© ${currentYear()} ${siteName}. All rights reserved.</p>
-            </td></tr>
-          </table>
-        </td></tr>
-      </table>
-    </body></html>`;
+    return (_jsxs(_Fragment, { children: [_jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Product:" }), " ", _jsx("span", { style: VALUE_STYLE, children: productTitle })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Quantity:" }), " ", _jsx("span", { style: VALUE_STYLE, children: quantity })] })] }));
 }
 export async function sendOrderConfirmationEmail(params) {
     const siteName = getSiteName();
@@ -154,16 +95,19 @@ export async function sendOrderConfirmationEmail(params) {
     const { to, userName, orderId, productTitle, quantity, totalPrice, currency, shippingAddress, paymentMethod, items, } = params;
     const orderUrl = `${siteUrl}/user/orders/view/${orderId}`;
     const formattedTotal = formatCurrency(totalPrice, currency);
-    const itemsHtml = buildOrderItemsHtml(items, productTitle, quantity, currency);
+    const paymentLabel = paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment";
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: "Order confirmed", children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName, children: "Order Confirmed \u2713" }), _jsxs(EmailRow, { children: [_jsxs("p", { style: PARA_STYLE, children: ["Hi ", userName, ","] }), _jsx("p", { style: PARA_STYLE, children: "Thank you for your order! We've received it and will process it shortly." }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Order ID:" }), " ", _jsx("span", { style: VALUE_STYLE, children: orderId })] }), renderOrderItems(items, productTitle, quantity, currency), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Total:" }), " ", _jsx("span", { style: VALUE_STYLE, children: formattedTotal })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Payment:" }), " ", _jsx("span", { style: VALUE_STYLE, children: paymentLabel })] }), shippingAddress ? (_jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Ship to:" }), " ", _jsx("span", { style: VALUE_STYLE, children: shippingAddress })] })) : null, _jsx(EmailDivider, { spacing: "md" }), _jsx(EmailButton, { href: orderUrl, children: "View order" }), _jsx("p", { style: { ...PARA_STYLE, color: "#71717a" }, children: "We'll send you another email when your order is shipped." })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}. All rights reserved.` })] }) }))}`;
     const itemsText = items && items.length > 1
-        ? items.map((item) => `  • ${item.productTitle} × ${item.quantity} — ${formatCurrency(item.totalPrice, currency)}`).join("\n")
+        ? items
+            .map((item) => `  • ${item.productTitle} × ${item.quantity} — ${formatCurrency(item.totalPrice, currency)}`)
+            .join("\n")
         : `  Product: ${productTitle}\n  Quantity: ${quantity}`;
     try {
         const { data, error } = await sendConfiguredEmail({
             to,
             subject: `Order Confirmed — ${orderId}`,
-            html: buildOrderConfirmationHtml({ userName, orderId, formattedTotal, shippingAddress, paymentMethod, orderUrl, itemsHtml, siteName, items }),
-            text: `Hi ${userName},\n\nYour order ${orderId} has been confirmed!\n\n${itemsText}\nTotal: ${formattedTotal}\nPayment: ${paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment"}\nShip to: ${shippingAddress}\n\nView your order: ${orderUrl}\n\n© ${currentYear()} ${siteName}`,
+            html,
+            text: `Hi ${userName},\n\nYour order ${orderId} has been confirmed!\n\n${itemsText}\nTotal: ${formattedTotal}\nPayment: ${paymentLabel}\nShip to: ${shippingAddress ?? "-"}\n\nView your order: ${orderUrl}\n\n© ${currentYear()} ${siteName}`,
         });
         if (error) {
             serverLogger.error("Failed to send order confirmation email", { error });
@@ -172,6 +116,7 @@ export async function sendOrderConfirmationEmail(params) {
         return { success: true, data };
     }
     catch (error) {
+        void normalizeError(error);
         serverLogger.error("Error sending order confirmation email", { error });
         return { success: false };
     }
@@ -180,33 +125,13 @@ export async function sendContactEmail(params) {
     const siteName = getSiteName();
     const supportEmail = getSupportEmail();
     const { name, email, subject, message } = params;
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: "New contact message", children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName, children: "New Contact Message" }), _jsxs(EmailRow, { children: [_jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "From:" }), " ", _jsxs("span", { style: VALUE_STYLE, children: [name, " <", _jsx(EmailLink, { href: `mailto:${email}`, children: email }), ">"] })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Subject:" }), " ", _jsx("span", { style: VALUE_STYLE, children: subject })] }), _jsx(EmailDivider, { spacing: "md" }), _jsx("p", { style: { ...PARA_STYLE, whiteSpace: "pre-wrap" }, children: message })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}` })] }) }))}`;
     try {
         const { data, error } = await sendConfiguredEmail({
             to: supportEmail,
             replyTo: email,
             subject: `[Contact] ${subject}`,
-            html: `
-        <!DOCTYPE html>
-        <html>
-        <head><meta charset="utf-8"><title>Contact Form</title></head>
-        <body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f5f5; padding: 40px 0;">
-          <table width="600" style="margin: 0 auto; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
-            <tr><td style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 32px; text-align: center;">
-              <h1 style="color: #fff; margin: 0; font-size: 24px;">New Contact Message</h1>
-            </td></tr>
-            <tr><td style="padding: 32px;">
-              <p><strong>From:</strong> ${name} &lt;${email}&gt;</p>
-              <p><strong>Subject:</strong> ${subject}</p>
-              <hr style="border: none; border-top: 1px solid #eee; margin: 16px 0;">
-              <p style="white-space: pre-wrap;">${message}</p>
-            </td></tr>
-            <tr><td style="background: #f9f9f9; padding: 16px; text-align: center; color: #888; font-size: 12px;">
-              © ${currentYear()} ${siteName}
-            </td></tr>
-          </table>
-        </body>
-        </html>
-      `,
+            html,
             text: `From: ${name} <${email}>\nSubject: ${subject}\n\n${message}`,
         });
         if (error) {
@@ -216,6 +141,7 @@ export async function sendContactEmail(params) {
         return { success: true, data };
     }
     catch (error) {
+        void normalizeError(error);
         serverLogger.error("Error sending contact email", { error });
         return { success: false };
     }
@@ -225,48 +151,12 @@ export async function sendDigitalCodeClaimedEmail(params) {
     const siteUrl = getSiteUrl();
     const { to, userName, productTitle, orderId } = params;
     const orderUrl = `${siteUrl}/user/orders/view/${orderId}`;
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: "Your digital code is ready", children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName, children: "Your Digital Code Is Ready \uD83D\uDD11" }), _jsxs(EmailRow, { children: [_jsxs("p", { style: PARA_STYLE, children: ["Hi ", userName, ","] }), _jsxs("p", { style: PARA_STYLE, children: ["Your digital code for ", _jsx("strong", { children: productTitle }), " has been assigned to your order and is ready to reveal."] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Order ID:" }), " ", _jsx("span", { style: VALUE_STYLE, children: orderId })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Product:" }), " ", _jsx("span", { style: VALUE_STYLE, children: productTitle })] }), _jsx(EmailDivider, { spacing: "md" }), _jsx(EmailButton, { href: orderUrl, children: "Reveal your code" }), _jsxs("p", { style: { ...PARA_STYLE, color: "#71717a" }, children: ["For security, the code is only shown inside your ", siteName, " ", "account."] })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}. All rights reserved.` })] }) }))}`;
     try {
         const { error } = await sendConfiguredEmail({
             to,
             subject: `Your digital code for "${productTitle}" is ready`,
-            html: `
-        <!DOCTYPE html><html>
-        <head><meta charset="utf-8"><title>Digital Code Ready</title></head>
-        <body style="margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:#f5f5f5;">
-          <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f5f5f5;padding:40px 0;">
-            <tr><td align="center">
-              <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                <tr><td style="background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);padding:40px;text-align:center;">
-                  <p style="font-size:48px;margin:0 0 12px;">&#x1F511;</p>
-                  <h1 style="color:#ffffff;margin:0;font-size:26px;font-weight:600;">Your Digital Code Is Ready</h1>
-                </td></tr>
-                <tr><td style="padding:40px;">
-                  <p style="color:#333;font-size:16px;line-height:1.6;margin:0 0 16px;">Hi ${userName},</p>
-                  <p style="color:#333;font-size:16px;line-height:1.6;margin:0 0 24px;">
-                    Your digital code for <strong>${productTitle}</strong> has been assigned to your order and is ready to reveal.
-                  </p>
-                  <table width="100%" cellpadding="12" cellspacing="0" border="0" style="background:#f8f9fa;border-radius:8px;margin-bottom:24px;">
-                    <tr><td style="color:#666;font-size:14px;width:40%;">Order ID</td>
-                        <td style="color:#333;font-size:14px;font-weight:600;">${orderId}</td></tr>
-                    <tr><td style="color:#666;font-size:14px;">Product</td>
-                        <td style="color:#333;font-size:14px;">${productTitle}</td></tr>
-                  </table>
-                  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:24px 0;">
-                    <tr><td align="center">
-                      <a href="${orderUrl}" style="display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#ffffff;text-decoration:none;border-radius:6px;font-size:15px;font-weight:600;">
-                        Reveal Your Code
-                      </a>
-                    </td></tr>
-                  </table>
-                  <p style="color:#999;font-size:13px;line-height:1.6;margin:0;">For security, the code is only shown inside your ${siteName} account.</p>
-                </td></tr>
-                <tr><td style="background-color:#f8f9fa;padding:24px;text-align:center;border-top:1px solid #eee;">
-                  <p style="color:#9ca3af;font-size:12px;margin:0;">&#169; ${currentYear()} ${siteName}. All rights reserved.</p>
-                </td></tr>
-              </table>
-            </td></tr>
-          </table>
-        </body></html>`,
+            html,
             text: `Hi ${userName},\n\nYour digital code for "${productTitle}" (Order: ${orderId}) is ready to reveal.\n\nVisit your order: ${orderUrl}\n\nFor security, the code is only shown inside your ${siteName} account.\n\n© ${currentYear()} ${siteName}`,
         });
         if (error) {
@@ -276,6 +166,7 @@ export async function sendDigitalCodeClaimedEmail(params) {
         return { success: true };
     }
     catch (error) {
+        void normalizeError(error);
         serverLogger.error("Error sending digital code claimed email", { error });
         return { success: false };
     }
@@ -288,64 +179,12 @@ export async function sendSiteSettingsChangedEmail(params) {
         return { success: false };
     const settingsUrl = `${siteUrl}/admin/site-settings`;
     const timestamp = formatDateTime(nowMs());
+    const html = `<!DOCTYPE html>${renderToStaticMarkup(_jsx(EmailDoc, { title: "Site settings changed", children: _jsxs(EmailContainer, { children: [_jsx(EmailHeader, { brandName: siteName, children: "Site Settings Changed \u2699\uFE0F" }), _jsxs(EmailRow, { children: [_jsxs("p", { style: PARA_STYLE, children: [_jsx("strong", { children: changedByEmail }), " has updated the following site settings:"] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Changed fields:" }), " ", _jsx("span", { style: VALUE_STYLE, children: changedFields.join(", ") })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Changed by:" }), " ", _jsx("span", { style: VALUE_STYLE, children: changedByEmail })] }), _jsxs("p", { style: PARA_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Timestamp:" }), " ", _jsx("span", { style: VALUE_STYLE, children: timestamp })] }), _jsx(EmailDivider, { spacing: "md" }), _jsx(EmailButton, { href: settingsUrl, children: "View settings" })] }), _jsx(EmailFooter, { copyright: `© ${currentYear()} ${siteName}. Automated notification — do not reply.` })] }) }))}`;
     try {
         const { data, error } = await sendConfiguredEmail({
             to: adminEmails,
             subject: `Site settings updated by ${changedByEmail}`,
-            html: `
-        <!DOCTYPE html>
-        <html>
-        <head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"></head>
-        <body style="margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:#f5f5f5;">
-          <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f5f5f5;padding:40px 0;">
-            <tr><td align="center">
-              <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);">
-                <tr>
-                  <td style="background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:40px;text-align:center;">
-                    <p style="font-size:48px;margin:0 0 12px;">⚙️</p>
-                    <h1 style="color:#ffffff;margin:0;font-size:24px;font-weight:600;">Site Settings Changed</h1>
-                    <p style="color:#d1fae5;margin:8px 0 0;font-size:14px;">${timestamp}</p>
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:40px;">
-                    <p style="color:#333;font-size:16px;line-height:1.6;margin:0 0 20px;">
-                      <strong>${changedByEmail}</strong> has updated the following site settings:
-                    </p>
-                    <table width="100%" cellpadding="12" cellspacing="0" border="0" style="background:#f8f9fa;border-radius:8px;margin:0 0 24px;">
-                      <tr>
-                        <td style="color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;">Changed Fields</td>
-                        <td style="color:#111827;font-size:14px;">${changedFields.map((field) => `<code style="background:#e5e7eb;padding:2px 6px;border-radius:3px;">${field}</code>`).join("&ensp;")}</td>
-                      </tr>
-                      <tr>
-                        <td style="color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;">Changed By</td>
-                        <td style="color:#111827;font-size:14px;">${changedByEmail}</td>
-                      </tr>
-                      <tr>
-                        <td style="color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;">Timestamp</td>
-                        <td style="color:#111827;font-size:14px;">${timestamp}</td>
-                      </tr>
-                    </table>
-                    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:24px 0;">
-                      <tr><td align="center">
-                        <a href="${settingsUrl}" style="display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#ffffff;text-decoration:none;border-radius:6px;font-size:15px;font-weight:600;">
-                          View Settings
-                        </a>
-                      </td></tr>
-                    </table>
-                  </td>
-                </tr>
-                <tr>
-                  <td style="background-color:#f8f9fa;padding:24px;text-align:center;border-top:1px solid #eeeeee;">
-                    <p style="color:#9ca3af;font-size:12px;margin:0;">© ${currentYear()} ${siteName}. Automated notification — do not reply.</p>
-                  </td>
-                </tr>
-              </table>
-            </td></tr>
-          </table>
-        </body>
-        </html>
-      `,
+            html,
             text: `Site settings updated by ${changedByEmail}\n\nChanged fields: ${changedFields.join(", ")}\n\nView at: ${settingsUrl}`,
         });
         if (error) {
@@ -357,6 +196,7 @@ export async function sendSiteSettingsChangedEmail(params) {
         return { success: true, data };
     }
     catch (error) {
+        void normalizeError(error);
         serverLogger.error("Error sending settings change notification email", {
             error,
         });

package/dist/features/copilot/components/AdminCopilotView.js CHANGED Viewed

@@ -2,10 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { Alert, Button, Div, Heading, Input, Span, StackedViewShell, Text, } from "../../../ui";
+import { Alert, Button, Div, Heading, Input, Row, Span, Stack, StackedViewShell, Text } from "../../../ui";
 import { apiClient } from "../../../http";
 import { useCopilotChat } from "../hooks/useCopilotChat";
-import { THEME_CONSTANTS } from "../../../tokens";
 const __P = {
     p3: "p-3",
     p4: "p-4",
@@ -14,21 +13,19 @@ const __O = {
     yAuto: "overflow-y-auto",
 };
 const LBL_CONVERSATION_ID = "Conversation ID";
-const CLS_ERROR_TEXT = "text-center text-sm text-red-500";
+const CLS_ERROR_TEXT = "text-center text-sm text-error";
 function MessageBubble({ msg }) {
     const isUser = msg.role === "user";
-    return (_jsx(Div, { className: `flex ${isUser ? "justify-end" : "justify-start"}`, children: _jsxs(Div, { className: `max-w-[80%] rounded-2xl px-4 py-2.5 text-sm ${isUser
-                ? "bg-primary text-white rounded-tr-sm"
-                : "bg-neutral-100 dark:bg-slate-700 text-neutral-900 dark:text-neutral-100 rounded-tl-sm"}`, children: [_jsx(Text, { className: "whitespace-pre-wrap text-sm leading-relaxed", children: msg.content }), msg.durationMs ? (_jsxs(Span, { size: "xs", className: "mt-1 block opacity-60", children: [(msg.durationMs / 1000).toFixed(1), "s"] })) : null] }) }));
+    return (_jsx(Div, { layout: "flex", justify: isUser ? "end" : "start", children: _jsxs(Div, { textSize: "sm", className: `max-w-[80%] py-2.5 ${isUser ? "bg-primary text-white rounded-tr-sm" : "bg-neutral-100 dark:bg-slate-700 text-neutral-900 dark:text-neutral-100 rounded-tl-sm"}`, padding: "x-md", rounded: "2xl", children: [_jsx(Text, { className: "whitespace-pre-wrap leading-relaxed", size: "sm", children: msg.content }), msg.durationMs ? (_jsxs(Span, { size: "xs", className: "mt-1 block opacity-60", children: [(msg.durationMs / 1000).toFixed(1), "s"] })) : null] }) }));
 }
 function renderCopilotChatPanel(props) {
     const { messages, conversationId, isLoading, error, input, setInput, labels, messagesEndRef, handleSubmit } = props;
-    return (_jsxs(Div, { className: "flex flex-col rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 h-[calc(100vh-300px)]", children: [_jsx(Div, { className: `border-b border-neutral-200 dark:border-slate-700 ${__P.p3}`, children: _jsxs(Text, { className: "text-xs font-medium text-neutral-500 dark:text-zinc-400", children: [labels?.conversationId ?? LBL_CONVERSATION_ID, ": ", conversationId] }) }), _jsxs(Div, { className: `flex-1 ${__O.yAuto} ${__P.p4} space-y-4`, children: [messages.length === 0 ? (_jsxs(Div, { className: "flex flex-col items-center justify-center h-full text-center", children: [_jsx(Text, { className: "font-medium", children: labels?.noMessages ?? "No messages yet" }), _jsx(Text, { variant: "secondary", className: "text-sm mt-1", children: labels?.noMessagesDesc ?? "Ask anything to get started" })] })) : null, messages.map((msg) => _jsx(MessageBubble, { msg: msg }, msg.id)), isLoading ? (_jsx(Div, { className: "flex justify-start", children: _jsx(Div, { className: "rounded-2xl rounded-tl-sm bg-neutral-100 dark:bg-slate-700 px-4 py-2.5", children: _jsx(Span, { size: "sm", className: "opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? _jsx(Text, { className: CLS_ERROR_TEXT, children: labels?.errorLabel ?? "An error occurred. Please try again." }) : null, _jsx(Div, { ref: messagesEndRef })] }), _jsx(Div, { className: `border-t border-neutral-200 dark:border-slate-700 ${__P.p3}`, children: _jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [_jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: labels?.inputPlaceholder ?? "Ask anything...", disabled: isLoading, className: "flex-1 h-10 rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition disabled:opacity-60" }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading || !input.trim(), className: "shrink-0", children: isLoading ? labels?.sendingButton ?? "Sending..." : labels?.sendButton ?? "Send" })] }) })] }));
+    return (_jsxs(Stack, { className: "border border-neutral-200 h-[calc(100vh-300px)]", surface: "default", rounded: "xl", children: [_jsx(Div, { border: "bottom", className: __P.p3, children: _jsxs(Text, { className: "text-neutral-500 dark:text-neutral-400", size: "xs", weight: "medium", children: [labels?.conversationId ?? LBL_CONVERSATION_ID, ": ", conversationId] }) }), _jsxs(Stack, { className: `flex-1 ${__O.yAuto} ${__P.p4}`, gap: "md", children: [messages.length === 0 ? (_jsxs(Stack, { justify: "center", className: "h-full text-center", align: "center", children: [_jsx(Text, { weight: "medium", children: labels?.noMessages ?? "No messages yet" }), _jsx(Text, { variant: "secondary", className: "mt-1", size: "sm", children: labels?.noMessagesDesc ?? "Ask anything to get started" })] })) : null, messages.map((msg) => _jsx(MessageBubble, { msg: msg }, msg.id)), isLoading ? (_jsx(Row, { justify: "start", children: _jsx(Div, { paddingY: "y-xs-tall", surface: "muted", className: "rounded-tl-sm", padding: "x-md", rounded: "2xl", children: _jsx(Span, { size: "sm", className: "opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? _jsx(Text, { className: CLS_ERROR_TEXT, children: labels?.errorLabel ?? "An error occurred. Please try again." }) : null, _jsx(Div, { ref: messagesEndRef })] }), _jsx(Div, { border: "top", className: __P.p3, children: _jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [_jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: labels?.inputPlaceholder ?? "Ask anything...", disabled: isLoading, className: "flex-1 h-10 rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition disabled:opacity-60" }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading || !input.trim(), className: "shrink-0", children: isLoading ? labels?.sendingButton ?? "Sending..." : labels?.sendButton ?? "Send" })] }) })] }));
 }
 function renderCopilotHistoryPanel(props) {
     const { historyQuery, conversationInput, setConversationInput, loadConversation, labels } = props;
-    return (_jsxs(Div, { surface: "card", padding: "sm", className: "space-y-3", children: [_jsx(Heading, { level: 3, className: "text-sm font-semibold", children: labels?.historyTitle ?? "Conversation History" }), _jsxs("form", { className: "space-y-2", onSubmit: (e) => { e.preventDefault(); if (!conversationInput.trim())
-                    return; loadConversation(conversationInput.trim()); }, children: [_jsx(Input, { label: labels?.conversationId ?? LBL_CONVERSATION_ID, value: conversationInput, onChange: (e) => setConversationInput(e.target.value), placeholder: "conv_..." }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", className: "w-full", children: labels?.loadConversation ?? "Load conversation" })] }), historyQuery.error ? (_jsx(Alert, { variant: "warning", title: "History unavailable", children: historyQuery.error instanceof Error ? historyQuery.error.message : "Could not load history" })) : null, _jsxs(Div, { className: `max-h-72 ${__O.yAuto} space-y-2`, children: [(historyQuery.data?.messages ?? []).map((log, index) => (_jsxs(Div, { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-2", children: [_jsx(Text, { className: "text-xs font-medium text-neutral-500 dark:text-zinc-400", children: new Date(log.createdAt).toLocaleString() }), _jsxs(Text, { className: `text-sm mt-1 ${THEME_CONSTANTS.utilities.textClamp3}`, children: ["Q: ", log.prompt] }), _jsxs(Text, { className: `text-sm mt-1 ${THEME_CONSTANTS.utilities.textClamp3} text-neutral-600 dark:text-zinc-300`, children: ["A: ", log.response] })] }, `${log.createdAt}-${index}`))), !historyQuery.isLoading && (historyQuery.data?.messages?.length ?? 0) === 0 ? (_jsx(Text, { variant: "secondary", className: "text-sm", children: "No server history found for this conversation yet." })) : null] })] }));
+    return (_jsxs(Stack, { surface: "card", padding: "sm", gap: "3", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", children: labels?.historyTitle ?? "Conversation History" }), _jsxs("form", { className: "space-y-2", onSubmit: (e) => { e.preventDefault(); if (!conversationInput.trim())
+                    return; loadConversation(conversationInput.trim()); }, children: [_jsx(Input, { label: labels?.conversationId ?? LBL_CONVERSATION_ID, value: conversationInput, onChange: (e) => setConversationInput(e.target.value), placeholder: "conv_..." }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", className: "w-full", children: labels?.loadConversation ?? "Load conversation" })] }), historyQuery.error ? (_jsx(Alert, { variant: "warning", title: "History unavailable", children: historyQuery.error instanceof Error ? historyQuery.error.message : "Could not load history" })) : null, _jsxs(Stack, { className: `max-h-72 ${__O.yAuto}`, gap: "sm", children: [(historyQuery.data?.messages ?? []).map((log, index) => (_jsxs(Div, { className: "border border-neutral-200", rounded: "lg", padding: "xs", children: [_jsx(Text, { className: "text-neutral-500 dark:text-neutral-400", size: "xs", weight: "medium", children: new Date(log.createdAt).toLocaleString() }), _jsxs(Text, { className: `mt-1`, truncate: 3, size: "sm", children: ["Q: ", log.prompt] }), _jsxs(Text, { className: `mt-1`, color: "muted", truncate: 3, size: "sm", children: ["A: ", log.response] })] }, `${log.createdAt}-${index}`))), !historyQuery.isLoading && (historyQuery.data?.messages?.length ?? 0) === 0 ? (_jsx(Text, { variant: "secondary", size: "sm", children: "No server history found for this conversation yet." })) : null] })] }));
 }
 export function AdminCopilotView({ endpoint, historyEndpoint = "/api/copilot/history", renderHeader, labels = {}, className = "", }) {
     const [input, setInput] = useState("");
@@ -51,12 +48,12 @@ export function AdminCopilotView({ endpoint, historyEndpoint = "/api/copilot/his
         setInput("");
     };
     return (_jsx(StackedViewShell, { portal: "admin", title: labels.title ?? "AI Copilot", className: className, sections: [
-            renderHeader ? (renderHeader(startNewConversation)) : (_jsxs(Div, { className: "flex items-center justify-between gap-3", children: [_jsx(Heading, { level: 2, children: labels.title ?? "AI Copilot" }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: startNewConversation, children: labels.newConversation ?? "New Conversation" })] })),
-            _jsxs(Div, { className: "grid grid-cols-1 lg:grid-cols-[2fr,1fr] gap-4", children: [_jsxs(Div, { className: "flex flex-col rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 h-[calc(100vh-300px)]", children: [_jsx(Div, { className: `border-b border-neutral-200 dark:border-slate-700 ${__P.p3}`, children: _jsxs(Text, { className: "text-xs font-medium text-neutral-500 dark:text-zinc-400", children: [labels.conversationId ?? LBL_CONVERSATION_ID, ": ", conversationId] }) }), _jsxs(Div, { className: `flex-1 ${__O.yAuto} ${__P.p4} space-y-4`, children: [messages.length === 0 ? (_jsxs(Div, { className: "flex flex-col items-center justify-center h-full text-center", children: [_jsx(Text, { className: "font-medium", children: labels.noMessages ?? "No messages yet" }), _jsx(Text, { variant: "secondary", className: "text-sm mt-1", children: labels.noMessagesDesc ?? "Ask anything to get started" })] })) : null, messages.map((msg) => (_jsx(MessageBubble, { msg: msg }, msg.id))), isLoading ? (_jsx(Div, { className: "flex justify-start", children: _jsx(Div, { className: "rounded-2xl rounded-tl-sm bg-neutral-100 dark:bg-slate-700 px-4 py-2.5", children: _jsx(Span, { size: "sm", className: "opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? (_jsx(Text, { className: CLS_ERROR_TEXT, children: labels.errorLabel ?? "An error occurred. Please try again." })) : null, _jsx(Div, { ref: messagesEndRef })] }), _jsx(Div, { className: `border-t border-neutral-200 dark:border-slate-700 ${__P.p3}`, children: _jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [_jsx("input", { type: "text", value: input, onChange: (event) => setInput(event.target.value), placeholder: labels.inputPlaceholder ?? "Ask anything...", disabled: isLoading, className: "flex-1 h-10 rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition disabled:opacity-60" }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading || !input.trim(), className: "shrink-0", children: isLoading ? labels.sendingButton ?? "Sending..." : labels.sendButton ?? "Send" })] }) })] }), _jsxs(Div, { surface: "card", padding: "sm", className: "space-y-3", children: [_jsx(Heading, { level: 3, className: "text-sm font-semibold", children: labels.historyTitle ?? "Conversation History" }), _jsxs("form", { className: "space-y-2", onSubmit: (event) => {
+            renderHeader ? (renderHeader(startNewConversation)) : (_jsxs(Row, { align: "center", justify: "between", gap: "3", children: [_jsx(Heading, { level: 2, children: labels.title ?? "AI Copilot" }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: startNewConversation, children: labels.newConversation ?? "New Conversation" })] })),
+            _jsxs(Div, { layout: "grid", gap: "4", className: "grid-cols-1 lg:grid-cols-[2fr,1fr]", children: [_jsxs(Stack, { className: "border border-neutral-200 h-[calc(100vh-300px)]", surface: "default", rounded: "xl", children: [_jsx(Div, { border: "bottom", className: __P.p3, children: _jsxs(Text, { className: "text-neutral-500 dark:text-neutral-400", size: "xs", weight: "medium", children: [labels.conversationId ?? LBL_CONVERSATION_ID, ": ", conversationId] }) }), _jsxs(Stack, { className: `flex-1 ${__O.yAuto} ${__P.p4}`, gap: "md", children: [messages.length === 0 ? (_jsxs(Stack, { justify: "center", className: "h-full text-center", align: "center", children: [_jsx(Text, { weight: "medium", children: labels.noMessages ?? "No messages yet" }), _jsx(Text, { variant: "secondary", className: "mt-1", size: "sm", children: labels.noMessagesDesc ?? "Ask anything to get started" })] })) : null, messages.map((msg) => (_jsx(MessageBubble, { msg: msg }, msg.id))), isLoading ? (_jsx(Row, { justify: "start", children: _jsx(Div, { paddingY: "y-xs-tall", surface: "muted", className: "rounded-tl-sm", padding: "x-md", rounded: "2xl", children: _jsx(Span, { size: "sm", className: "opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? (_jsx(Text, { className: CLS_ERROR_TEXT, children: labels.errorLabel ?? "An error occurred. Please try again." })) : null, _jsx(Div, { ref: messagesEndRef })] }), _jsx(Div, { border: "top", className: __P.p3, children: _jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [_jsx("input", { type: "text", value: input, onChange: (event) => setInput(event.target.value), placeholder: labels.inputPlaceholder ?? "Ask anything...", disabled: isLoading, className: "flex-1 h-10 rounded-lg border border-neutral-200 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 text-sm outline-none focus:ring-2 ring-primary/20 transition disabled:opacity-60" }), _jsx(Button, { type: "submit", variant: "primary", disabled: isLoading || !input.trim(), className: "shrink-0", children: isLoading ? labels.sendingButton ?? "Sending..." : labels.sendButton ?? "Send" })] }) })] }), _jsxs(Stack, { surface: "card", padding: "sm", gap: "3", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", children: labels.historyTitle ?? "Conversation History" }), _jsxs("form", { className: "space-y-2", onSubmit: (event) => {
                                     event.preventDefault();
                                     if (!conversationInput.trim())
                                         return;
                                     loadConversation(conversationInput.trim());
-                                }, children: [_jsx(Input, { label: labels.conversationId ?? LBL_CONVERSATION_ID, value: conversationInput, onChange: (event) => setConversationInput(event.target.value), placeholder: "conv_..." }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", className: "w-full", children: labels.loadConversation ?? "Load conversation" })] }), historyQuery.error ? (_jsx(Alert, { variant: "warning", title: "History unavailable", children: historyQuery.error instanceof Error ? historyQuery.error.message : "Could not load history" })) : null, _jsxs(Div, { className: `max-h-72 ${__O.yAuto} space-y-2`, children: [(historyQuery.data?.messages ?? []).map((log, index) => (_jsxs(Div, { className: "rounded-lg border border-neutral-200 dark:border-slate-700 p-2", children: [_jsx(Text, { className: "text-xs font-medium text-neutral-500 dark:text-zinc-400", children: new Date(log.createdAt).toLocaleString() }), _jsxs(Text, { className: `text-sm mt-1 ${THEME_CONSTANTS.utilities.textClamp3}`, children: ["Q: ", log.prompt] }), _jsxs(Text, { className: `text-sm mt-1 ${THEME_CONSTANTS.utilities.textClamp3} text-neutral-600 dark:text-zinc-300`, children: ["A: ", log.response] })] }, `${log.createdAt}-${index}`))), !historyQuery.isLoading && (historyQuery.data?.messages?.length ?? 0) === 0 ? (_jsx(Text, { variant: "secondary", className: "text-sm", children: "No server history found for this conversation yet." })) : null] })] })] }),
+                                }, children: [_jsx(Input, { label: labels.conversationId ?? LBL_CONVERSATION_ID, value: conversationInput, onChange: (event) => setConversationInput(event.target.value), placeholder: "conv_..." }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", className: "w-full", children: labels.loadConversation ?? "Load conversation" })] }), historyQuery.error ? (_jsx(Alert, { variant: "warning", title: "History unavailable", children: historyQuery.error instanceof Error ? historyQuery.error.message : "Could not load history" })) : null, _jsxs(Stack, { className: `max-h-72 ${__O.yAuto}`, gap: "sm", children: [(historyQuery.data?.messages ?? []).map((log, index) => (_jsxs(Div, { className: "border border-neutral-200", rounded: "lg", padding: "xs", children: [_jsx(Text, { className: "text-neutral-500 dark:text-neutral-400", size: "xs", weight: "medium", children: new Date(log.createdAt).toLocaleString() }), _jsxs(Text, { className: `mt-1`, truncate: 3, size: "sm", children: ["Q: ", log.prompt] }), _jsxs(Text, { className: `mt-1`, color: "muted", truncate: 3, size: "sm", children: ["A: ", log.response] })] }, `${log.createdAt}-${index}`))), !historyQuery.isLoading && (historyQuery.data?.messages?.length ?? 0) === 0 ? (_jsx(Text, { variant: "secondary", size: "sm", children: "No server history found for this conversation yet." })) : null] })] })] }),
         ] }));
 }

package/dist/features/copilot/hooks/useCopilotChat.d.ts CHANGED Viewed

@@ -20,6 +20,6 @@ export declare function useCopilotChat(options?: UseCopilotChatOptions): {
     startNewConversation: () => void;
     loadConversation: (nextConversationId: string) => void;
     isLoading: boolean;
-    error: Error | null;
+    error: import("@mohasinac/appkit/client").ApiError | null;
 };
 export {};

package/dist/features/copilot/hooks/useCopilotChat.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
+import { useApiMutation } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { COPILOT_ENDPOINTS } from "../../../constants/api-endpoints";
 function generateId() {
@@ -13,7 +13,7 @@ export function useCopilotChat(options) {
     const endpoint = options?.endpoint ?? COPILOT_ENDPOINTS.CHAT;
     const [messages, setMessages] = useState([]);
     const [conversationId, setConversationId] = useState(() => options?.initialConversationId ?? generateConversationId());
-    const mutation = useMutation({
+    const mutation = useApiMutation({
         mutationFn: async (prompt) => {
             const res = await apiClient.post(endpoint, { prompt, conversationId });
             return res.data;

package/dist/features/copilot/hooks/useCopilotFeedback.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export interface UseCopilotFeedbackOptions {
  * Sends thumbs-up / thumbs-down feedback on a copilot response.
  * The consumer injects the endpoint builder so appkit stays route-agnostic.
  */
-export declare function useCopilotFeedback({ feedbackEndpoint, }: UseCopilotFeedbackOptions): import("@tanstack/react-query").UseMutationResult<void, Error, {
+export declare function useCopilotFeedback({ feedbackEndpoint, }: UseCopilotFeedbackOptions): import("@tanstack/react-query").UseMutationResult<void, import("@mohasinac/appkit/client").ApiError, {
     logId: string;
     feedback: CopilotFeedback;
 }, unknown>;

package/dist/features/copilot/hooks/useCopilotFeedback.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useMutation } from "@tanstack/react-query";
+import { useApiMutation } from "@mohasinac/appkit/client";
 import { apiClient } from "../../../http";
 /**
  * useCopilotFeedback
@@ -7,7 +7,7 @@ import { apiClient } from "../../../http";
  * The consumer injects the endpoint builder so appkit stays route-agnostic.
  */
 export function useCopilotFeedback({ feedbackEndpoint, }) {
-    return useMutation({
+    return useApiMutation({
         mutationFn: async ({ logId, feedback, }) => {
             await apiClient.patch(feedbackEndpoint(logId), { feedback });
         },

package/dist/features/corporate/api/[id]/route.js CHANGED Viewed

@@ -10,6 +10,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts";
+import { normalizeError } from "../../../../errors/normalize";
 const ERR_INQUIRY_ID_REQUIRED = "Inquiry ID is required";
 const ERR_DB_NOT_CONFIGURED = "Database provider not configured";
 const ERR_INTERNAL_SERVER_ERROR = "Internal server error";
@@ -33,6 +34,7 @@ export async function GET(request, { params }) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,
@@ -60,6 +62,7 @@ export async function PATCH(request, { params }) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,
@@ -83,6 +86,7 @@ export async function DELETE(request, { params }) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,

package/dist/features/corporate/api/route.js CHANGED Viewed

@@ -10,6 +10,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts";
+import { normalizeError } from "../../../errors/normalize";
 function numParam(url, key, fallback) {
     const v = url.searchParams.get(key);
     const n = v !== null ? Number(v) : NaN;
@@ -48,6 +49,7 @@ export async function GET(request) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : "Internal server error",
@@ -71,6 +73,7 @@ export async function POST(request) {
         }, { status: 201 });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : "Internal server error",