@elizaos/plugin-shopify-ui 2.0.3-beta.6 → 2.0.3-beta.7

package/dist/components/ShopifySpatialView.js

@@ -0,0 +1,419 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Card,
+  Divider,
+  Field,
+  HStack,
+  List,
+  Text,
+  VStack
+} from "@elizaos/ui/spatial";
+const TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "products", label: "Products" },
+  { id: "orders", label: "Orders" },
+  { id: "inventory", label: "Inventory" },
+  { id: "customers", label: "Customers" }
+];
+function financialTone(status) {
+  switch (status) {
+    case "PAID":
+      return "success";
+    case "PENDING":
+      return "warning";
+    case "REFUNDED":
+    case "PARTIALLY_REFUNDED":
+      return "danger";
+    default:
+      return "muted";
+  }
+}
+function productStatusTone(status) {
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "DRAFT":
+      return "warning";
+    default:
+      return "muted";
+  }
+}
+function inventoryTone(available) {
+  if (available === 0) return "danger";
+  if (available <= 5) return "warning";
+  return "default";
+}
+function CountTile({
+  label,
+  value,
+  tone,
+  agent,
+  onPress
+}) {
+  return /* @__PURE__ */ jsxs(VStack, { gap: 0, grow: 1, children: [
+    /* @__PURE__ */ jsx(Text, { style: "subheading", tone, bold: true, children: value.toLocaleString() }),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", tone: "default", agent, onPress, children: label })
+  ] });
+}
+function OverviewSection({
+  snapshot,
+  onAction
+}) {
+  const lowInventory = snapshot.inventoryItems.filter(
+    (item) => item.available <= 5
+  );
+  const urgent = lowInventory.filter((item) => item.available === 0).length;
+  const go = (tab) => () => onAction?.(`tab:${tab}`);
+  return /* @__PURE__ */ jsxs(VStack, { gap: 1, width: "100%", children: [
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        CountTile,
+        {
+          label: "Products",
+          value: snapshot.counts.productCount,
+          tone: "primary",
+          agent: "overview-products",
+          onPress: go("products")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CountTile,
+        {
+          label: "Orders",
+          value: snapshot.counts.orderCount,
+          tone: "success",
+          agent: "overview-orders",
+          onPress: go("orders")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CountTile,
+        {
+          label: "Low stock",
+          value: lowInventory.length,
+          tone: urgent > 0 ? "danger" : "warning",
+          agent: "overview-inventory",
+          onPress: go("inventory")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CountTile,
+        {
+          label: "Customers",
+          value: snapshot.counts.customerCount,
+          tone: "muted",
+          agent: "overview-customers",
+          onPress: go("customers")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { label: "recent orders" }),
+    snapshot.orders.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: snapshot.orders.slice(0, 3).map((order) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, width: 9, children: order.name }),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, wrap: false, children: order.email || "guest" }),
+      /* @__PURE__ */ jsxs(Text, { wrap: false, children: [
+        order.totalPrice,
+        " ",
+        order.currencyCode
+      ] })
+    ] }, order.id)) }),
+    /* @__PURE__ */ jsx(Divider, { label: "low inventory" }),
+    lowInventory.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "Stock levels look good" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: lowInventory.slice(0, 3).map((item) => /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        gap: 1,
+        align: "center",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxs(Text, { grow: 1, wrap: false, children: [
+            item.productTitle,
+            item.variantTitle ? ` / ${item.variantTitle}` : ""
+          ] }),
+          /* @__PURE__ */ jsx(Text, { tone: inventoryTone(item.available), bold: true, children: item.available })
+        ]
+      },
+      `${item.id}:${item.locationName}`
+    )) })
+  ] });
+}
+const PRODUCTS_PAGE_SIZE = 20;
+function ProductsSection({
+  snapshot,
+  onAction
+}) {
+  const totalPages = Math.max(
+    1,
+    Math.ceil(snapshot.productsTotal / PRODUCTS_PAGE_SIZE)
+  );
+  return /* @__PURE__ */ jsxs(VStack, { gap: 1, width: "100%", children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Search products",
+        placeholder: "filter by title",
+        value: snapshot.productSearch,
+        agent: "products-search",
+        onChange: (value) => onAction?.(`products:search:${value}`)
+      }
+    ),
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          label: "New product",
+          placeholder: "product title",
+          agent: "products-create-title",
+          grow: 1,
+          onChange: (value) => onAction?.(`products:create-title:${value}`)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "solid",
+          tone: "primary",
+          agent: "products-create",
+          onPress: () => onAction?.("products:create"),
+          children: "Create"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      snapshot.productSearch ? `search "${snapshot.productSearch}"` : "all products",
+      " ",
+      "| page ",
+      snapshot.productsPage,
+      " of ",
+      totalPages,
+      " |",
+      " ",
+      snapshot.productsTotal,
+      " total"
+    ] }),
+    snapshot.products.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: snapshot.products.slice(0, 6).map((product) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(Text, { tone: productStatusTone(product.status), children: product.status === "ACTIVE" ? "+" : product.status === "DRAFT" ? "." : "x" }),
+      /* @__PURE__ */ jsxs(VStack, { gap: 0, grow: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, children: product.title }),
+        /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", wrap: false, children: product.vendor || product.productType || "uncategorized" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { wrap: false, children: product.priceRange.min === product.priceRange.max ? product.priceRange.min : `${product.priceRange.min}-${product.priceRange.max}` })
+    ] }, product.id)) }),
+    snapshot.productsTotal > PRODUCTS_PAGE_SIZE ? /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          agent: "products-prev-page",
+          disabled: snapshot.productsPage <= 1,
+          onPress: () => onAction?.("products:prev-page"),
+          children: "Prev"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          tone: "default",
+          agent: "products-next-page",
+          disabled: snapshot.productsPage >= totalPages,
+          onPress: () => onAction?.("products:next-page"),
+          children: "Next"
+        }
+      )
+    ] }) : null
+  ] });
+}
+const ORDER_FILTERS = [
+  { id: "any", label: "All" },
+  { id: "unfulfilled", label: "Unfulfilled" },
+  { id: "fulfilled", label: "Fulfilled" }
+];
+function OrdersSection({
+  snapshot,
+  onAction
+}) {
+  return /* @__PURE__ */ jsxs(VStack, { gap: 1, width: "100%", children: [
+    /* @__PURE__ */ jsx(HStack, { gap: 1, wrap: true, width: "100%", children: ORDER_FILTERS.map((filter) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: snapshot.orderStatusFilter === filter.id ? "solid" : "outline",
+        tone: snapshot.orderStatusFilter === filter.id ? "primary" : "default",
+        agent: `orders-filter-${filter.id}`,
+        onPress: () => onAction?.(`orders:filter:${filter.id}`),
+        children: filter.label
+      },
+      filter.id
+    )) }),
+    /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      "filter ",
+      snapshot.orderStatusFilter,
+      " | ",
+      snapshot.ordersTotal,
+      " total"
+    ] }),
+    snapshot.orders.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: snapshot.orders.slice(0, 6).map((order) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, width: 9, children: order.name }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: "caption",
+          tone: financialTone(order.financialStatus),
+          wrap: false,
+          grow: 1,
+          children: order.financialStatus.toLowerCase()
+        }
+      ),
+      /* @__PURE__ */ jsxs(Text, { wrap: false, children: [
+        order.totalPrice,
+        " ",
+        order.currencyCode
+      ] })
+    ] }, order.id)) })
+  ] });
+}
+function InventorySection({ snapshot }) {
+  return /* @__PURE__ */ jsxs(VStack, { gap: 1, width: "100%", children: [
+    /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      snapshot.inventoryItems.length,
+      " rows |",
+      " ",
+      snapshot.inventoryLocations.length,
+      " locations"
+    ] }),
+    snapshot.inventoryItems.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: snapshot.inventoryItems.slice(0, 6).map((item) => /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        gap: 1,
+        align: "center",
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxs(VStack, { gap: 0, grow: 1, children: [
+            /* @__PURE__ */ jsxs(Text, { bold: true, wrap: false, children: [
+              item.productTitle,
+              item.variantTitle ? ` / ${item.variantTitle}` : ""
+            ] }),
+            /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", wrap: false, children: item.locationName })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { tone: inventoryTone(item.available), bold: true, children: item.available }),
+          /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+            "+",
+            item.incoming
+          ] })
+        ]
+      },
+      `${item.id}:${item.locationName}`
+    )) })
+  ] });
+}
+function CustomersSection({
+  snapshot,
+  onAction
+}) {
+  return /* @__PURE__ */ jsxs(VStack, { gap: 1, width: "100%", children: [
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: "Search customers",
+        placeholder: "filter by name or email",
+        value: snapshot.customerSearch,
+        agent: "customers-search",
+        onChange: (value) => onAction?.(`customers:search:${value}`)
+      }
+    ),
+    /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", children: [
+      snapshot.customerSearch ? `search "${snapshot.customerSearch}"` : "all customers",
+      " ",
+      "| ",
+      snapshot.customersTotal,
+      " total"
+    ] }),
+    snapshot.customers.length === 0 ? /* @__PURE__ */ jsx(Text, { tone: "muted", align: "center", style: "caption", children: "None" }) : /* @__PURE__ */ jsx(List, { gap: 0, width: "100%", children: snapshot.customers.slice(0, 6).map((customer) => /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsxs(VStack, { gap: 0, grow: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, wrap: false, children: `${customer.firstName} ${customer.lastName}`.trim() || customer.email || "Customer" }),
+        /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", wrap: false, children: customer.email })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { style: "caption", tone: "muted", wrap: false, children: [
+        customer.ordersCount,
+        " orders"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { wrap: false, children: [
+        customer.totalSpent,
+        " ",
+        customer.currencyCode
+      ] })
+    ] }, customer.id)) })
+  ] });
+}
+function Section({
+  snapshot,
+  onAction
+}) {
+  switch (snapshot.tab) {
+    case "products":
+      return /* @__PURE__ */ jsx(ProductsSection, { snapshot, onAction });
+    case "orders":
+      return /* @__PURE__ */ jsx(OrdersSection, { snapshot, onAction });
+    case "inventory":
+      return /* @__PURE__ */ jsx(InventorySection, { snapshot });
+    case "customers":
+      return /* @__PURE__ */ jsx(CustomersSection, { snapshot, onAction });
+    default:
+      return /* @__PURE__ */ jsx(OverviewSection, { snapshot, onAction });
+  }
+}
+function ShopifySpatialView({
+  snapshot,
+  onAction
+}) {
+  const dispatch = (action) => () => onAction?.(action);
+  const connected = snapshot.status?.connected ?? false;
+  const shop = snapshot.status?.shop ?? null;
+  return /* @__PURE__ */ jsxs(Card, { gap: 1, padding: 1, children: [
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: "caption",
+          tone: connected ? "success" : "danger",
+          wrap: false,
+          children: connected ? "connected" : "offline"
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", grow: 1, align: "end", wrap: false, children: snapshot.loading ? "loading" : shop?.name ?? "no shop" })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { style: "caption", tone: "muted", width: "100%", wrap: false, children: shop?.domain ?? "no domain" }),
+    snapshot.error ? /* @__PURE__ */ jsx(Text, { tone: "danger", style: "caption", children: snapshot.error }) : null,
+    !connected && !snapshot.loading ? /* @__PURE__ */ jsx(Text, { tone: "muted", style: "caption", children: "Set SHOPIFY_STORE_DOMAIN and SHOPIFY_ACCESS_TOKEN for live data." }) : null,
+    /* @__PURE__ */ jsxs(HStack, { gap: 1, wrap: true, width: "100%", children: [
+      TABS.map((tab) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: snapshot.tab === tab.id ? "solid" : "outline",
+          tone: snapshot.tab === tab.id ? "primary" : "default",
+          agent: `tab-${tab.id}`,
+          onPress: dispatch(`tab:${tab.id}`),
+          children: tab.label
+        },
+        tab.id
+      )),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          tone: "default",
+          agent: "refresh",
+          onPress: dispatch("refresh"),
+          children: "Refresh"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, { label: snapshot.tab }),
+    /* @__PURE__ */ jsx(Section, { snapshot, onAction })
+  ] });
+}
+export {
+  ShopifySpatialView
+};
+//# sourceMappingURL=ShopifySpatialView.js.map

