@mohasinac/appkit 2.2.0 → 2.3.1

package/dist/features/checkout/components/CheckoutStepper.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Nav, Row, Span } from "../../../ui";
+import { THEME_CONSTANTS } from "../../../tokens";
 export function CheckoutStepper({ steps, current }) {
     const currentIdx = steps.findIndex((s) => s.id === current);
-    return (_jsx(Nav, { "aria-label": "Checkout steps", className: "flex items-center gap-2", children: steps.map((step, idx) => {
+    return (_jsx(Nav, { "aria-label": "Checkout steps", className: `flex items-center ${THEME_CONSTANTS.spacing.gap.xs}`, children: steps.map((step, idx) => {
             const isDone = idx < currentIdx;
             const isActive = step.id === current;
-            return (_jsxs(React.Fragment, { children: [_jsxs(Row, { className: "gap-1.5", children: [_jsx(Span, { className: `flex h-6 w-6 items-center justify-center rounded-full text-xs font-semibold ${isDone
+            return (_jsxs(React.Fragment, { children: [_jsxs(Row, { className: THEME_CONSTANTS.spacing.gap["2.5"], children: [_jsx(Span, { className: `flex h-6 w-6 items-center justify-center rounded-full text-xs font-semibold ${isDone
                                     ? "bg-green-500 text-white"
                                     : isActive
                                         ? "bg-neutral-900 text-white"
-                                        : "bg-neutral-200 text-neutral-500"}`, children: isDone ? "✓" : idx + 1 }), _jsx(Span, { className: `text-sm font-medium ${isActive ? "text-neutral-900" : isDone ? "text-neutral-500" : "text-neutral-400"}`, children: step.label })] }), idx < steps.length - 1 && (_jsx(Span, { className: "h-px flex-1 bg-neutral-200" }))] }, step.id));
+                                        : "bg-neutral-200 dark:bg-slate-700 text-neutral-500 dark:text-zinc-400"}`, children: isDone ? "✓" : idx + 1 }), _jsx(Span, { className: `text-sm font-medium ${isActive ? "text-neutral-900 dark:text-zinc-100" : isDone ? "text-neutral-500 dark:text-zinc-400" : "text-neutral-400 dark:text-zinc-500"}`, children: step.label })] }), idx < steps.length - 1 && (_jsx(Span, { className: "h-px flex-1 bg-neutral-200 dark:bg-slate-700" }))] }, step.id));
         }) }));
 }

package/dist/features/checkout/hooks/useCheckoutApi.js

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { useCheckoutReadQueries } from "../../cart";

package/dist/features/checkout/hooks/usePaymentCheckout.d.ts

@@ -1,4 +1,3 @@
-import "client-only";
 import type { IClientPaymentGateway, OpenGatewayOptions } from "../../../contracts/client-payment-gateway";
 import type { PlaceOrderResponse } from "../hooks/useCheckoutApi";
 import { useCheckout as useCheckoutApi } from "../hooks/useCheckoutApi";

package/dist/features/checkout/hooks/usePaymentCheckout.js

@@ -1,10 +1,9 @@
 "use client";
-import "client-only";
 import { useCallback, useRef, useState } from "react";
 import { getClientPaymentGateway } from "../../../contracts/client-payment-gateway";
 import { useCheckout as useCheckoutApi } from "../hooks/useCheckoutApi";
 import { usePaymentEvent, } from "../../payments/hooks/usePaymentEvent";
-// ─── Hook ──────────────────────────────────────────────────────────────────
+// --- Hook ------------------------------------------------------------------
 const INITIAL_STATE = {
     step: "idle",
     error: null,

package/dist/features/checkout/server.d.ts

@@ -3,6 +3,5 @@
  *
  * Server-only entry point for checkout repositories and server actions.
  */
-import "server-only";
 export * from "./actions";
 export * from "./repository/failed-checkout.repository";

package/dist/features/checkout/server.js

@@ -3,6 +3,5 @@
  *
  * Server-only entry point for checkout repositories and server actions.
  */
-import "server-only";
 export * from "./actions";
 export * from "./repository/failed-checkout.repository";

package/dist/features/collections/components/CollectionCard.js

@@ -1,8 +1,8 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Div, Heading, Text, TextLink } from "../../../ui";
+import { LAYOUT } from "../../../tokens";
 export function CollectionCard({ collection, href }) {
-    return (_jsxs(TextLink, { href: href, className: "group relative block overflow-hidden rounded-xl bg-gray-100 transition-shadow hover:shadow-lg", children: [collection.image ? (_jsx(Div, { role: "img", "aria-label": collection.title, className: "h-48 w-full bg-cover bg-center transition-transform duration-300 group-hover:scale-105", style: { backgroundImage: `url(${collection.image})` } })) : (_jsx(Div, { className: "h-48 w-full bg-gradient-to-br from-indigo-100 to-purple-100" })), _jsxs(Div, { className: "p-4", children: [_jsx(Heading, { level: 3, className: "font-semibold text-gray-900", children: collection.title }), collection.subtitle && (_jsx(Text, { className: "mt-1 text-sm text-gray-500", children: collection.subtitle })), collection.productCount !== undefined && (_jsxs(Text, { className: "mt-2 text-xs text-gray-400", children: [collection.productCount, " ", collection.productCount === 1 ? "item" : "items"] }))] })] }));
+    return (_jsxs(TextLink, { href: href, className: "group relative block overflow-hidden rounded-xl bg-gray-100 dark:bg-slate-800 transition-shadow hover:shadow-lg", children: [collection.image ? (_jsx(Div, { role: "img", "aria-label": collection.title, className: `${LAYOUT.cardHeight.md} w-full bg-cover bg-center transition-transform duration-300 group-hover:scale-105`, style: { backgroundImage: `url(${collection.image})` } })) : (_jsx(Div, { className: `${LAYOUT.cardHeight.md} w-full bg-gradient-to-br from-indigo-100 to-purple-100 dark:from-indigo-900/30 dark:to-purple-900/30` })), _jsxs(Div, { className: "p-4 bg-white dark:bg-slate-900", children: [_jsx(Heading, { level: 3, className: "font-semibold text-gray-900 dark:text-zinc-100", children: collection.title }), collection.subtitle && (_jsx(Text, { className: "mt-1 text-sm text-gray-500 dark:text-zinc-400", children: collection.subtitle })), collection.productCount !== undefined && (_jsxs(Text, { className: "mt-2 text-xs text-gray-400 dark:text-zinc-500", children: [collection.productCount, " ", collection.productCount === 1 ? "item" : "items"] }))] })] }));
 }
 export function CollectionGrid({ collections, getHref }) {
     return (_jsx(Div, { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", children: collections.map((c) => (_jsx(CollectionCard, { collection: c, href: getHref(c.slug) }, c.slug))) }));

package/dist/features/collections/hooks/useCollections.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { COLLECTION_ENDPOINTS } from "../../../constants/api-endpoints";
 export function useCollections(opts) {

package/dist/features/collections/schemas/index.d.ts

@@ -24,14 +24,14 @@ export declare const collectionItemSchema: z.ZodObject<{
     active: z.ZodDefault<z.ZodBoolean>;
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    sortOrder: number;
     title: string;
+    sortOrder: number;
     active: boolean;
     slug: string;
-    createdAt?: string | undefined;
     image?: string | undefined;
-    description?: string | undefined;
+    createdAt?: string | undefined;
     subtitle?: string | undefined;
+    description?: string | undefined;
     productCount?: number | undefined;
     bannerImage?: string | undefined;
     brandSlug?: string | undefined;
@@ -40,12 +40,12 @@ export declare const collectionItemSchema: z.ZodObject<{
 }, {
     title: string;
     slug: string;
+    image?: string | undefined;
     createdAt?: string | undefined;
     sortOrder?: number | undefined;
-    image?: string | undefined;
-    description?: string | undefined;
     active?: boolean | undefined;
     subtitle?: string | undefined;
+    description?: string | undefined;
     productCount?: number | undefined;
     bannerImage?: string | undefined;
     brandSlug?: string | undefined;

package/dist/features/collections/server.d.ts

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for collections repositories.
  */
-import "server-only";
 export { CollectionsRepository } from "./repository/collections.repository";

package/dist/features/collections/server.js

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for collections repositories.
  */
-import "server-only";
 export { CollectionsRepository } from "./repository/collections.repository";

package/dist/features/consultation/hooks/useBookConsultation.js

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { CONSULTATION_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/consultation/schemas/index.d.ts

@@ -30,11 +30,11 @@ export declare const consultationBookingSchema: z.ZodObject<{
     status: "pending" | "completed" | "confirmed" | "cancelled" | "no_show";
     email: string;
     name: string;
+    mode?: "online" | "phone" | "in_person" | undefined;
+    message?: string | undefined;
     createdAt?: string | undefined;
     adminNote?: string | undefined;
-    message?: string | undefined;
     userId?: string | undefined;
-    mode?: "phone" | "online" | "in_person" | undefined;
     phone?: string | undefined;
     concern?: string[] | undefined;
     preferredDate?: string | undefined;
@@ -43,12 +43,12 @@ export declare const consultationBookingSchema: z.ZodObject<{
     id: string;
     email: string;
     name: string;
-    createdAt?: string | undefined;
     status?: "pending" | "completed" | "confirmed" | "cancelled" | "no_show" | undefined;
-    adminNote?: string | undefined;
+    mode?: "online" | "phone" | "in_person" | undefined;
     message?: string | undefined;
+    createdAt?: string | undefined;
+    adminNote?: string | undefined;
     userId?: string | undefined;
-    mode?: "phone" | "online" | "in_person" | undefined;
     phone?: string | undefined;
     concern?: string[] | undefined;
     preferredDate?: string | undefined;
@@ -70,8 +70,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     email: string;
     name: string;
     concern: string[];
+    mode?: "online" | "phone" | "in_person" | undefined;
     message?: string | undefined;
-    mode?: "phone" | "online" | "in_person" | undefined;
     phone?: string | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;
@@ -79,8 +79,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     email: string;
     name: string;
     concern: string[];
+    mode?: "online" | "phone" | "in_person" | undefined;
     message?: string | undefined;
-    mode?: "phone" | "online" | "in_person" | undefined;
     phone?: string | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;

package/dist/features/consultation/server.d.ts

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for consultation repositories.
  */
-import "server-only";
 export { ConsultationsRepository } from "./repository/consultations.repository";

package/dist/features/consultation/server.js

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for consultation repositories.
  */
-import "server-only";
 export { ConsultationsRepository } from "./repository/consultations.repository";

package/dist/features/contact/components/ContactInfoSidebar.js

@@ -1,6 +1,5 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Div, Heading, Span, Stack, Text } from "../../../ui";
 export function ContactInfoSidebar({ infoItems, labels = {}, renderActions, }) {
-    return (_jsxs(Stack, { as: "aside", gap: "lg", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 3, className: "mb-4", children: labels.title ?? "Contact Information" }), _jsx(Stack, { gap: "md", children: infoItems.map((item) => (_jsxs(Div, { className: "flex items-start gap-3", children: [_jsx(Span, { className: "text-xl flex-shrink-0 mt-0.5", children: item.icon }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wide mb-0.5", children: item.label }), item.href ? (_jsx("a", { href: item.href, className: "text-sm text-primary hover:underline", children: item.value })) : (_jsx(Text, { className: "text-sm", children: item.value }))] })] }, item.label))) })] }), (labels.businessHoursLabel || labels.responseTimeLabel) && (_jsxs(Stack, { gap: "sm", className: "rounded-xl border border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800/60 p-4", children: [labels.businessHoursLabel && labels.businessHoursValue && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wide", children: labels.businessHoursLabel }), _jsx(Text, { className: "text-sm mt-0.5", children: labels.businessHoursValue })] })), labels.responseTimeLabel && labels.responseTimeValue && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wide", children: labels.responseTimeLabel }), _jsx(Text, { className: "text-sm mt-0.5", children: labels.responseTimeValue })] }))] })), renderActions?.()] }));
+    return (_jsxs(Stack, { as: "aside", gap: "lg", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 3, className: "mb-4", children: labels.title ?? "Contact Information" }), _jsx(Stack, { gap: "md", children: infoItems.map((item) => (_jsxs(Div, { className: "flex items-start gap-3", children: [_jsx(Span, { className: "text-xl flex-shrink-0 mt-0.5", children: item.icon }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wide mb-0.5", children: item.label }), item.href ? (_jsx("a", { href: item.href, className: "text-sm text-primary-800 dark:text-primary-300 hover:underline", children: item.value })) : (_jsx(Text, { className: "text-sm", children: item.value }))] })] }, item.label))) })] }), (labels.businessHoursLabel || labels.responseTimeLabel) && (_jsxs(Stack, { gap: "sm", className: "rounded-xl border border-neutral-200 dark:border-slate-700 bg-neutral-50 dark:bg-slate-800/60 p-4", children: [labels.businessHoursLabel && labels.businessHoursValue && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wide", children: labels.businessHoursLabel }), _jsx(Text, { className: "text-sm mt-0.5", children: labels.businessHoursValue })] })), labels.responseTimeLabel && labels.responseTimeValue && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wide", children: labels.responseTimeLabel }), _jsx(Text, { className: "text-sm mt-0.5", children: labels.responseTimeValue })] }))] })), renderActions?.()] }));
 }

package/dist/features/contact/components/ContactPageView.d.ts

@@ -0,0 +1 @@
+export declare function ContactPageView(): import("react/jsx-runtime").JSX.Element;

package/dist/features/contact/components/ContactPageView.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Div, Heading, Main, Section, Stack, Text } from "../../../ui";
+import { AdSlot } from "../../homepage/components/AdSlot";
+import { ContactForm } from "./ContactForm";
+import { ContactInfoSidebar } from "./ContactInfoSidebar";
+async function submitContact(data) {
+    const response = await fetch("/api/contact", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data),
+    });
+    if (!response.ok) {
+        throw new Error("Contact submit failed");
+    }
+}
+export function ContactPageView() {
+    return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", className: "space-y-8", children: [_jsxs(Stack, { gap: "3", children: [_jsx(Heading, { level: 1, className: "text-3xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Contact Us" }), _jsx(Text, { className: "text-zinc-500 dark:text-zinc-400", children: "Questions, support requests, or partnership inquiries." })] }), _jsx(AdSlot, { id: "detail-below-gallery", className: "mb-2" }), _jsxs(Div, { className: "grid grid-cols-12 gap-6", children: [_jsx(Div, { className: "col-span-12 lg:col-span-8", children: _jsx(ContactForm, { onSubmit: submitContact, labels: {
+                                        title: "Send us a message",
+                                        nameLabel: "Your Name",
+                                        emailLabel: "Email Address",
+                                        subjectLabel: "Subject",
+                                        messageLabel: "Message",
+                                        submitButton: "Send Message",
+                                    } }) }), _jsx(Div, { className: "col-span-12 lg:col-span-4", children: _jsx(ContactInfoSidebar, { infoItems: [
+                                        {
+                                            icon: "📧",
+                                            label: "Email",
+                                            value: "support@letitrip.in",
+                                            href: "mailto:support@letitrip.in",
+                                        },
+                                        {
+                                            icon: "💬",
+                                            label: "WhatsApp",
+                                            value: "+91 70000 00000",
+                                            href: "https://wa.me/917000000000",
+                                        },
+                                    ], labels: {
+                                        title: "Support",
+                                        businessHoursLabel: "Business Hours",
+                                        businessHoursValue: "Mon-Sat · 10:00 AM - 7:00 PM IST",
+                                        responseTimeLabel: "Response Time",
+                                        responseTimeValue: "Usually within 24 hours",
+                                    } }) })] }), _jsx(AdSlot, { id: "detail-below-price" })] }) }) }));
+}

package/dist/features/contact/components/index.d.ts

@@ -1,4 +1,5 @@
 export { ContactForm } from "./ContactForm";
 export type { ContactFormProps } from "./ContactForm";
 export { ContactInfoSidebar } from "./ContactInfoSidebar";
+export { ContactPageView } from "./ContactPageView";
 export type { ContactInfoSidebarProps, ContactInfoItem, } from "./ContactInfoSidebar";

package/dist/features/contact/components/index.js

@@ -1,2 +1,3 @@
 export { ContactForm } from "./ContactForm";
 export { ContactInfoSidebar } from "./ContactInfoSidebar";
+export { ContactPageView } from "./ContactPageView";

package/dist/features/contact/email.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 type SendEmailOptions = Record<string, unknown> & {
     to: string | string[];
     subject: string;

package/dist/features/contact/email.js

@@ -1,4 +1,3 @@
-import "server-only";
 import { getProviders } from "../../contracts";
 import { serverLogger } from "../../monitoring";
 import { currentYear, formatCurrency, formatDateTime, nowMs, } from "../../utils";

package/dist/features/contact/hooks/useContactSubmit.js

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 export function useContactSubmit(options) {
     return useMutation({

package/dist/features/contact/server.d.ts

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for contact email functionality.
  */
-import "server-only";
 export * from "./email";

package/dist/features/contact/server.js

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for contact email functionality.
  */
-import "server-only";
 export * from "./email";

package/dist/features/copilot/components/AdminCopilotView.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
 export interface AdminCopilotViewProps {
-    /** API endpoint for the copilot chat (default: /api/copilot/chat) */
     endpoint?: string;
-    /** Render the page header (title + new conversation button) */
+    historyEndpoint?: string;
     renderHeader?: (onNewConversation: () => void) => React.ReactNode;
     labels?: {
         title?: string;
@@ -12,10 +11,11 @@ export interface AdminCopilotViewProps {
         inputPlaceholder?: string;
         sendButton?: string;
         sendingButton?: string;
-        you?: string;
-        assistant?: string;
         errorLabel?: string;
+        conversationId?: string;
+        loadConversation?: string;
+        historyTitle?: string;
     };
     className?: string;
 }
-export declare function AdminCopilotView({ endpoint, renderHeader, labels, className, }: AdminCopilotViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminCopilotView({ endpoint, historyEndpoint, renderHeader, labels, className, }: AdminCopilotViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +1,44 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui";
+import { useEffect, useRef, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Alert, Button, Div, Heading, Input, Span, StackedViewShell, Text, } from "../../../ui";
+import { apiClient } from "../../../http";
 import { useCopilotChat } from "../hooks/useCopilotChat";
-function MessageBubble({ msg, labels, }) {
+import { THEME_CONSTANTS } from "../../../tokens";
+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, { className: "mt-1 block text-xs opacity-60", children: [(msg.durationMs / 1000).toFixed(1), "s"] }))] }) }));
+                : "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, { className: "mt-1 block text-xs opacity-60", children: [(msg.durationMs / 1000).toFixed(1), "s"] })) : null] }) }));
 }
