@contractspec/example.marketplace 1.56.1 → 1.58.0

package/dist/ui/index.js

@@ -1,6 +1,669 @@
-import { marketplaceDashboardMarkdownRenderer, orderListMarkdownRenderer, productCatalogMarkdownRenderer } from "./renderers/marketplace.markdown.js";
-import { useMarketplaceData } from "./hooks/useMarketplaceData.js";
-import { MarketplaceDashboard } from "./MarketplaceDashboard.js";
-import "./hooks/index.js";
+// @bun
+// src/ui/renderers/marketplace.markdown.ts
+var mockStores = [
+  {
+    id: "store-1",
+    name: "Tech Gadgets Store",
+    status: "ACTIVE",
+    productCount: 45,
+    rating: 4.8
+  },
+  {
+    id: "store-2",
+    name: "Home & Garden",
+    status: "ACTIVE",
+    productCount: 120,
+    rating: 4.5
+  },
+  {
+    id: "store-3",
+    name: "Fashion Boutique",
+    status: "PENDING",
+    productCount: 0,
+    rating: 0
+  }
+];
+var mockProducts = [
+  {
+    id: "prod-1",
+    name: "Wireless Earbuds",
+    storeId: "store-1",
+    price: 79.99,
+    currency: "USD",
+    status: "ACTIVE",
+    stock: 150
+  },
+  {
+    id: "prod-2",
+    name: "Smart Watch",
+    storeId: "store-1",
+    price: 249.99,
+    currency: "USD",
+    status: "ACTIVE",
+    stock: 50
+  },
+  {
+    id: "prod-3",
+    name: "Garden Tools Set",
+    storeId: "store-2",
+    price: 89.99,
+    currency: "USD",
+    status: "ACTIVE",
+    stock: 30
+  },
+  {
+    id: "prod-4",
+    name: "Indoor Plant Kit",
+    storeId: "store-2",
+    price: 45.99,
+    currency: "USD",
+    status: "ACTIVE",
+    stock: 75
+  },
+  {
+    id: "prod-5",
+    name: "LED Desk Lamp",
+    storeId: "store-1",
+    price: 34.99,
+    currency: "USD",
+    status: "OUT_OF_STOCK",
+    stock: 0
+  }
+];
+var mockOrders = [
+  {
+    id: "ord-1",
+    storeId: "store-1",
+    customerId: "cust-1",
+    total: 329.98,
+    currency: "USD",
+    status: "DELIVERED",
+    itemCount: 2,
+    createdAt: "2024-01-15T10:00:00Z"
+  },
+  {
+    id: "ord-2",
+    storeId: "store-2",
+    customerId: "cust-2",
+    total: 135.98,
+    currency: "USD",
+    status: "SHIPPED",
+    itemCount: 2,
+    createdAt: "2024-01-14T14:00:00Z"
+  },
+  {
+    id: "ord-3",
+    storeId: "store-1",
+    customerId: "cust-3",
+    total: 79.99,
+    currency: "USD",
+    status: "PROCESSING",
+    itemCount: 1,
+    createdAt: "2024-01-16T08:00:00Z"
+  },
+  {
+    id: "ord-4",
+    storeId: "store-2",
+    customerId: "cust-4",
+    total: 45.99,
+    currency: "USD",
+    status: "PENDING",
+    itemCount: 1,
+    createdAt: "2024-01-16T12:00:00Z"
+  }
+];
+function formatCurrency(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 2
+  }).format(value);
+}
+var marketplaceDashboardMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "MarketplaceDashboard") {
+      throw new Error("marketplaceDashboardMarkdownRenderer: not MarketplaceDashboard");
+    }
+    const stores = mockStores;
+    const products = mockProducts;
+    const orders = mockOrders;
+    const activeStores = stores.filter((s) => s.status === "ACTIVE");
+    const activeProducts = products.filter((p) => p.status === "ACTIVE");
+    const totalRevenue = orders.reduce((sum, o) => sum + o.total, 0);
+    const pendingOrders = orders.filter((o) => o.status === "PENDING" || o.status === "PROCESSING");
+    const lines = [
+      "# Marketplace Dashboard",
+      "",
+      "> Two-sided marketplace overview",
+      "",
+      "## Summary",
+      "",
+      "| Metric | Value |",
+      "|--------|-------|",
+      `| Active Stores | ${activeStores.length} |`,
+      `| Active Products | ${activeProducts.length} |`,
+      `| Total Orders | ${orders.length} |`,
+      `| Total Revenue | ${formatCurrency(totalRevenue)} |`,
+      `| Pending Orders | ${pendingOrders.length} |`,
+      "",
+      "## Top Stores",
+      "",
+      "| Store | Products | Rating | Status |",
+      "|-------|----------|--------|--------|"
+    ];
+    for (const store of stores.slice(0, 5)) {
+      lines.push(`| ${store.name} | ${store.productCount} | \u2B50 ${store.rating || "N/A"} | ${store.status} |`);
+    }
+    lines.push("");
+    lines.push("## Recent Orders");
+    lines.push("");
+    lines.push("| Order | Items | Total | Status | Date |");
+    lines.push("|-------|-------|-------|--------|------|");
+    for (const order of orders.slice(0, 10)) {
+      const date = new Date(order.createdAt).toLocaleDateString();
+      lines.push(`| ${order.id} | ${order.itemCount} | ${formatCurrency(order.total, order.currency)} | ${order.status} | ${date} |`);
+    }
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+var productCatalogMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "ProductCatalog") {
+      throw new Error("productCatalogMarkdownRenderer: not ProductCatalog");
+    }
+    const products = mockProducts;
+    const stores = mockStores;
+    const lines = [
+      "# Product Catalog",
+      "",
+      "> Browse products across all marketplace stores",
+      ""
+    ];
+    for (const store of stores.filter((s) => s.status === "ACTIVE")) {
+      const storeProducts = products.filter((p) => p.storeId === store.id);
+      if (storeProducts.length === 0)
+        continue;
+      lines.push(`## ${store.name}`);
+      lines.push("");
+      lines.push("| Product | Price | Stock | Status |");
+      lines.push("|---------|-------|-------|--------|");
+      for (const product of storeProducts) {
+        const stockStatus = product.stock > 0 ? `${product.stock} in stock` : "Out of stock";
+        lines.push(`| ${product.name} | ${formatCurrency(product.price, product.currency)} | ${stockStatus} | ${product.status} |`);
+      }
+      lines.push("");
+    }
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+var orderListMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "OrderList") {
+      throw new Error("orderListMarkdownRenderer: not OrderList");
+    }
+    const orders = mockOrders;
+    const stores = mockStores;
+    const lines = [
+      "# Orders",
+      "",
+      "> Manage marketplace orders",
+      "",
+      "| Order ID | Store | Items | Total | Status | Created |",
+      "|----------|-------|-------|-------|--------|---------|"
+    ];
+    for (const order of orders) {
+      const store = stores.find((s) => s.id === order.storeId);
+      const date = new Date(order.createdAt).toLocaleDateString();
+      lines.push(`| ${order.id} | ${store?.name ?? "Unknown"} | ${order.itemCount} | ${formatCurrency(order.total, order.currency)} | ${order.status} | ${date} |`);
+    }
+    lines.push("");
+    lines.push("## Order Status Legend");
+    lines.push("");
+    lines.push("- **PENDING**: Awaiting payment confirmation");
+    lines.push("- **PROCESSING**: Being prepared");
+    lines.push("- **SHIPPED**: In transit");
+    lines.push("- **DELIVERED**: Order completed");
+    lines.push("- **CANCELLED**: Order cancelled");
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+// src/ui/hooks/useMarketplaceData.ts
+import { useCallback, useEffect, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+"use client";
+function useMarketplaceData(projectId = "local-project") {
+  const { handlers } = useTemplateRuntime();
+  const marketplace = handlers.marketplace;
+  const [stores, setStores] = useState([]);
+  const [products, setProducts] = useState([]);
+  const [orders, setOrders] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [totalRevenue, setTotalRevenue] = useState(0);
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const [storeResult, productResult, orderResult] = await Promise.all([
+        marketplace.listStores({ projectId, limit: 100 }),
+        marketplace.listProducts({ limit: 100 }),
+        marketplace.listOrders({ projectId, limit: 100 })
+      ]);
+      setStores(storeResult.stores);
+      setProducts(productResult.products);
+      setOrders(orderResult.orders);
+      setTotalRevenue(orderResult.totalRevenue);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load marketplace"));
+    } finally {
+      setLoading(false);
+    }
+  }, [marketplace, projectId]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = {
+    totalStores: stores.length,
+    activeStores: stores.filter((s) => s.status === "ACTIVE").length,
+    totalProducts: products.length,
+    totalOrders: orders.length,
+    totalRevenue,
+    pendingOrders: orders.filter((o) => o.status === "PENDING").length
+  };
+  return {
+    stores,
+    products,
+    orders,
+    loading,
+    error,
+    stats,
+    refetch: fetchData
+  };
+}
 