package/dist/components/ShopifySpatialView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ShopifySpatialView.tsx"],"sourcesContent":["/**\n * ShopifySpatialView - the Shopify store dashboard authored once with the\n * spatial vocabulary, so it renders correctly wherever it is displayed:\n *\n *   - GUI / XR - mounted in `<SpatialSurface>` (DOM; XR scales up).\n *   - TUI      - rendered to real terminal lines by the agent terminal, via\n *                `registerSpatialTerminalView` (see `register-terminal-view.tsx`).\n *\n * It is purely presentational (a snapshot + an action callback in, primitives\n * out) and imports only the cross-modality primitives plus type-only views of\n * the dashboard data shapes, so it is safe to render in the Node agent process\n * where the terminal lives (no React-DOM / browser runtime import).\n *\n * GUI Tabs map to spatial sections: the dashboard shows a counts strip\n * (overview) and one focused commerce section per active tab. On every surface\n * tab selection is a row of `Button`s; the host swaps `snapshot.tab` and\n * re-renders, so the same authored view drives GUI tab clicks, XR spatial\n * selection, and TUI grid sections from one source of truth.\n */\n\nimport {\n  Button,\n  Card,\n  Divider,\n  Field,\n  HStack,\n  List,\n  type SpatialTone,\n  Text,\n  VStack,\n} from \"@elizaos/ui/spatial\";\nimport type {\n  ShopifyCustomer,\n  ShopifyInventoryItem,\n  ShopifyOrder,\n  ShopifyProduct,\n  ShopifyStatus,\n} from \"../useShopifyDashboard.js\";\n\nexport type ShopifyTab =\n  | \"overview\"\n  | \"products\"\n  | \"orders\"\n  | \"inventory\"\n  | \"customers\";\n\nexport interface ShopifySnapshot {\n  status: ShopifyStatus | null;\n  tab: ShopifyTab;\n  counts: { productCount: number; orderCount: number; customerCount: number };\n  products: ShopifyProduct[];\n  productsTotal: number;\n  productsPage: number;\n  productSearch: string;\n  orders: ShopifyOrder[];\n  ordersTotal: number;\n  orderStatusFilter: string;\n  inventoryItems: ShopifyInventoryItem[];\n  inventoryLocations: string[];\n  customers: ShopifyCustomer[];\n  customersTotal: number;\n  customerSearch: string;\n  loading?: boolean;\n  error?: string | null;\n}\n\nconst TABS: { id: ShopifyTab; label: string }[] = [\n  { id: \"overview\", label: \"Overview\" },\n  { id: \"products\", label: \"Products\" },\n  { id: \"orders\", label: \"Orders\" },\n  { id: \"inventory\", label: \"Inventory\" },\n  { id: \"customers\", label: \"Customers\" },\n];\n\nfunction financialTone(status: ShopifyOrder[\"financialStatus\"]): SpatialTone {\n  switch (status) {\n    case \"PAID\":\n      return \"success\";\n    case \"PENDING\":\n      return \"warning\";\n    case \"REFUNDED\":\n    case \"PARTIALLY_REFUNDED\":\n      return \"danger\";\n    default:\n      return \"muted\";\n  }\n}\n\nfunction productStatusTone(status: ShopifyProduct[\"status\"]): SpatialTone {\n  switch (status) {\n    case \"ACTIVE\":\n      return \"success\";\n    case \"DRAFT\":\n      return \"warning\";\n    default:\n      return \"muted\";\n  }\n}\n\nfunction inventoryTone(available: number): SpatialTone {\n  if (available === 0) return \"danger\";\n  if (available <= 5) return \"warning\";\n  return \"default\";\n}\n\nfunction CountTile({\n  label,\n  value,\n  tone,\n  agent,\n  onPress,\n}: {\n  label: string;\n  value: number;\n  tone: SpatialTone;\n  agent: string;\n  onPress: () => void;\n}) {\n  // Borderless stat block — sections use the outer frame + dividers, not nested\n  // boxes. The trailing Button is the cross-modal hit target that navigates to\n  // the matching tab (GUI parity with the clickable overview tiles).\n  return (\n    <VStack gap={0} grow={1}>\n      <Text style=\"subheading\" tone={tone} bold>\n        {value.toLocaleString()}\n      </Text>\n      <Button variant=\"ghost\" tone=\"default\" agent={agent} onPress={onPress}>\n        {label}\n      </Button>\n    </VStack>\n  );\n}\n\nfunction OverviewSection({\n  snapshot,\n  onAction,\n}: {\n  snapshot: ShopifySnapshot;\n  onAction?: (action: string) => void;\n}) {\n  const lowInventory = snapshot.inventoryItems.filter(\n    (item) => item.available <= 5,\n  );\n  const urgent = lowInventory.filter((item) => item.available === 0).length;\n  const go = (tab: ShopifyTab) => () => onAction?.(`tab:${tab}`);\n  return (\n    <VStack gap={1} width=\"100%\">\n      <HStack gap={1} wrap width=\"100%\">\n        <CountTile\n          label=\"Products\"\n          value={snapshot.counts.productCount}\n          tone=\"primary\"\n          agent=\"overview-products\"\n          onPress={go(\"products\")}\n        />\n        <CountTile\n          label=\"Orders\"\n          value={snapshot.counts.orderCount}\n          tone=\"success\"\n          agent=\"overview-orders\"\n          onPress={go(\"orders\")}\n        />\n        <CountTile\n          label=\"Low stock\"\n          value={lowInventory.length}\n          tone={urgent > 0 ? \"danger\" : \"warning\"}\n          agent=\"overview-inventory\"\n          onPress={go(\"inventory\")}\n        />\n        <CountTile\n          label=\"Customers\"\n          value={snapshot.counts.customerCount}\n          tone=\"muted\"\n          agent=\"overview-customers\"\n          onPress={go(\"customers\")}\n        />\n      </HStack>\n\n      <Divider label=\"recent orders\" />\n      {snapshot.orders.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {snapshot.orders.slice(0, 3).map((order) => (\n            <HStack key={order.id} gap={1} align=\"center\" width=\"100%\">\n              <Text bold wrap={false} width={9}>\n                {order.name}\n              </Text>\n              <Text style=\"caption\" tone=\"muted\" grow={1} wrap={false}>\n                {order.email || \"guest\"}\n              </Text>\n              <Text wrap={false}>\n                {order.totalPrice} {order.currencyCode}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n\n      <Divider label=\"low inventory\" />\n      {lowInventory.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          Stock levels look good\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {lowInventory.slice(0, 3).map((item) => (\n            <HStack\n              key={`${item.id}:${item.locationName}`}\n              gap={1}\n              align=\"center\"\n              width=\"100%\"\n            >\n              <Text grow={1} wrap={false}>\n                {item.productTitle}\n                {item.variantTitle ? ` / ${item.variantTitle}` : \"\"}\n              </Text>\n              <Text tone={inventoryTone(item.available)} bold>\n                {item.available}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n    </VStack>\n  );\n}\n\nconst PRODUCTS_PAGE_SIZE = 20;\n\nfunction ProductsSection({\n  snapshot,\n  onAction,\n}: {\n  snapshot: ShopifySnapshot;\n  onAction?: (action: string) => void;\n}) {\n  const totalPages = Math.max(\n    1,\n    Math.ceil(snapshot.productsTotal / PRODUCTS_PAGE_SIZE),\n  );\n  return (\n    <VStack gap={1} width=\"100%\">\n      <Field\n        label=\"Search products\"\n        placeholder=\"filter by title\"\n        value={snapshot.productSearch}\n        agent=\"products-search\"\n        onChange={(value) => onAction?.(`products:search:${value}`)}\n      />\n      <HStack gap={1} align=\"center\" width=\"100%\">\n        <Field\n          label=\"New product\"\n          placeholder=\"product title\"\n          agent=\"products-create-title\"\n          grow={1}\n          onChange={(value) => onAction?.(`products:create-title:${value}`)}\n        />\n        <Button\n          variant=\"solid\"\n          tone=\"primary\"\n          agent=\"products-create\"\n          onPress={() => onAction?.(\"products:create\")}\n        >\n          Create\n        </Button>\n      </HStack>\n      <Text style=\"caption\" tone=\"muted\">\n        {snapshot.productSearch\n          ? `search \"${snapshot.productSearch}\"`\n          : \"all products\"}{\" \"}\n        | page {snapshot.productsPage} of {totalPages} |{\" \"}\n        {snapshot.productsTotal} total\n      </Text>\n      {snapshot.products.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {snapshot.products.slice(0, 6).map((product) => (\n            <HStack key={product.id} gap={1} align=\"center\" width=\"100%\">\n              <Text tone={productStatusTone(product.status)}>\n                {product.status === \"ACTIVE\"\n                  ? \"+\"\n                  : product.status === \"DRAFT\"\n                    ? \".\"\n                    : \"x\"}\n              </Text>\n              <VStack gap={0} grow={1}>\n                <Text bold wrap={false}>\n                  {product.title}\n                </Text>\n                <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                  {product.vendor || product.productType || \"uncategorized\"}\n                </Text>\n              </VStack>\n              <Text wrap={false}>\n                {product.priceRange.min === product.priceRange.max\n                  ? product.priceRange.min\n                  : `${product.priceRange.min}-${product.priceRange.max}`}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n      {snapshot.productsTotal > PRODUCTS_PAGE_SIZE ? (\n        <HStack gap={1} align=\"center\" width=\"100%\">\n          <Button\n            variant=\"outline\"\n            tone=\"default\"\n            agent=\"products-prev-page\"\n            disabled={snapshot.productsPage <= 1}\n            onPress={() => onAction?.(\"products:prev-page\")}\n          >\n            Prev\n          </Button>\n          <Button\n            variant=\"outline\"\n            tone=\"default\"\n            agent=\"products-next-page\"\n            disabled={snapshot.productsPage >= totalPages}\n            onPress={() => onAction?.(\"products:next-page\")}\n          >\n            Next\n          </Button>\n        </HStack>\n      ) : null}\n    </VStack>\n  );\n}\n\nconst ORDER_FILTERS: { id: string; label: string }[] = [\n  { id: \"any\", label: \"All\" },\n  { id: \"unfulfilled\", label: \"Unfulfilled\" },\n  { id: \"fulfilled\", label: \"Fulfilled\" },\n];\n\nfunction OrdersSection({\n  snapshot,\n  onAction,\n}: {\n  snapshot: ShopifySnapshot;\n  onAction?: (action: string) => void;\n}) {\n  return (\n    <VStack gap={1} width=\"100%\">\n      <HStack gap={1} wrap width=\"100%\">\n        {ORDER_FILTERS.map((filter) => (\n          <Button\n            key={filter.id}\n            variant={\n              snapshot.orderStatusFilter === filter.id ? \"solid\" : \"outline\"\n            }\n            tone={\n              snapshot.orderStatusFilter === filter.id ? \"primary\" : \"default\"\n            }\n            agent={`orders-filter-${filter.id}`}\n            onPress={() => onAction?.(`orders:filter:${filter.id}`)}\n          >\n            {filter.label}\n          </Button>\n        ))}\n      </HStack>\n      <Text style=\"caption\" tone=\"muted\">\n        filter {snapshot.orderStatusFilter} | {snapshot.ordersTotal} total\n      </Text>\n      {snapshot.orders.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {snapshot.orders.slice(0, 6).map((order) => (\n            <HStack key={order.id} gap={1} align=\"center\" width=\"100%\">\n              <Text bold wrap={false} width={9}>\n                {order.name}\n              </Text>\n              <Text\n                style=\"caption\"\n                tone={financialTone(order.financialStatus)}\n                wrap={false}\n                grow={1}\n              >\n                {order.financialStatus.toLowerCase()}\n              </Text>\n              <Text wrap={false}>\n                {order.totalPrice} {order.currencyCode}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n    </VStack>\n  );\n}\n\nfunction InventorySection({ snapshot }: { snapshot: ShopifySnapshot }) {\n  return (\n    <VStack gap={1} width=\"100%\">\n      <Text style=\"caption\" tone=\"muted\">\n        {snapshot.inventoryItems.length} rows |{\" \"}\n        {snapshot.inventoryLocations.length} locations\n      </Text>\n      {snapshot.inventoryItems.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {snapshot.inventoryItems.slice(0, 6).map((item) => (\n            <HStack\n              key={`${item.id}:${item.locationName}`}\n              gap={1}\n              align=\"center\"\n              width=\"100%\"\n            >\n              <VStack gap={0} grow={1}>\n                <Text bold wrap={false}>\n                  {item.productTitle}\n                  {item.variantTitle ? ` / ${item.variantTitle}` : \"\"}\n                </Text>\n                <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                  {item.locationName}\n                </Text>\n              </VStack>\n              <Text tone={inventoryTone(item.available)} bold>\n                {item.available}\n              </Text>\n              <Text style=\"caption\" tone=\"muted\">\n                +{item.incoming}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n    </VStack>\n  );\n}\n\nfunction CustomersSection({\n  snapshot,\n  onAction,\n}: {\n  snapshot: ShopifySnapshot;\n  onAction?: (action: string) => void;\n}) {\n  return (\n    <VStack gap={1} width=\"100%\">\n      <Field\n        label=\"Search customers\"\n        placeholder=\"filter by name or email\"\n        value={snapshot.customerSearch}\n        agent=\"customers-search\"\n        onChange={(value) => onAction?.(`customers:search:${value}`)}\n      />\n      <Text style=\"caption\" tone=\"muted\">\n        {snapshot.customerSearch\n          ? `search \"${snapshot.customerSearch}\"`\n          : \"all customers\"}{\" \"}\n        | {snapshot.customersTotal} total\n      </Text>\n      {snapshot.customers.length === 0 ? (\n        <Text tone=\"muted\" align=\"center\" style=\"caption\">\n          None\n        </Text>\n      ) : (\n        <List gap={0} width=\"100%\">\n          {snapshot.customers.slice(0, 6).map((customer) => (\n            <HStack key={customer.id} gap={1} align=\"center\" width=\"100%\">\n              <VStack gap={0} grow={1}>\n                <Text bold wrap={false}>\n                  {`${customer.firstName} ${customer.lastName}`.trim() ||\n                    customer.email ||\n                    \"Customer\"}\n                </Text>\n                <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                  {customer.email}\n                </Text>\n              </VStack>\n              <Text style=\"caption\" tone=\"muted\" wrap={false}>\n                {customer.ordersCount} orders\n              </Text>\n              <Text wrap={false}>\n                {customer.totalSpent} {customer.currencyCode}\n              </Text>\n            </HStack>\n          ))}\n        </List>\n      )}\n    </VStack>\n  );\n}\n\nfunction Section({\n  snapshot,\n  onAction,\n}: {\n  snapshot: ShopifySnapshot;\n  onAction?: (action: string) => void;\n}) {\n  switch (snapshot.tab) {\n    case \"products\":\n      return <ProductsSection snapshot={snapshot} onAction={onAction} />;\n    case \"orders\":\n      return <OrdersSection snapshot={snapshot} onAction={onAction} />;\n    case \"inventory\":\n      return <InventorySection snapshot={snapshot} />;\n    case \"customers\":\n      return <CustomersSection snapshot={snapshot} onAction={onAction} />;\n    default:\n      return <OverviewSection snapshot={snapshot} onAction={onAction} />;\n  }\n}\n\nexport interface ShopifySpatialViewProps {\n  snapshot: ShopifySnapshot;\n  /**\n   * Dispatch by agent id. Supported actions:\n   * `tab:<id>`, `refresh`,\n   * `products:search:<q>`, `products:create-title:<q>`, `products:create`,\n   * `products:prev-page`, `products:next-page`,\n   * `orders:filter:<status>`, `customers:search:<q>`.\n   */\n  onAction?: (action: string) => void;\n}\n\nexport function ShopifySpatialView({\n  snapshot,\n  onAction,\n}: ShopifySpatialViewProps) {\n  const dispatch = (action: string) => () => onAction?.(action);\n  const connected = snapshot.status?.connected ?? false;\n  const shop = snapshot.status?.shop ?? null;\n\n  return (\n    <Card gap={1} padding={1}>\n      <HStack gap={1} align=\"center\" width=\"100%\">\n        <Text\n          style=\"caption\"\n          tone={connected ? \"success\" : \"danger\"}\n          wrap={false}\n        >\n          {connected ? \"connected\" : \"offline\"}\n        </Text>\n        <Text style=\"caption\" tone=\"muted\" grow={1} align=\"end\" wrap={false}>\n          {snapshot.loading ? \"loading\" : (shop?.name ?? \"no shop\")}\n        </Text>\n      </HStack>\n      <Text style=\"caption\" tone=\"muted\" width=\"100%\" wrap={false}>\n        {shop?.domain ?? \"no domain\"}\n      </Text>\n\n      {snapshot.error ? (\n        <Text tone=\"danger\" style=\"caption\">\n          {snapshot.error}\n        </Text>\n      ) : null}\n\n      {!connected && !snapshot.loading ? (\n        <Text tone=\"muted\" style=\"caption\">\n          Set SHOPIFY_STORE_DOMAIN and SHOPIFY_ACCESS_TOKEN for live data.\n        </Text>\n      ) : null}\n\n      <HStack gap={1} wrap width=\"100%\">\n        {TABS.map((tab) => (\n          <Button\n            key={tab.id}\n            variant={snapshot.tab === tab.id ? \"solid\" : \"outline\"}\n            tone={snapshot.tab === tab.id ? \"primary\" : \"default\"}\n            agent={`tab-${tab.id}`}\n            onPress={dispatch(`tab:${tab.id}`)}\n          >\n            {tab.label}\n          </Button>\n        ))}\n        <Button\n          variant=\"ghost\"\n          tone=\"default\"\n          agent=\"refresh\"\n          onPress={dispatch(\"refresh\")}\n        >\n          Refresh\n        </Button>\n      </HStack>\n\n      <Divider label={snapshot.tab} />\n      <Section snapshot={snapshot} onAction={onAction} />\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./CustomersPanel";
+export * from "./InventoryLevelsPanel";
+export * from "./OrdersPanel";
+export * from "./ProductsPanel";
+export { shopifyPlugin } from "./plugin";
+export * from "./register";
+export * from "./routes";
+export * from "./ShopifyAppView";
+export * from "./ShopifyAppView.helpers";
+export { ShopifyView } from "./ShopifyView";
+export * from "./StoreOverviewCard";
+export { SHOPIFY_APP_NAME, shopifyApp } from "./shopify-app";
+export * from "./useShopifyDashboard";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,20 @@
+export * from "./CustomersPanel.js";
+export * from "./InventoryLevelsPanel.js";
+export * from "./OrdersPanel.js";
+export * from "./ProductsPanel.js";
+import { shopifyPlugin } from "./plugin.js";
+export * from "./register.js";
+export * from "./routes.js";
+export * from "./ShopifyAppView.js";
+export * from "./ShopifyAppView.helpers";
+import { ShopifyView } from "./ShopifyView.js";
+export * from "./StoreOverviewCard.js";
+import { SHOPIFY_APP_NAME, shopifyApp } from "./shopify-app.js";
+export * from "./useShopifyDashboard.js";
+export {
+  SHOPIFY_APP_NAME,
+  ShopifyView,
+  shopifyApp,
+  shopifyPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./CustomersPanel.js\";\nexport * from \"./InventoryLevelsPanel.js\";\nexport * from \"./OrdersPanel.js\";\nexport * from \"./ProductsPanel.js\";\nexport { shopifyPlugin } from \"./plugin.js\";\nexport * from \"./register.js\";\nexport * from \"./routes.js\";\nexport * from \"./ShopifyAppView.js\";\nexport * from \"./ShopifyAppView.helpers\";\nexport { ShopifyView } from \"./ShopifyView.js\";\nexport * from \"./StoreOverviewCard.js\";\nexport { SHOPIFY_APP_NAME, shopifyApp } from \"./shopify-app.js\";\nexport * from \"./useShopifyDashboard.js\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,qBAAqB;AAC9B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,mBAAmB;AAC5B,cAAc;AACd,SAAS,kBAAkB,kBAAkB;AAC7C,cAAc;","names":[]}