-export function AdminCopilotView({ endpoint, renderHeader, labels = {}, className = "", }) {
+export function AdminCopilotView({ endpoint, historyEndpoint = "/api/copilot/history", renderHeader, labels = {}, className = "", }) {
     const [input, setInput] = useState("");
+    const [conversationInput, setConversationInput] = useState("");
     const messagesEndRef = useRef(null);
-    const { messages, sendMessage, startNewConversation, isLoading, error } = useCopilotChat({ endpoint });
+    const { messages, conversationId, sendMessage, startNewConversation, loadConversation, isLoading, error, } = useCopilotChat({ endpoint });
+    const historyQuery = useQuery({
+        queryKey: ["copilot-history", historyEndpoint, conversationId],
+        queryFn: () => apiClient.get(`${historyEndpoint}?conversationId=${encodeURIComponent(conversationId)}`),
+        staleTime: 15000,
+    });
     useEffect(() => {
         messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
     }, [messages]);
-    const handleSubmit = (e) => {
-        e.preventDefault();
+    const handleSubmit = (event) => {
+        event.preventDefault();
         if (!input.trim() || isLoading)
             return;
         sendMessage(input.trim());
         setInput("");
     };
-    return (_jsxs(Div, { className: `space-y-4 ${className}`, children: [renderHeader ? (renderHeader(startNewConversation)) : (_jsxs(Div, { className: "flex items-center justify-between", 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: "flex flex-col rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 h-[calc(100vh-260px)]", children: [_jsxs(Div, { className: "flex-1 overflow-y-auto p-4 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" })] })), messages.map((msg) => (_jsx(MessageBubble, { msg: msg, labels: labels }, 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, { className: "text-sm opacity-60 animate-pulse", children: "Thinking\u2026" }) }) })), error && (_jsx(Text, { className: "text-center text-sm text-red-500", children: labels.errorLabel ?? "An error occurred. Please try again." })), _jsx("div", { ref: messagesEndRef })] }), _jsx(Div, { className: "border-t border-neutral-200 dark:border-slate-700 p-3", 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 (_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-3", children: _jsxs(Text, { className: "text-xs font-medium text-neutral-500 dark:text-zinc-400", children: [labels.conversationId ?? "Conversation ID", ": ", conversationId] }) }), _jsxs(Div, { className: "flex-1 overflow-y-auto p-4 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, { className: "text-sm opacity-60 animate-pulse", children: "Thinking..." }) }) })) : null, error ? (_jsx(Text, { className: "text-center text-sm text-red-500", 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-3", 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, { className: "rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4 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) => {
+                                    event.preventDefault();
+                                    if (!conversationInput.trim())
+                                        return;
+                                    loadConversation(conversationInput.trim());
+                                }, children: [_jsx(Input, { label: labels.conversationId ?? "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 overflow-y-auto 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] })] })] }),
+        ] }));
 }

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

