@burdenoff/microfe-store 2026.510.113

package/dist/pages/SearchResultsPage.js

@@ -0,0 +1,125 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useBrowseStoreWithContext as t } from "../hooks/useStoreGraphQL.js";
+import { useId as n, useMemo as r, useState as i } from "react";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as o, Search as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useNavigate as d, useSearchParams as f } from "react-router-dom";
+//#region src/pages/SearchResultsPage.tsx
+var p = ({ product: e, onOpen: t, noDesc: n }) => /* @__PURE__ */ u("button", {
+	onClick: () => t(e.id),
+	className: "cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken",
+	children: [
+		/* @__PURE__ */ l("h3", {
+			className: "font-semibold text-text-primary",
+			children: e.name
+		}),
+		/* @__PURE__ */ l("p", {
+			className: "mt-1 text-xs text-text-muted",
+			children: e.type
+		}),
+		/* @__PURE__ */ l("p", {
+			className: "mt-2 text-sm text-text-muted line-clamp-2",
+			children: e.description || n
+		})
+	]
+}), m = () => {
+	let m = d(), { basePath: h } = e(), g = n(), [_, v] = f(), [y, b] = i(_.get("q") ?? ""), { t: x } = a(), S = r(() => y.trim(), [y]), { products: C, totalCount: w, hasMore: T, loading: E, error: D, loadMore: O } = t({
+		filter: S ? { search: S } : void 0,
+		pagination: { limit: 30 }
+	}), k = () => {
+		let e = y.trim();
+		v(e ? { q: e } : {});
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "flex h-full flex-col",
+		children: [/* @__PURE__ */ l("header", {
+			className: "border-b border-border-default bg-bg-surface px-6 py-4",
+			children: /* @__PURE__ */ u("div", {
+				className: "mx-auto max-w-6xl",
+				children: [/* @__PURE__ */ u("div", {
+					className: "mb-3 flex items-center gap-3",
+					children: [/* @__PURE__ */ l("button", {
+						onClick: () => m(-1),
+						"aria-label": "Go back",
+						className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
+						children: /* @__PURE__ */ l(o, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ l("h1", {
+						className: "text-2xl font-bold text-text-primary",
+						children: x("pages.search.title", { defaultValue: "Search Results" })
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [
+						/* @__PURE__ */ l("label", {
+							htmlFor: g,
+							className: "sr-only",
+							children: x("pages.search.searchLabel", { defaultValue: "Search store products" })
+						}),
+						/* @__PURE__ */ l("input", {
+							id: g,
+							"aria-label": x("pages.search.searchLabel", { defaultValue: "Search store products" }),
+							value: y,
+							onChange: (e) => b(e.target.value),
+							onKeyDown: (e) => {
+								e.key === "Enter" && k();
+							},
+							placeholder: "Search apps, workflows, integrations...",
+							className: "w-full rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg"
+						}),
+						/* @__PURE__ */ u("button", {
+							onClick: k,
+							className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text",
+							children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), " Search"]
+						})
+					]
+				})]
+			})
+		}), /* @__PURE__ */ l("main", {
+			className: "flex-1 overflow-y-auto p-6",
+			children: /* @__PURE__ */ u("div", {
+				className: "mx-auto max-w-6xl",
+				children: [/* @__PURE__ */ l("p", {
+					"aria-live": "polite",
+					className: "mb-4 text-sm text-text-muted",
+					children: S ? x("pages.search.resultsFor", {
+						defaultValue: `${w} results for "${S}"`,
+						query: S,
+						count: w
+					}) : x("pages.search.enterQuery", { defaultValue: "Enter a query to search" })
+				}), E && C.length === 0 ? /* @__PURE__ */ l("p", {
+					role: "status",
+					className: "text-sm text-text-muted",
+					children: "Searching..."
+				}) : D ? /* @__PURE__ */ l("p", {
+					role: "alert",
+					className: "text-sm text-status-error-text",
+					children: D.message
+				}) : C.length === 0 ? /* @__PURE__ */ l("p", {
+					className: "text-sm text-text-muted",
+					children: "No matching products found."
+				}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("ul", {
+					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: C.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(p, {
+						product: e,
+						noDesc: x("common.noResults", { defaultValue: "No description available." }),
+						onOpen: (e) => m(`${h}/marketplace/product/${e}`)
+					}) }, e.id))
+				}), T && /* @__PURE__ */ l("div", {
+					className: "flex justify-center pt-4",
+					children: /* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: O,
+						disabled: E,
+						className: "rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50",
+						children: E ? "Loading…" : "Load more"
+					})
+				})] })]
+			})
+		})]
+	});
+};
+//#endregion
+export { m as SearchResultsPage };
+
+//# sourceMappingURL=SearchResultsPage.js.map

package/dist/pages/SearchResultsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultsPage.js","names":[],"sources":["../../src/pages/SearchResultsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState, useId } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { ArrowLeft, Search } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useBrowseStoreWithContext, type StoreProduct } from '../hooks/useStoreGraphQL';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst SearchResultCard: FC<{\n  product: StoreProduct;\n  onOpen: (id: string) => void;\n  noDesc: string;\n}> = ({ product, onOpen, noDesc }) => (\n  <button\n    onClick={() => onOpen(product.id)}\n    className=\"cursor-pointer rounded-xl border border-border-default bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken\"\n  >\n    <h3 className=\"font-semibold text-text-primary\">{product.name}</h3>\n    <p className=\"mt-1 text-xs text-text-muted\">{product.type}</p>\n    <p className=\"mt-2 text-sm text-text-muted line-clamp-2\">{product.description || noDesc}</p>\n  </button>\n);\n\nexport const SearchResultsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const searchInputId = useId();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('q') ?? '';\n  const [query, setQuery] = useState(initialQuery);\n  const { t } = useI18n();\n\n  const trimmedQuery = useMemo(() => query.trim(), [query]);\n  const { products, totalCount, hasMore, loading, error, loadMore } = useBrowseStoreWithContext({\n    filter: trimmedQuery ? { search: trimmedQuery } : undefined,\n    pagination: { limit: 30 },\n  });\n\n  const handleSearch = () => {\n    const next = query.trim();\n    if (next) {\n      setSearchParams({ q: next });\n    } else {\n      setSearchParams({});\n    }\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <button\n              onClick={() => navigate(-1)}\n              aria-label=\"Go back\"\n              className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowLeft className=\"h-5 w-5\" />\n            </button>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.search.title', { defaultValue: 'Search Results' })}\n            </h1>\n          </div>\n          <div className=\"flex gap-2\">\n            <label htmlFor={searchInputId} className=\"sr-only\">\n              {t('pages.search.searchLabel', { defaultValue: 'Search store products' })}\n            </label>\n            <input\n              id={searchInputId}\n              aria-label={t('pages.search.searchLabel', { defaultValue: 'Search store products' })}\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') handleSearch();\n              }}\n              placeholder=\"Search apps, workflows, integrations...\"\n              className=\"w-full rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary outline-none focus:border-action-primary-bg\"\n            />\n            <button\n              onClick={handleSearch}\n              className=\"inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text\"\n            >\n              <Search className=\"h-4 w-4\" /> Search\n            </button>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl\">\n          <p aria-live=\"polite\" className=\"mb-4 text-sm text-text-muted\">\n            {trimmedQuery\n              ? t('pages.search.resultsFor', {\n                  defaultValue: `${totalCount} results for \"${trimmedQuery}\"`,\n                  query: trimmedQuery,\n                  count: totalCount,\n                })\n              : t('pages.search.enterQuery', { defaultValue: 'Enter a query to search' })}\n          </p>\n          {loading && products.length === 0 ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              Searching...\n            </p>\n          ) : error ? (\n            <p role=\"alert\" className=\"text-sm text-status-error-text\">\n              {error.message}\n            </p>\n          ) : products.length === 0 ? (\n            <p className=\"text-sm text-text-muted\">No matching products found.</p>\n          ) : (\n            <>\n              <ul className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n                {products.map((product) => (\n                  <li key={product.id}>\n                    <SearchResultCard\n                      product={product}\n                      noDesc={t('common.noResults', { defaultValue: 'No description available.' })}\n                      onOpen={(id) => navigate(`${basePath}/marketplace/product/${id}`)}\n                    />\n                  </li>\n                ))}\n              </ul>\n              {hasMore && (\n                <div className=\"flex justify-center pt-4\">\n                  <button\n                    type=\"button\"\n                    onClick={loadMore}\n                    disabled={loading}\n                    className=\"rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                  >\n                    {loading ? 'Loading\\u2026' : 'Load more'}\n                  </button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/StoresPage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const StoresPage: FC;

package/dist/pages/StoresPage.js

@@ -0,0 +1,154 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useEffect as t, useState as n } from "react";
+import { Check as r, Plus as i, RefreshCw as a, Store as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { graphqlFetch as l } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/pages/StoresPage.tsx
+var u = "\n  query BrowseableStores {\n    stores {\n      id\n      slug\n      name\n      type\n      isPublic\n      requiresApproval\n      currency\n      logoUrl\n      description\n    }\n    mySubscribedStores {\n      id\n    }\n  }\n", d = "\n  mutation Subscribe($storeId: ID!) {\n    subscribeToStore(storeId: $storeId) {\n      id\n      storeId\n    }\n  }\n", f = "\n  mutation Unsubscribe($storeId: ID!) {\n    unsubscribeFromStore(storeId: $storeId)\n  }\n", p = () => {
+	let { authToken: p } = e(), [m, h] = n([]), [g, _] = n(/* @__PURE__ */ new Set()), [v, y] = n(!1), [b, x] = n(null), [S, C] = n(null), w = async () => {
+		y(!0), C(null);
+		try {
+			let e = await l({
+				gateway: "global",
+				query: u,
+				authToken: p || void 0
+			});
+			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load stores");
+			h(e.data?.stores ?? []), _(new Set((e.data?.mySubscribedStores ?? []).map((e) => e.id)));
+		} catch (e) {
+			C(e instanceof Error ? e.message : "Failed to load stores");
+		} finally {
+			y(!1);
+		}
+	};
+	t(() => {
+		w();
+	}, []);
+	let T = async (e) => {
+		x(e), C(null);
+		try {
+			let t = g.has(e);
+			await l({
+				gateway: "global",
+				query: t ? f : d,
+				variables: { storeId: e },
+				authToken: p || void 0
+			}), _((n) => {
+				let r = new Set(n);
+				return t ? r.delete(e) : r.add(e), r;
+			});
+		} catch (e) {
+			C(e instanceof Error ? e.message : "Action failed");
+		} finally {
+			x(null);
+		}
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "min-h-screen bg-surface-default",
+		children: [/* @__PURE__ */ s("header", {
+			className: "border-b border-border-default bg-surface-raised",
+			children: /* @__PURE__ */ c("div", {
+				className: "mx-auto max-w-5xl px-6 py-4",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ s("h1", {
+							className: "text-xl font-semibold text-text-primary",
+							children: "Stores"
+						})]
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => void w(),
+						disabled: v,
+						className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
+						children: [/* @__PURE__ */ s(a, { className: `h-4 w-4 ${v ? "animate-spin" : ""}` }), "Refresh"]
+					})]
+				}), /* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Subscribe to additional stores to discover more products. Public stores are auto-subscribed."
+				})]
+			})
+		}), /* @__PURE__ */ c("main", {
+			className: "mx-auto max-w-5xl px-6 py-6",
+			children: [S && /* @__PURE__ */ s("div", {
+				role: "alert",
+				className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
+				children: S
+			}), v && m.length === 0 ? /* @__PURE__ */ s("div", {
+				role: "status",
+				className: "py-16 text-center text-text-secondary",
+				children: "Loading stores…"
+			}) : m.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "py-16 text-center text-text-secondary",
+				children: "No stores available."
+			}) : /* @__PURE__ */ s("ul", {
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+				children: m.map((e) => {
+					let t = g.has(e.id);
+					return /* @__PURE__ */ c("li", {
+						className: "rounded-lg border border-border-default bg-surface-raised p-4",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-start gap-3",
+							children: [e.logoUrl ? /* @__PURE__ */ s("img", {
+								src: e.logoUrl,
+								alt: "",
+								className: "h-12 w-12 flex-shrink-0 rounded-md object-cover"
+							}) : /* @__PURE__ */ s("div", {
+								className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
+								children: /* @__PURE__ */ s(o, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ c("div", {
+								className: "min-w-0 flex-1",
+								children: [
+									/* @__PURE__ */ c("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ s("h3", {
+											className: "truncate text-base font-semibold text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ s("span", {
+											className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
+											children: e.type
+										})]
+									}),
+									/* @__PURE__ */ s("p", {
+										className: "mt-0.5 font-mono text-xs text-text-tertiary",
+										children: e.slug
+									}),
+									e.description && /* @__PURE__ */ s("p", {
+										className: "mt-2 line-clamp-2 text-sm text-text-secondary",
+										children: e.description
+									})
+								]
+							})]
+						}), /* @__PURE__ */ c("div", {
+							className: "mt-3 flex items-center justify-between",
+							children: [/* @__PURE__ */ s("span", {
+								className: "text-xs text-text-tertiary",
+								children: e.currency
+							}), e.slug === "public" ? /* @__PURE__ */ c("span", {
+								className: "inline-flex items-center gap-1 rounded-md bg-surface-accent-muted px-2 py-1 text-xs text-text-accent",
+								children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), "Default"]
+							}) : t ? /* @__PURE__ */ c("button", {
+								type: "button",
+								onClick: () => void T(e.id),
+								disabled: b === e.id,
+								className: "inline-flex items-center gap-1 rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover disabled:opacity-60",
+								children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), "Subscribed"]
+							}) : /* @__PURE__ */ c("button", {
+								type: "button",
+								onClick: () => void T(e.id),
+								disabled: b === e.id,
+								className: "inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
+								children: [/* @__PURE__ */ s(i, { className: "h-3 w-3" }), "Subscribe"]
+							})]
+						})]
+					}, e.id);
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { p as StoresPage };
+
+//# sourceMappingURL=StoresPage.js.map

package/dist/pages/StoresPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoresPage.js","names":[],"sources":["../../src/pages/StoresPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Store as StoreIcon, Check, Plus, RefreshCw } from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useStore } from '../providers/StoreProvider';\n\ntype StoreRecord = {\n  id: string;\n  slug: string;\n  name: string;\n  type: 'PUBLIC' | 'PRIVATE' | 'ENTERPRISE';\n  isPublic: boolean;\n  requiresApproval: boolean;\n  currency: string;\n  logoUrl?: string | null;\n  description?: string | null;\n};\n\nconst STORES_QUERY = /* GraphQL */ `\n  query BrowseableStores {\n    stores {\n      id\n      slug\n      name\n      type\n      isPublic\n      requiresApproval\n      currency\n      logoUrl\n      description\n    }\n    mySubscribedStores {\n      id\n    }\n  }\n`;\n\nconst SUBSCRIBE_MUTATION = /* GraphQL */ `\n  mutation Subscribe($storeId: ID!) {\n    subscribeToStore(storeId: $storeId) {\n      id\n      storeId\n    }\n  }\n`;\n\nconst UNSUBSCRIBE_MUTATION = /* GraphQL */ `\n  mutation Unsubscribe($storeId: ID!) {\n    unsubscribeFromStore(storeId: $storeId)\n  }\n`;\n\nexport const StoresPage: FC = () => {\n  const { authToken } = useStore();\n  const [stores, setStores] = useState<StoreRecord[]>([]);\n  const [subscribed, setSubscribed] = useState<Set<string>>(new Set());\n  const [loading, setLoading] = useState(false);\n  const [actingId, setActingId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const load = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await graphqlFetch<{\n        stores: StoreRecord[];\n        mySubscribedStores: Array<{ id: string }>;\n      }>({\n        gateway: 'global',\n        query: STORES_QUERY,\n        authToken: authToken || undefined,\n      });\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Failed to load stores');\n      }\n      setStores(result.data?.stores ?? []);\n      setSubscribed(new Set((result.data?.mySubscribedStores ?? []).map((s) => s.id)));\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load stores');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void load();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const toggle = async (storeId: string) => {\n    setActingId(storeId);\n    setError(null);\n    try {\n      const isSubbed = subscribed.has(storeId);\n      await graphqlFetch({\n        gateway: 'global',\n        query: isSubbed ? UNSUBSCRIBE_MUTATION : SUBSCRIBE_MUTATION,\n        variables: { storeId },\n        authToken: authToken || undefined,\n      });\n      setSubscribed((prev) => {\n        const next = new Set(prev);\n        if (isSubbed) next.delete(storeId);\n        else next.add(storeId);\n        return next;\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Action failed');\n    } finally {\n      setActingId(null);\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen bg-surface-default\">\n      <header className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-5xl px-6 py-4\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-2\">\n              <StoreIcon className=\"h-5 w-5 text-text-primary\" />\n              <h1 className=\"text-xl font-semibold text-text-primary\">Stores</h1>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => void load()}\n              disabled={loading}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover\"\n            >\n              <RefreshCw className={`h-4 w-4 ${loading ? 'animate-spin' : ''}`} />\n              Refresh\n            </button>\n          </div>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Subscribe to additional stores to discover more products. Public stores are\n            auto-subscribed.\n          </p>\n        </div>\n      </header>\n\n      <main className=\"mx-auto max-w-5xl px-6 py-6\">\n        {error && (\n          <div\n            role=\"alert\"\n            className=\"mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n          >\n            {error}\n          </div>\n        )}\n\n        {loading && stores.length === 0 ? (\n          <div role=\"status\" className=\"py-16 text-center text-text-secondary\">\n            Loading stores…\n          </div>\n        ) : stores.length === 0 ? (\n          <div className=\"py-16 text-center text-text-secondary\">No stores available.</div>\n        ) : (\n          <ul className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {stores.map((s) => {\n              const isSubbed = subscribed.has(s.id);\n              return (\n                <li\n                  key={s.id}\n                  className=\"rounded-lg border border-border-default bg-surface-raised p-4\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    {s.logoUrl ? (\n                      <img\n                        src={s.logoUrl}\n                        alt=\"\"\n                        className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                      />\n                    ) : (\n                      <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary\">\n                        <StoreIcon className=\"h-5 w-5\" />\n                      </div>\n                    )}\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex items-center gap-2\">\n                        <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                          {s.name}\n                        </h3>\n                        <span className=\"rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent\">\n                          {s.type}\n                        </span>\n                      </div>\n                      <p className=\"mt-0.5 font-mono text-xs text-text-tertiary\">{s.slug}</p>\n                      {s.description && (\n                        <p className=\"mt-2 line-clamp-2 text-sm text-text-secondary\">\n                          {s.description}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                  <div className=\"mt-3 flex items-center justify-between\">\n                    <span className=\"text-xs text-text-tertiary\">{s.currency}</span>\n                    {s.slug === 'public' ? (\n                      <span className=\"inline-flex items-center gap-1 rounded-md bg-surface-accent-muted px-2 py-1 text-xs text-text-accent\">\n                        <Check className=\"h-3 w-3\" />\n                        Default\n                      </span>\n                    ) : isSubbed ? (\n                      <button\n                        type=\"button\"\n                        onClick={() => void toggle(s.id)}\n                        disabled={actingId === s.id}\n                        className=\"inline-flex items-center gap-1 rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover disabled:opacity-60\"\n                      >\n                        <Check className=\"h-3 w-3\" />\n                        Subscribed\n                      </button>\n                    ) : (\n                      <button\n                        type=\"button\"\n                        onClick={() => void toggle(s.id)}\n                        disabled={actingId === s.id}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n                      >\n                        <Plus className=\"h-3 w-3\" />\n                        Subscribe\n                      </button>\n                    )}\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/providers/StoreProvider.d.ts

@@ -0,0 +1,38 @@
+import { FC, ReactNode } from 'react';
+import { StoreRootProps, User } from '../types';
+
+/**
+ * Store context value
+ */
+interface StoreContextValue extends Omit<StoreRootProps, 'children'> {
+    basePath: string;
+    apiGatewayUrl: string;
+    authToken?: string;
+    user?: User;
+    productId?: string;
+    productName?: string;
+    defaultCompatibleWith?: string;
+    features: {
+        enablePhysicalProducts: boolean;
+        enablePublisherPortal: boolean;
+        enableReviews: boolean;
+        enableSubscriptions: boolean;
+    };
+}
+/**
+ * Props for StoreProvider
+ */
+interface StoreProviderProps extends StoreRootProps {
+    children: ReactNode;
+}
+/**
+ * StoreProvider component
+ *
+ * Provides store context to all child components.
+ */
+export declare const StoreProvider: FC<StoreProviderProps>;
+/**
+ * Hook to use store context
+ */
+export declare function useStore(): StoreContextValue;
+export {};

package/dist/providers/StoreProvider.js

@@ -0,0 +1,51 @@
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { PermissionProvider as r } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/providers/StoreProvider.tsx
+var a = e(null), o = ({ children: e, basePath: t = "/", apiGatewayUrl: o, authToken: s, features: c = {}, user: l, currentUser: u, productId: d, productName: f, defaultCompatibleWith: p, ...m }) => {
+	let h = n(() => ({
+		...m,
+		basePath: t,
+		apiGatewayUrl: o || "",
+		authToken: s,
+		user: l || u,
+		currentUser: u || l,
+		productId: d,
+		productName: f,
+		defaultCompatibleWith: p,
+		features: {
+			enablePhysicalProducts: c.enablePhysicalProducts ?? !0,
+			enablePublisherPortal: c.enablePublisherPortal ?? !0,
+			enableReviews: c.enableReviews ?? !0,
+			enableSubscriptions: c.enableSubscriptions ?? !0
+		}
+	}), [
+		m,
+		t,
+		o,
+		s,
+		l,
+		u,
+		d,
+		f,
+		p,
+		c
+	]);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: h,
+		children: /* @__PURE__ */ i(r, {
+			scopeId: h.organizationId ?? null,
+			gateway: "global",
+			children: e
+		})
+	});
+};
+function s() {
+	let e = t(a);
+	if (!e) throw Error("useStore must be used within StoreProvider");
+	return e;
+}
+//#endregion
+export { o as StoreProvider, s as useStore };
+
+//# sourceMappingURL=StoreProvider.js.map

package/dist/providers/StoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../src/providers/StoreProvider.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { StoreRootProps, User } from '../types';\n\n/**\n * Store context value\n */\ninterface StoreContextValue extends Omit<StoreRootProps, 'children'> {\n  basePath: string;\n  apiGatewayUrl: string;\n  authToken?: string;\n  user?: User;\n  productId?: string;\n  productName?: string;\n  defaultCompatibleWith?: string;\n  features: {\n    enablePhysicalProducts: boolean;\n    enablePublisherPortal: boolean;\n    enableReviews: boolean;\n    enableSubscriptions: boolean;\n  };\n}\n\n/**\n * Store context\n */\nconst StoreContext = createContext<StoreContextValue | null>(null);\n\n/**\n * Props for StoreProvider\n */\ninterface StoreProviderProps extends StoreRootProps {\n  children: ReactNode;\n}\n\n/**\n * StoreProvider component\n *\n * Provides store context to all child components.\n */\nexport const StoreProvider: FC<StoreProviderProps> = ({\n  children,\n  basePath = '/',\n  apiGatewayUrl,\n  authToken,\n  features = {},\n  user,\n  currentUser,\n  productId,\n  productName,\n  defaultCompatibleWith,\n  ...props\n}) => {\n  const value = useMemo<StoreContextValue>(\n    () => ({\n      ...props,\n      basePath,\n      apiGatewayUrl: apiGatewayUrl || '',\n      authToken,\n      user: user || currentUser,\n      currentUser: currentUser || user,\n      productId,\n      productName,\n      defaultCompatibleWith,\n      features: {\n        enablePhysicalProducts: features.enablePhysicalProducts ?? true,\n        enablePublisherPortal: features.enablePublisherPortal ?? true,\n        enableReviews: features.enableReviews ?? true,\n        enableSubscriptions: features.enableSubscriptions ?? true,\n      },\n    }),\n    [\n      props,\n      basePath,\n      apiGatewayUrl,\n      authToken,\n      user,\n      currentUser,\n      productId,\n      productName,\n      defaultCompatibleWith,\n      features,\n    ]\n  );\n\n  return (\n    <StoreContext.Provider value={value}>\n      <PermissionProvider scopeId={value.organizationId ?? null} gateway=\"global\">\n        {children}\n      </PermissionProvider>\n    </StoreContext.Provider>\n  );\n};\n\n/**\n * Hook to use store context\n */\nexport function useStore(): StoreContextValue {\n  const context = useContext(StoreContext);\n\n  if (!context) {\n    throw new Error('useStore must be used within StoreProvider');\n  }\n\n  return context;\n}\n"],"mappings":";;;;AA2BA,IAAM,IAAe,EAAwC,KAAK,EAcrD,KAAyC,EACpD,aACA,cAAW,KACX,kBACA,cACA,cAAW,EAAE,EACb,SACA,gBACA,cACA,gBACA,0BACA,GAAG,QACC;CACJ,IAAM,IAAQ,SACL;EACL,GAAG;EACH;EACA,eAAe,KAAiB;EAChC;EACA,MAAM,KAAQ;EACd,aAAa,KAAe;EAC5B;EACA;EACA;EACA,UAAU;GACR,wBAAwB,EAAS,0BAA0B;GAC3D,uBAAuB,EAAS,yBAAyB;GACzD,eAAe,EAAS,iBAAiB;GACzC,qBAAqB,EAAS,uBAAuB;GACtD;EACF,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,EAAa,UAAd;EAA8B;YAC5B,kBAAC,GAAD;GAAoB,SAAS,EAAM,kBAAkB;GAAM,SAAQ;GAChE;GACkB,CAAA;EACC,CAAA;;AAO5B,SAAgB,IAA8B;CAC5C,IAAM,IAAU,EAAW,EAAa;AAExC,KAAI,CAAC,EACH,OAAU,MAAM,6CAA6C;AAG/D,QAAO"}

package/dist/store/storeStore.d.ts

@@ -0,0 +1,69 @@
+import { ProductFilter, ViewMode, SortBy, InstallationStatus } from '../types';
+
+/**
+ * Active installation state
+ */
+interface ActiveInstallation {
+    productId: string;
+    productName: string;
+    status: InstallationStatus;
+    progress: number;
+    message?: string;
+}
+/**
+ * Store state
+ *
+ * NOTE: Cart and Order data are now managed by backend via GraphQL.
+ * Only UI state is kept in Zustand.
+ */
+interface StoreState {
+    cartOpen: boolean;
+    searchQuery: string;
+    activeFilters: ProductFilter;
+    viewMode: ViewMode;
+    sortBy: SortBy;
+    activeInstallation: ActiveInstallation | null;
+    selectedCategoryId: string | null;
+    selectedPublisherId: string | null;
+    showFiltersPanel: boolean;
+    showCartDrawer: boolean;
+    showInstallationModal: boolean;
+    showLicenseActivationModal: boolean;
+    showSubmissionDrawer: boolean;
+    toggleCart: () => void;
+    setCartOpen: (open: boolean) => void;
+    setSearchQuery: (query: string) => void;
+    updateFilters: (filters: Partial<ProductFilter>) => void;
+    clearFilters: () => void;
+    resetFilters: () => void;
+    setViewMode: (mode: ViewMode) => void;
+    setSortBy: (sort: SortBy) => void;
+    setActiveInstallation: (installation: ActiveInstallation | null) => void;
+    updateInstallationProgress: (progress: number, message?: string) => void;
+    setSelectedCategoryId: (categoryId: string | null) => void;
+    setSelectedPublisherId: (publisherId: string | null) => void;
+    toggleFiltersPanel: () => void;
+    setShowFiltersPanel: (show: boolean) => void;
+    setShowCartDrawer: (show: boolean) => void;
+    setShowInstallationModal: (show: boolean) => void;
+    setShowLicenseActivationModal: (show: boolean) => void;
+    setShowSubmissionDrawer: (show: boolean) => void;
+    resetState: () => void;
+}
+/**
+ * Store using Zustand with persistence
+ */
+export declare const useStoreStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<StoreState>, "setState" | "persist"> & {
+    setState(partial: StoreState | Partial<StoreState> | ((state: StoreState) => StoreState | Partial<StoreState>), replace?: false | undefined): unknown;
+    setState(state: StoreState | ((state: StoreState) => StoreState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<StoreState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: StoreState) => void) => () => void;
+        onFinishHydration: (fn: (state: StoreState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<StoreState, unknown, unknown>>;
+    };
+}>;
+export {};

package/dist/store/storeStore.js

@@ -0,0 +1,68 @@
+import { create as e } from "zustand";
+import { persist as t } from "zustand/middleware";
+import { createProfileScopedStorage as n } from "@burdenoff/fe-libs/shared/utils";
+//#region src/store/storeStore.ts
+var r = {
+	cartOpen: !1,
+	searchQuery: "",
+	activeFilters: {},
+	viewMode: "grid",
+	sortBy: "relevance",
+	activeInstallation: null,
+	selectedCategoryId: null,
+	selectedPublisherId: null,
+	showFiltersPanel: !1,
+	showCartDrawer: !1,
+	showInstallationModal: !1,
+	showLicenseActivationModal: !1,
+	showSubmissionDrawer: !1
+}, i = e()(t((e, t) => ({
+	...r,
+	toggleCart: () => e((e) => ({ cartOpen: !e.cartOpen })),
+	setCartOpen: (t) => e({ cartOpen: t }),
+	setSearchQuery: (t) => e({ searchQuery: t }),
+	updateFilters: (t) => e((e) => ({ activeFilters: {
+		...e.activeFilters,
+		...t
+	} })),
+	clearFilters: () => e({
+		activeFilters: {},
+		searchQuery: ""
+	}),
+	resetFilters: () => e({ activeFilters: {} }),
+	setViewMode: (t) => e({ viewMode: t }),
+	setSortBy: (t) => e({ sortBy: t }),
+	setActiveInstallation: (t) => e({
+		activeInstallation: t,
+		showInstallationModal: t !== null
+	}),
+	updateInstallationProgress: (t, n) => e((e) => e.activeInstallation ? { activeInstallation: {
+		...e.activeInstallation,
+		progress: t,
+		message: n
+	} } : e),
+	setSelectedCategoryId: (t) => e({ selectedCategoryId: t }),
+	setSelectedPublisherId: (t) => e({ selectedPublisherId: t }),
+	toggleFiltersPanel: () => e((e) => ({ showFiltersPanel: !e.showFiltersPanel })),
+	setShowFiltersPanel: (t) => e({ showFiltersPanel: t }),
+	setShowCartDrawer: (t) => e({
+		showCartDrawer: t,
+		cartOpen: t
+	}),
+	setShowInstallationModal: (t) => e({ showInstallationModal: t }),
+	setShowLicenseActivationModal: (t) => e({ showLicenseActivationModal: t }),
+	setShowSubmissionDrawer: (t) => e({ showSubmissionDrawer: t }),
+	resetState: () => e({ ...r })
+}), {
+	name: "burdenoff-store-storage",
+	storage: n(),
+	partialize: (e) => ({
+		viewMode: e.viewMode,
+		sortBy: e.sortBy,
+		activeFilters: e.activeFilters
+	})
+}));
+//#endregion
+export { i as useStoreStore };
+
+//# sourceMappingURL=storeStore.js.map

package/dist/store/storeStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storeStore.js","names":[],"sources":["../../src/store/storeStore.ts"],"sourcesContent":["import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\nimport { createProfileScopedStorage } from '@burdenoff/fe-libs/shared/utils';\nimport type { ProductFilter, ViewMode, SortBy, InstallationStatus } from '../types';\n\n/**\n * Active installation state\n */\ninterface ActiveInstallation {\n  productId: string;\n  productName: string;\n  status: InstallationStatus;\n  progress: number;\n  message?: string;\n}\n\n/**\n * Store state\n *\n * NOTE: Cart and Order data are now managed by backend via GraphQL.\n * Only UI state is kept in Zustand.\n */\ninterface StoreState {\n  // Cart UI state (NOT cart data - that's in backend)\n  cartOpen: boolean;\n\n  // Search and filter state\n  searchQuery: string;\n  activeFilters: ProductFilter;\n\n  // View state\n  viewMode: ViewMode;\n  sortBy: SortBy;\n\n  // Installation state\n  activeInstallation: ActiveInstallation | null;\n\n  // Selected items\n  selectedCategoryId: string | null;\n  selectedPublisherId: string | null;\n\n  // UI state\n  showFiltersPanel: boolean;\n  showCartDrawer: boolean;\n  showInstallationModal: boolean;\n  showLicenseActivationModal: boolean;\n  showSubmissionDrawer: boolean;\n\n  // Actions - Cart UI only (cart data managed by backend)\n  toggleCart: () => void;\n  setCartOpen: (open: boolean) => void;\n\n  // Actions - Search and Filters\n  setSearchQuery: (query: string) => void;\n  updateFilters: (filters: Partial<ProductFilter>) => void;\n  clearFilters: () => void;\n  resetFilters: () => void;\n\n  // Actions - View\n  setViewMode: (mode: ViewMode) => void;\n  setSortBy: (sort: SortBy) => void;\n\n  // Actions - Installation\n  setActiveInstallation: (installation: ActiveInstallation | null) => void;\n  updateInstallationProgress: (progress: number, message?: string) => void;\n\n  // Actions - Selection\n  setSelectedCategoryId: (categoryId: string | null) => void;\n  setSelectedPublisherId: (publisherId: string | null) => void;\n\n  // Actions - UI\n  toggleFiltersPanel: () => void;\n  setShowFiltersPanel: (show: boolean) => void;\n  setShowCartDrawer: (show: boolean) => void;\n  setShowInstallationModal: (show: boolean) => void;\n  setShowLicenseActivationModal: (show: boolean) => void;\n  setShowSubmissionDrawer: (show: boolean) => void;\n\n  // Actions - Reset\n  resetState: () => void;\n}\n\n/**\n * Initial state\n *\n * NOTE: Cart and Order data are now managed by backend, not stored here.\n */\nconst initialState = {\n  cartOpen: false,\n  searchQuery: '',\n  activeFilters: {},\n  viewMode: 'grid' as ViewMode,\n  sortBy: 'relevance' as SortBy,\n  activeInstallation: null,\n  selectedCategoryId: null,\n  selectedPublisherId: null,\n  showFiltersPanel: false,\n  showCartDrawer: false,\n  showInstallationModal: false,\n  showLicenseActivationModal: false,\n  showSubmissionDrawer: false,\n};\n\n/**\n * Store using Zustand with persistence\n */\nexport const useStoreStore = create<StoreState>()(\n  persist(\n    (set, _get) => ({\n      ...initialState,\n\n      // Cart UI actions (cart data now managed by backend)\n      toggleCart: () =>\n        set((state) => ({\n          cartOpen: !state.cartOpen,\n        })),\n\n      setCartOpen: (open) =>\n        set({\n          cartOpen: open,\n        }),\n\n      // Search and filter actions\n      setSearchQuery: (query) =>\n        set({\n          searchQuery: query,\n        }),\n\n      updateFilters: (filters) =>\n        set((state) => ({\n          activeFilters: { ...state.activeFilters, ...filters },\n        })),\n\n      clearFilters: () =>\n        set({\n          activeFilters: {},\n          searchQuery: '',\n        }),\n\n      resetFilters: () =>\n        set({\n          activeFilters: {},\n        }),\n\n      // View actions\n      setViewMode: (mode) =>\n        set({\n          viewMode: mode,\n        }),\n\n      setSortBy: (sort) =>\n        set({\n          sortBy: sort,\n        }),\n\n      // Installation actions\n      setActiveInstallation: (installation) =>\n        set({\n          activeInstallation: installation,\n          showInstallationModal: installation !== null,\n        }),\n\n      updateInstallationProgress: (progress, message) =>\n        set((state) => {\n          if (!state.activeInstallation) return state;\n\n          return {\n            activeInstallation: {\n              ...state.activeInstallation,\n              progress,\n              message,\n            },\n          };\n        }),\n\n      // Selection actions\n      setSelectedCategoryId: (categoryId) =>\n        set({\n          selectedCategoryId: categoryId,\n        }),\n\n      setSelectedPublisherId: (publisherId) =>\n        set({\n          selectedPublisherId: publisherId,\n        }),\n\n      // UI actions\n      toggleFiltersPanel: () =>\n        set((state) => ({\n          showFiltersPanel: !state.showFiltersPanel,\n        })),\n\n      setShowFiltersPanel: (show) =>\n        set({\n          showFiltersPanel: show,\n        }),\n\n      setShowCartDrawer: (show) =>\n        set({\n          showCartDrawer: show,\n          cartOpen: show,\n        }),\n\n      setShowInstallationModal: (show) =>\n        set({\n          showInstallationModal: show,\n        }),\n\n      setShowLicenseActivationModal: (show) =>\n        set({\n          showLicenseActivationModal: show,\n        }),\n\n      setShowSubmissionDrawer: (show) =>\n        set({\n          showSubmissionDrawer: show,\n        }),\n\n      // Reset action\n      resetState: () =>\n        set({\n          ...initialState,\n        }),\n    }),\n    {\n      name: 'burdenoff-store-storage',\n      storage: createProfileScopedStorage(),\n      partialize: (state) => ({\n        // NOTE: Cart and Order data are NOT persisted - they're managed by backend\n        viewMode: state.viewMode,\n        sortBy: state.sortBy,\n        activeFilters: state.activeFilters,\n      }),\n    }\n  )\n);\n"],"mappings":";;;;AAuFA,IAAM,IAAe;CACnB,UAAU;CACV,aAAa;CACb,eAAe,EAAE;CACjB,UAAU;CACV,QAAQ;CACR,oBAAoB;CACpB,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,gBAAgB;CAChB,uBAAuB;CACvB,4BAA4B;CAC5B,sBAAsB;CACvB,EAKY,IAAgB,GAAoB,CAC/C,GACG,GAAK,OAAU;CACd,GAAG;CAGH,kBACE,GAAK,OAAW,EACd,UAAU,CAAC,EAAM,UAClB,EAAE;CAEL,cAAc,MACZ,EAAI,EACF,UAAU,GACX,CAAC;CAGJ,iBAAiB,MACf,EAAI,EACF,aAAa,GACd,CAAC;CAEJ,gBAAgB,MACd,GAAK,OAAW,EACd,eAAe;EAAE,GAAG,EAAM;EAAe,GAAG;EAAS,EACtD,EAAE;CAEL,oBACE,EAAI;EACF,eAAe,EAAE;EACjB,aAAa;EACd,CAAC;CAEJ,oBACE,EAAI,EACF,eAAe,EAAE,EAClB,CAAC;CAGJ,cAAc,MACZ,EAAI,EACF,UAAU,GACX,CAAC;CAEJ,YAAY,MACV,EAAI,EACF,QAAQ,GACT,CAAC;CAGJ,wBAAwB,MACtB,EAAI;EACF,oBAAoB;EACpB,uBAAuB,MAAiB;EACzC,CAAC;CAEJ,6BAA6B,GAAU,MACrC,GAAK,MACE,EAAM,qBAEJ,EACL,oBAAoB;EAClB,GAAG,EAAM;EACT;EACA;EACD,EACF,GARqC,EAStC;CAGJ,wBAAwB,MACtB,EAAI,EACF,oBAAoB,GACrB,CAAC;CAEJ,yBAAyB,MACvB,EAAI,EACF,qBAAqB,GACtB,CAAC;CAGJ,0BACE,GAAK,OAAW,EACd,kBAAkB,CAAC,EAAM,kBAC1B,EAAE;CAEL,sBAAsB,MACpB,EAAI,EACF,kBAAkB,GACnB,CAAC;CAEJ,oBAAoB,MAClB,EAAI;EACF,gBAAgB;EAChB,UAAU;EACX,CAAC;CAEJ,2BAA2B,MACzB,EAAI,EACF,uBAAuB,GACxB,CAAC;CAEJ,gCAAgC,MAC9B,EAAI,EACF,4BAA4B,GAC7B,CAAC;CAEJ,0BAA0B,MACxB,EAAI,EACF,sBAAsB,GACvB,CAAC;CAGJ,kBACE,EAAI,EACF,GAAG,GACJ,CAAC;CACL,GACD;CACE,MAAM;CACN,SAAS,GAA4B;CACrC,aAAa,OAAW;EAEtB,UAAU,EAAM;EAChB,QAAQ,EAAM;EACd,eAAe,EAAM;EACtB;CACF,CACF,CACF"}