package/dist/plugin.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Shopify plugin — registers all Shopify dashboard routes with the
+ * elizaOS runtime plugin route system.
+ *
+ * All routes use `rawPath: true` to preserve the legacy `/api/shopify/*`
+ * paths without a plugin-name prefix.
+ *
+ * The existing `handleShopifyRoute` handler operates on raw
+ * `http.IncomingMessage` / `http.ServerResponse`, which the runtime
+ * plugin route bridge already passes through (see runtime-plugin-routes.ts).
+ */
+import type { Plugin } from "@elizaos/core";
+export declare const shopifyPlugin: Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AA+FnD,eAAO,MAAM,aAAa,EAAE,MAyB3B,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,94 @@
+import { handleShopifyRoute } from "./routes.js";
+function shopifyRouteHandler(pathname) {
+  return async (req, res, _runtime) => {
+    const httpReq = req;
+    const httpRes = res;
+    const method = (httpReq.method ?? "GET").toUpperCase();
+    await handleShopifyRoute(httpReq, httpRes, pathname, method);
+  };
+}
+const shopifyRoutes = [
+  // GET /api/shopify/status
+  {
+    type: "GET",
+    path: "/api/shopify/status",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/status")
+  },
+  // GET /api/shopify/products
+  {
+    type: "GET",
+    path: "/api/shopify/products",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/products")
+  },
+  // POST /api/shopify/products
+  {
+    type: "POST",
+    path: "/api/shopify/products",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/products")
+  },
+  // GET /api/shopify/orders
+  {
+    type: "GET",
+    path: "/api/shopify/orders",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/orders")
+  },
+  // GET /api/shopify/inventory
+  {
+    type: "GET",
+    path: "/api/shopify/inventory",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/inventory")
+  },
+  // POST /api/shopify/inventory/:itemId/adjust
+  {
+    type: "POST",
+    path: "/api/shopify/inventory/:itemId/adjust",
+    rawPath: true,
+    handler: async (req, res, _runtime) => {
+      const httpReq = req;
+      const httpRes = res;
+      const method = (httpReq.method ?? "GET").toUpperCase();
+      const url = new URL(httpReq.url ?? "/", "http://localhost");
+      await handleShopifyRoute(httpReq, httpRes, url.pathname, method);
+    }
+  },
+  // GET /api/shopify/customers
+  {
+    type: "GET",
+    path: "/api/shopify/customers",
+    rawPath: true,
+    handler: shopifyRouteHandler("/api/shopify/customers")
+  }
+];
+const shopifyPlugin = {
+  name: "@elizaos/plugin-shopify-ui",
+  description: "Shopify store management dashboard routes (extracted from app-core server.ts)",
+  routes: shopifyRoutes,
+  views: [
+    // ONE declaration → GUI + XR + TUI, all drawn from the single ShopifyView
+    // spatial source. `modalities` is a plain literal here (plugin.ts is not in
+    // the view bundle), so no brand-new `@elizaos/core` runtime export reaches
+    // the bundle build.
+    {
+      id: "shopify",
+      label: "Shopify",
+      description: "Shopify store management \u2014 orders, products, customers, and inventory",
+      icon: "ShoppingBag",
+      path: "/shopify",
+      modalities: ["gui", "xr", "tui"],
+      bundlePath: "dist/views/bundle.js",
+      componentExport: "ShopifyView",
+      tags: ["shopify", "ecommerce", "store"],
+      visibleInManager: true,
+      desktopTabEnabled: true
+    }
+  ]
+};
+export {
+  shopifyPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["/**\n * Shopify plugin — registers all Shopify dashboard routes with the\n * elizaOS runtime plugin route system.\n *\n * All routes use `rawPath: true` to preserve the legacy `/api/shopify/*`\n * paths without a plugin-name prefix.\n *\n * The existing `handleShopifyRoute` handler operates on raw\n * `http.IncomingMessage` / `http.ServerResponse`, which the runtime\n * plugin route bridge already passes through (see runtime-plugin-routes.ts).\n */\n\nimport type http from \"node:http\";\nimport type { Plugin, Route } from \"@elizaos/core\";\nimport { handleShopifyRoute } from \"./routes.js\";\n\n// ---------------------------------------------------------------------------\n// Shared wrapper: adapt the monolithic handleShopifyRoute to a plugin Route\n// handler.  The runtime bridge passes the raw req/res objects.\n// ---------------------------------------------------------------------------\n\nfunction shopifyRouteHandler(pathname: string) {\n  return async (\n    req: unknown,\n    res: unknown,\n    _runtime: unknown,\n  ): Promise<void> => {\n    const httpReq = req as http.IncomingMessage;\n    const httpRes = res as http.ServerResponse;\n    const method = (httpReq.method ?? \"GET\").toUpperCase();\n    await handleShopifyRoute(httpReq, httpRes, pathname, method);\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Route definitions\n// ---------------------------------------------------------------------------\n\nconst shopifyRoutes: Route[] = [\n  // GET /api/shopify/status\n  {\n    type: \"GET\",\n    path: \"/api/shopify/status\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/status\"),\n  },\n  // GET /api/shopify/products\n  {\n    type: \"GET\",\n    path: \"/api/shopify/products\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/products\"),\n  },\n  // POST /api/shopify/products\n  {\n    type: \"POST\",\n    path: \"/api/shopify/products\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/products\"),\n  },\n  // GET /api/shopify/orders\n  {\n    type: \"GET\",\n    path: \"/api/shopify/orders\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/orders\"),\n  },\n  // GET /api/shopify/inventory\n  {\n    type: \"GET\",\n    path: \"/api/shopify/inventory\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/inventory\"),\n  },\n  // POST /api/shopify/inventory/:itemId/adjust\n  {\n    type: \"POST\",\n    path: \"/api/shopify/inventory/:itemId/adjust\",\n    rawPath: true,\n    handler: async (\n      req: unknown,\n      res: unknown,\n      _runtime: unknown,\n    ): Promise<void> => {\n      const httpReq = req as http.IncomingMessage;\n      const httpRes = res as http.ServerResponse;\n      const method = (httpReq.method ?? \"GET\").toUpperCase();\n      // The runtime bridge augments req with `url` from the parsed URL,\n      // but handleShopifyRoute expects the raw pathname from req.url.\n      // We pass the pathname derived from req.url so the regex inside\n      // handleShopifyRoute can match the :itemId segment.\n      const url = new URL(httpReq.url ?? \"/\", \"http://localhost\");\n      await handleShopifyRoute(httpReq, httpRes, url.pathname, method);\n    },\n  },\n  // GET /api/shopify/customers\n  {\n    type: \"GET\",\n    path: \"/api/shopify/customers\",\n    rawPath: true,\n    handler: shopifyRouteHandler(\"/api/shopify/customers\"),\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Plugin export\n// ---------------------------------------------------------------------------\n\nexport const shopifyPlugin: Plugin = {\n  name: \"@elizaos/plugin-shopify-ui\",\n  description:\n    \"Shopify store management dashboard routes (extracted from app-core server.ts)\",\n  routes: shopifyRoutes,\n  views: [\n    // ONE declaration → GUI + XR + TUI, all drawn from the single ShopifyView\n    // spatial source. `modalities` is a plain literal here (plugin.ts is not in\n    // the view bundle), so no brand-new `@elizaos/core` runtime export reaches\n    // the bundle build.\n    {\n      id: \"shopify\",\n      label: \"Shopify\",\n      description:\n        \"Shopify store management — orders, products, customers, and inventory\",\n      icon: \"ShoppingBag\",\n      path: \"/shopify\",\n      modalities: [\"gui\", \"xr\", \"tui\"],\n      bundlePath: \"dist/views/bundle.js\",\n      componentExport: \"ShopifyView\",\n      tags: [\"shopify\", \"ecommerce\", \"store\"],\n      visibleInManager: true,\n      desktopTabEnabled: true,\n    },\n  ],\n};\n"],"mappings":"AAcA,SAAS,0BAA0B;AAOnC,SAAS,oBAAoB,UAAkB;AAC7C,SAAO,OACL,KACA,KACA,aACkB;AAClB,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,UAAM,UAAU,QAAQ,UAAU,OAAO,YAAY;AACrD,UAAM,mBAAmB,SAAS,SAAS,UAAU,MAAM;AAAA,EAC7D;AACF;AAMA,MAAM,gBAAyB;AAAA;AAAA,EAE7B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,qBAAqB;AAAA,EACpD;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,uBAAuB;AAAA,EACtD;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,uBAAuB;AAAA,EACtD;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,qBAAqB;AAAA,EACpD;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,wBAAwB;AAAA,EACvD;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,OACP,KACA,KACA,aACkB;AAClB,YAAM,UAAU;AAChB,YAAM,UAAU;AAChB,YAAM,UAAU,QAAQ,UAAU,OAAO,YAAY;AAKrD,YAAM,MAAM,IAAI,IAAI,QAAQ,OAAO,KAAK,kBAAkB;AAC1D,YAAM,mBAAmB,SAAS,SAAS,IAAI,UAAU,MAAM;AAAA,IACjE;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS,oBAAoB,wBAAwB;AAAA,EACvD;AACF;AAMO,MAAM,gBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,aACE;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY,CAAC,OAAO,MAAM,KAAK;AAAA,MAC/B,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,MAAM,CAAC,WAAW,aAAa,OAAO;AAAA,MACtC,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}