@@ -11,11 +11,14 @@ export interface CopilotChatResponse {
 }
 interface UseCopilotChatOptions {
     endpoint?: string;
+    initialConversationId?: string;
 }
 export declare function useCopilotChat(options?: UseCopilotChatOptions): {
     messages: CopilotMessage[];
+    conversationId: string;
     sendMessage: (prompt: string) => void;
     startNewConversation: () => void;
+    loadConversation: (nextConversationId: string) => void;
     isLoading: boolean;
     error: Error | null;
 };

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

@@ -12,7 +12,7 @@ function generateConversationId() {
 export function useCopilotChat(options) {
     const endpoint = options?.endpoint ?? COPILOT_ENDPOINTS.CHAT;
     const [messages, setMessages] = useState([]);
-    const [conversationId, setConversationId] = useState(generateConversationId);
+    const [conversationId, setConversationId] = useState(() => options?.initialConversationId ?? generateConversationId());
     const mutation = useMutation({
         mutationFn: async (prompt) => {
             const res = await apiClient.post(endpoint, { prompt, conversationId });
@@ -47,10 +47,18 @@ export function useCopilotChat(options) {
         setMessages([]);
         setConversationId(generateConversationId());
     }, []);
+    const loadConversation = useCallback((nextConversationId) => {
+        if (!nextConversationId.trim())
+            return;
+        setMessages([]);
+        setConversationId(nextConversationId.trim());
+    }, []);
     return {
         messages,
+        conversationId,
         sendMessage,
         startNewConversation,
+        loadConversation,
         isLoading: mutation.isPending,
         error: mutation.error,
     };

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

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 /**

package/dist/features/corporate/hooks/useSubmitCorporateInquiry.js

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { CORPORATE_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/corporate/schemas/index.d.ts

@@ -45,8 +45,8 @@ export declare const corporateInquirySchema: z.ZodObject<{
     email: string;
     companyName: string;
     contactPerson: string;
-    createdAt?: string | undefined;
     status?: "pending" | "contacted" | "proposal_sent" | "negotiating" | "closed_won" | "closed_lost" | undefined;
+    createdAt?: string | undefined;
     adminNote?: string | undefined;
     phone?: string | undefined;
     designation?: string | undefined;

package/dist/features/corporate/server.d.ts

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for corporate repositories.
  */
-import "server-only";
 export { CorporateRepository } from "./repository/corporate.repository";

package/dist/features/corporate/server.js

@@ -3,5 +3,4 @@
  *
  * Server-only entry point for corporate repositories.
  */
-import "server-only";
 export { CorporateRepository } from "./repository/corporate.repository";

package/dist/features/cron/firebase-adapters.js

@@ -21,7 +21,7 @@
  * export const auctionExpiryPubSub = wrapPubSub(pubsub, "auctions_expire", auctionExpiryJob.handler);
  * ```
  */
-// ─── wrapScheduled ────────────────────────────────────────────────────────────
+// --- wrapScheduled ------------------------------------------------------------
 /**
  * Wraps a `CronJobDefinition` as a Firebase `onSchedule` Cloud Function.
  *
@@ -41,7 +41,7 @@ export function wrapScheduled(schedulerApi, job) {
         });
     });
 }
-// ─── wrapPubSub ───────────────────────────────────────────────────────────────
+// --- wrapPubSub ---------------------------------------------------------------
 /**
  * Wraps a `PubSubJobFn` as a Firebase Pub/Sub `onMessagePublished` function.
  *

package/dist/features/cron/index.js

@@ -1,7 +1,7 @@
-// ─── Registry ─────────────────────────────────────────────────────────────────
+// --- Registry -----------------------------------------------------------------
 export { createCronJob, getCronRegistry, getCronRegistrySummary, findCronJob, runJob, _resetCronRegistry, } from "./registry";
-// ─── Firebase adapters ────────────────────────────────────────────────────────
+// --- Firebase adapters --------------------------------------------------------
 export { wrapScheduled, wrapPubSub } from "./firebase-adapters";
-// ─── Built-in jobs ────────────────────────────────────────────────────────────
+// --- Built-in jobs ------------------------------------------------------------
 export { createAuctionExpiryJob } from "./jobs/auction-expiry.job";
 export { createPreOrderReminderJob } from "./jobs/preorder-reminder.job";

package/dist/features/cron/registry.js

@@ -1,6 +1,6 @@
-// ─── Global Registry ──────────────────────────────────────────────────────────
+// --- Global Registry ----------------------------------------------------------
 const registry = new Map();
-// ─── createCronJob ────────────────────────────────────────────────────────────
+// --- createCronJob ------------------------------------------------------------
 /**
  * Factory that creates a fully-typed cron job definition and registers it
  * in the global CronRegistry.
@@ -35,7 +35,7 @@ export function createCronJob(options, handler) {
     registry.set(definition.name, definition);
     return definition;
 }
-// ─── Registry Accessors ───────────────────────────────────────────────────────
+// --- Registry Accessors -------------------------------------------------------
 /** Returns the global registry map (read-only view). */
 export function getCronRegistry() {
     return registry;
@@ -61,7 +61,7 @@ export function findCronJob(name) {
 export function _resetCronRegistry() {
     registry.clear();
 }
-// ─── runJob (test / CI helper) ────────────────────────────────────────────────
+// --- runJob (test / CI helper) ------------------------------------------------
 /**
  * Manually invoke any registered job by name.
  * Useful in integration tests and one-off admin scripts.

package/dist/features/events/actions/event-actions.js

@@ -12,7 +12,7 @@ import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } f
 import { resolveDate } from "../../../utils";
 import { coerceMediaField, getMediaUrl } from "../../../utils";
 import { finalizeStagedMediaField, finalizeStagedMediaObject, finalizeStagedMediaObjectArray, } from "../../media/finalize";
-// ─── Admin: Create Event ──────────────────────────────────────────────────
+// --- Admin: Create Event --------------------------------------------------
 export async function createEvent(adminId, input) {
     const finalizedCoverUrl = await finalizeStagedMediaField(getMediaUrl(input.coverImage) ??
         input.coverImageUrl);
@@ -32,7 +32,7 @@ export async function createEvent(adminId, input) {
     serverLogger.info("createEvent", { adminId, eventId: event.id });
     return event;
 }
-// ─── Admin: Update Event ──────────────────────────────────────────────────
+// --- Admin: Update Event --------------------------------------------------
 export async function updateEvent(adminId, id, input) {
     const existing = await eventRepository.findById(id);
     if (!existing)
@@ -64,7 +64,7 @@ export async function updateEvent(adminId, id, input) {
     serverLogger.info("updateEvent", { adminId, eventId: id });
     return updated;
 }
-// ─── Admin: Delete Event ──────────────────────────────────────────────────
+// --- Admin: Delete Event --------------------------------------------------
 export async function deleteEvent(adminId, id) {
     const existing = await eventRepository.findById(id);
     if (!existing)
@@ -72,7 +72,7 @@ export async function deleteEvent(adminId, id) {
     await eventRepository.delete(id);
     serverLogger.info("deleteEvent", { adminId, eventId: id });
 }
-// ─── Admin: Change Status ─────────────────────────────────────────────────
+// --- Admin: Change Status -------------------------------------------------
 export async function changeEventStatus(adminId, id, status) {
     const existing = await eventRepository.findById(id);
     if (!existing)
@@ -81,7 +81,7 @@ export async function changeEventStatus(adminId, id, status) {
     serverLogger.info("changeEventStatus", { adminId, eventId: id, status });
     return updated;
 }
-// ─── Admin: Update Entry Review ───────────────────────────────────────────
+// --- Admin: Update Entry Review -------------------------------------------
 export async function adminUpdateEventEntry(adminId, eventId, entryId, reviewStatus, reviewNote) {
     await eventEntryRepository.reviewEntry(entryId, reviewStatus, adminId, reviewNote);
     serverLogger.info("adminUpdateEventEntry", {
@@ -91,7 +91,7 @@ export async function adminUpdateEventEntry(adminId, eventId, entryId, reviewSta
         reviewStatus,
     });
 }
-// ─── Read Actions ──────────────────────────────────────────────────────────
+// --- Read Actions ----------------------------------------------------------
 export async function listPublicEvents(params) {
     let filters;
     let sorts;
@@ -178,7 +178,7 @@ export async function adminGetEventStats(eventId) {
         pendingEntries: Math.max(0, totalEntries - approvedEntries - flaggedEntries),
     };
 }
-// ─── Public: Enter Event ───────────────────────────────────────────────────
+// --- Public: Enter Event ---------------------------------------------------
 export async function enterEvent(eventId, input, user) {
     const event = await eventRepository.findById(eventId);
     if (!event || event.status !== "active") {