-export { MarketplaceDashboard, marketplaceDashboardMarkdownRenderer, orderListMarkdownRenderer, productCatalogMarkdownRenderer, useMarketplaceData };
+// src/ui/MarketplaceDashboard.tsx
+import { useState as useState2 } from "react";
+import {
+  Button,
+  ErrorState,
+  LoaderBlock,
+  StatCard,
+  StatCardGroup
+} from "@contractspec/lib.design-system";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var STATUS_COLORS = {
+  ACTIVE: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+  PENDING: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
+  SUSPENDED: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+  DRAFT: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",
+  OUT_OF_STOCK: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400",
+  ARCHIVED: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",
+  CONFIRMED: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+  PROCESSING: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-400",
+  SHIPPED: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400",
+  DELIVERED: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+  CANCELLED: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
+};
+function formatCurrency2(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  }).format(value);
+}
+function MarketplaceDashboard() {
+  const [activeTab, setActiveTab] = useState2("stores");
+  const { stores, products, orders, loading, error, stats, refetch } = useMarketplaceData();
+  const tabs = [
+    { id: "stores", label: "Stores", icon: "\uD83C\uDFEA" },
+    { id: "products", label: "Products", icon: "\uD83D\uDCE6" },
+    { id: "orders", label: "Orders", icon: "\uD83D\uDED2" }
+  ];
+  if (loading) {
+    return /* @__PURE__ */ jsxDEV(LoaderBlock, {
+      label: "Loading Marketplace..."
+    }, undefined, false, undefined, this);
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxDEV(ErrorState, {
+      title: "Failed to load Marketplace",
+      description: error.message,
+      onRetry: refetch,
+      retryLabel: "Retry"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-between",
+        children: [
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: "Marketplace"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Button, {
+            onClick: () => alert("Create store modal"),
+            children: [
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "mr-2",
+                children: "+"
+              }, undefined, false, undefined, this),
+              " New Store"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Stores",
+            value: stats.totalStores,
+            hint: `${stats.activeStores} active`
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Products",
+            value: stats.totalProducts,
+            hint: "listed"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Orders",
+            value: stats.totalOrders,
+            hint: `${stats.pendingOrders} pending`
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(StatCard, {
+            label: "Revenue",
+            value: formatCurrency2(stats.totalRevenue),
+            hint: "total"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("nav", {
+        className: "bg-muted flex gap-1 rounded-lg p-1",
+        role: "tablist",
+        children: tabs.map((tab) => /* @__PURE__ */ jsxDEV(Button, {
+          type: "button",
+          role: "tab",
+          "aria-selected": activeTab === tab.id,
+          onClick: () => setActiveTab(tab.id),
+          className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              children: tab.icon
+            }, undefined, false, undefined, this),
+            tab.label
+          ]
+        }, tab.id, true, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "min-h-[400px]",
+        role: "tabpanel",
+        children: [
+          activeTab === "stores" && /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV("table", {
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsxDEV("thead", {
+                  className: "border-border bg-muted/30 border-b",
+                  children: /* @__PURE__ */ jsxDEV("tr", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Store"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Status"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Rating"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Reviews"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("tbody", {
+                  className: "divide-border divide-y",
+                  children: [
+                    stores.map((store) => /* @__PURE__ */ jsxDEV("tr", {
+                      className: "hover:bg-muted/50",
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: [
+                            /* @__PURE__ */ jsxDEV("div", {
+                              className: "font-medium",
+                              children: store.name
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV("div", {
+                              className: "text-muted-foreground text-sm",
+                              children: store.description
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: /* @__PURE__ */ jsxDEV("span", {
+                            className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${STATUS_COLORS[store.status] ?? ""}`,
+                            children: store.status
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: /* @__PURE__ */ jsxDEV("span", {
+                            className: "flex items-center gap-1",
+                            children: [
+                              "\u2B50 ",
+                              store.rating.toFixed(1)
+                            ]
+                          }, undefined, true, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "text-muted-foreground px-4 py-3 text-sm",
+                          children: [
+                            store.reviewCount,
+                            " reviews"
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, store.id, true, undefined, this)),
+                    stores.length === 0 && /* @__PURE__ */ jsxDEV("tr", {
+                      children: /* @__PURE__ */ jsxDEV("td", {
+                        colSpan: 4,
+                        className: "text-muted-foreground px-4 py-8 text-center",
+                        children: "No stores found"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          activeTab === "products" && /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV("table", {
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsxDEV("thead", {
+                  className: "border-border bg-muted/30 border-b",
+                  children: /* @__PURE__ */ jsxDEV("tr", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Product"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Price"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Stock"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Status"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("tbody", {
+                  className: "divide-border divide-y",
+                  children: [
+                    products.map((product) => /* @__PURE__ */ jsxDEV("tr", {
+                      className: "hover:bg-muted/50",
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: [
+                            /* @__PURE__ */ jsxDEV("div", {
+                              className: "font-medium",
+                              children: product.name
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV("div", {
+                              className: "text-muted-foreground text-sm",
+                              children: product.category
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 font-mono",
+                          children: formatCurrency2(product.price, product.currency)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: product.stock
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: /* @__PURE__ */ jsxDEV("span", {
+                            className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${STATUS_COLORS[product.status] ?? ""}`,
+                            children: product.status
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, product.id, true, undefined, this)),
+                    products.length === 0 && /* @__PURE__ */ jsxDEV("tr", {
+                      children: /* @__PURE__ */ jsxDEV("td", {
+                        colSpan: 4,
+                        className: "text-muted-foreground px-4 py-8 text-center",
+                        children: "No products found"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          activeTab === "orders" && /* @__PURE__ */ jsxDEV("div", {
+            className: "border-border rounded-lg border",
+            children: /* @__PURE__ */ jsxDEV("table", {
+              className: "w-full",
+              children: [
+                /* @__PURE__ */ jsxDEV("thead", {
+                  className: "border-border bg-muted/30 border-b",
+                  children: /* @__PURE__ */ jsxDEV("tr", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Order ID"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Customer"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Total"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Status"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV("th", {
+                        className: "px-4 py-3 text-left text-sm font-medium",
+                        children: "Date"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("tbody", {
+                  className: "divide-border divide-y",
+                  children: [
+                    orders.map((order) => /* @__PURE__ */ jsxDEV("tr", {
+                      className: "hover:bg-muted/50",
+                      children: [
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 font-mono text-sm",
+                          children: order.id
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 text-sm",
+                          children: order.customerId
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3 font-mono",
+                          children: formatCurrency2(order.total, order.currency)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "px-4 py-3",
+                          children: /* @__PURE__ */ jsxDEV("span", {
+                            className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${STATUS_COLORS[order.status] ?? ""}`,
+                            children: order.status
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("td", {
+                          className: "text-muted-foreground px-4 py-3 text-sm",
+                          children: order.createdAt.toLocaleDateString()
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, order.id, true, undefined, this)),
+                    orders.length === 0 && /* @__PURE__ */ jsxDEV("tr", {
+                      children: /* @__PURE__ */ jsxDEV("td", {
+                        colSpan: 5,
+                        className: "text-muted-foreground px-4 py-8 text-center",
+                        children: "No orders found"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/hooks/index.ts
+"use client";
+export {
+  useMarketplaceData,
+  productCatalogMarkdownRenderer,
+  orderListMarkdownRenderer,
+  marketplaceDashboardMarkdownRenderer,
+  MarketplaceDashboard
+};

package/dist/ui/renderers/index.d.ts

@@ -1,2 +1,2 @@
-import { marketplaceDashboardMarkdownRenderer, orderListMarkdownRenderer, productCatalogMarkdownRenderer } from "./marketplace.markdown.js";
-export { marketplaceDashboardMarkdownRenderer, orderListMarkdownRenderer, productCatalogMarkdownRenderer };
+export { marketplaceDashboardMarkdownRenderer, productCatalogMarkdownRenderer, orderListMarkdownRenderer, } from './marketplace.markdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/renderers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/renderers/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oCAAoC,EACpC,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC"}