@medialane/ui 0.37.0 → 0.39.0

package/dist/components/activity-row.cjs

@@ -84,7 +84,7 @@ function ActivityRow({
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right", title: new Date(activity.timestamp).toLocaleString(), children: (0, import_time.timeAgo)(activity.timestamp) }),
-      showExplorer && txLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: txLink, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-0 group-hover:opacity-100 shrink-0", "aria-label": "View on explorer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3 text-muted-foreground" }) })
+      showExplorer && txLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: txLink, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0", "aria-label": "View on explorer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3 text-muted-foreground" }) })
     ] })
   ] });
 }

package/dist/components/activity-row.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n  /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n      {/* Type icon */}\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      {/* Token thumbnail */}\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      {/* Asset name + actor */}\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      {/* Right: badge + price + time + explorer */}\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-[10px] font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-[10px] text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-0 group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image","Link"]}
+{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n  /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n      {/* Type icon */}\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      {/* Token thumbnail */}\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      {/* Asset name + actor */}\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      {/* Right: badge + price + time + explorer */}\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-[10px] font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-[10px] text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image","Link"]}

package/dist/components/activity-row.js

@@ -51,7 +51,7 @@ function ActivityRow({
         ] })
       ] }),
       /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right", title: new Date(activity.timestamp).toLocaleString(), children: timeAgo(activity.timestamp) }),
-      showExplorer && txLink && /* @__PURE__ */ jsx("a", { href: txLink, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-0 group-hover:opacity-100 shrink-0", "aria-label": "View on explorer", children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 text-muted-foreground" }) })
+      showExplorer && txLink && /* @__PURE__ */ jsx("a", { href: txLink, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0", "aria-label": "View on explorer", children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 text-muted-foreground" }) })
     ] })
   ] });
 }

package/dist/components/activity-row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n  /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n      {/* Type icon */}\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      {/* Token thumbnail */}\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      {/* Asset name + actor */}\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      {/* Right: badge + price + time + explorer */}\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-[10px] font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-[10px] text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-0 group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/activity-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { ExternalLink } from \"lucide-react\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface ActivityRowProps {\n  activity: ApiActivity;\n  /** Optional token enrichment — if absent shows #tokenId fallback. No internal useToken call. */\n  token?: { name?: string; image?: string };\n  showActor?: boolean;\n  showExplorer?: boolean;\n  compact?: boolean;\n  explorerUrl?: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n}\n\nexport function ActivityRow({\n  activity,\n  token,\n  showActor = true,\n  showExplorer = true,\n  compact = false,\n  explorerUrl = \"https://voyager.online\",\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  getActorHref = (a) => `/creator/${a}`,\n}: ActivityRowProps) {\n  const config = ACTIVITY_TYPE_CONFIG[activity.type] ?? {\n    label: activity.type,\n    variant: \"outline\" as const,\n    icon: ExternalLink,\n    colorClass: \"text-muted-foreground\",\n    bgClass: \"bg-muted\",\n  };\n  const Icon = config.icon;\n\n  const contract = activity.nftContract ?? activity.contractAddress ?? null;\n  const tokenId = activity.nftTokenId ?? activity.tokenId ?? null;\n  const actor =\n    activity.offerer ??\n    activity.fulfiller ??\n    ((activity.type as string) === \"mint\" ? activity.to : activity.from) ??\n    null;\n  const txLink = activity.txHash ? `${explorerUrl}/tx/${activity.txHash}` : null;\n\n  const tokenName = token?.name ?? (tokenId ? `#${tokenId}` : \"—\");\n  const tokenImage = token?.image ? ipfsToHttp(token.image) : null;\n\n  return (\n    <div className={cn(\"flex items-center gap-3 hover:bg-muted/30 transition-colors group\", compact ? \"pl-4 pr-5 py-2.5\" : \"pl-4 pr-5 py-3.5\")}>\n      {/* Type icon */}\n      <div className={cn(\"rounded-lg flex items-center justify-center shrink-0\", config.bgClass, compact ? \"h-7 w-7\" : \"h-8 w-8\")}>\n        <Icon className={cn(\"shrink-0\", config.colorClass, compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      </div>\n\n      {/* Token thumbnail */}\n      <div className={cn(\"rounded-md overflow-hidden shrink-0 bg-muted\", compact ? \"h-7 w-7\" : \"h-9 w-9\")}>\n        {tokenImage ? (\n          <Image src={tokenImage} alt={tokenName} width={compact ? 28 : 36} height={compact ? 28 : 36} className=\"object-cover w-full h-full\" unoptimized />\n        ) : (\n          <div className=\"w-full h-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5\" />\n        )}\n      </div>\n\n      {/* Asset name + actor */}\n      <div className=\"flex-1 min-w-0\">\n        {contract && tokenId ? (\n          <Link href={getAssetHref(contract, tokenId)} className=\"text-sm font-semibold hover:text-primary transition-colors truncate block leading-tight\">\n            {tokenName}\n          </Link>\n        ) : (\n          <span className=\"text-sm font-semibold text-muted-foreground\">—</span>\n        )}\n        {showActor && actor && (\n          <Link href={getActorHref(actor)} className=\"text-xs text-muted-foreground hover:text-primary transition-colors font-mono leading-tight\">\n            <AddressDisplay address={actor} chars={4} showCopy={false} />\n          </Link>\n        )}\n      </div>\n\n      {/* Right: badge + price + time + explorer */}\n      <div className=\"flex items-center gap-2.5 shrink-0\">\n        {!compact && (\n          <span className={cn(\"text-[10px] font-medium px-1.5 py-0.5 rounded hidden sm:inline-flex\", config.bgClass, config.colorClass)}>\n            {config.label}\n          </span>\n        )}\n\n        {activity.price?.formatted && (\n          <div className=\"text-right\">\n            <p className=\"text-sm font-bold tabular-nums leading-tight\">{formatDisplayPrice(activity.price.formatted)}</p>\n            <p className=\"text-[10px] text-muted-foreground leading-tight flex items-center justify-end gap-0.5\">\n              {activity.price.currency && <CurrencyIcon symbol={activity.price.currency} size={10} />}\n              {activity.price.currency}\n            </p>\n          </div>\n        )}\n\n        <span className=\"text-[10px] text-muted-foreground tabular-nums hidden sm:block w-12 text-right\" title={new Date(activity.timestamp).toLocaleString()}>\n          {timeAgo(activity.timestamp)}\n        </span>\n\n        {showExplorer && txLink && (\n          <a href={txLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center h-6 w-6 rounded-md hover:bg-muted transition-colors opacity-50 sm:opacity-0 sm:group-hover:opacity-100 shrink-0\" aria-label=\"View on explorer\">\n            <ExternalLink className=\"h-3 w-3 text-muted-foreground\" />\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/discover-feed-section.cjs

@@ -19,6 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var discover_feed_section_exports = {};
 __export(discover_feed_section_exports, {
+  DiscoverActivityStrip: () => DiscoverActivityStrip,
   DiscoverFeedSection: () => DiscoverFeedSection
 });
 module.exports = __toCommonJS(discover_feed_section_exports);
@@ -63,6 +64,34 @@ function StripShell({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2", style: { width: "max-content" }, children }) })
   ] });
 }
+function DiscoverActivityStrip({
+  orders,
+  isLoading,
+  marketplaceHref = "/marketplace",
+  onBuyOrder,
+  isOwnOrder
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.FadeIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StripShell,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-3.5 w-3.5 text-white" }),
+      iconBg: "bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20",
+      title: "Activity",
+      href: marketplaceHref,
+      linkLabel: "View all",
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
+        const own = isOwnOrder?.(order) ?? false;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_listing_card.ListingCard,
+          {
+            order,
+            onBuy: onBuyOrder && !own ? () => onBuyOrder(order) : void 0
+          }
+        ) }, order.orderHash);
+      })
+    }
+  ) });
+}
 function DiscoverFeedSection({
   orders,
   isLoading,
@@ -76,26 +105,16 @@ function DiscoverFeedSection({
   isOwnOrder
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-14 sm:space-y-20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.FadeIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      StripShell,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      DiscoverActivityStrip,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: "h-3.5 w-3.5 text-white" }),
-        iconBg: "bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20",
-        title: "Activity",
-        href: marketplaceHref,
-        linkLabel: "View all",
-        children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_listing_card.ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
-          const own = isOwnOrder?.(order) ?? false;
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_listing_card.ListingCard,
-            {
-              order,
-              onBuy: onBuyOrder && !own ? () => onBuyOrder(order) : void 0
-            }
-          ) }, order.orderHash);
-        })
+        orders,
+        isLoading,
+        marketplaceHref,
+        onBuyOrder,
+        isOwnOrder
       }
-    ) }),
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.FadeIn, { delay: 0.08, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       StripShell,
       {
@@ -119,6 +138,7 @@ function DiscoverFeedSection({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DiscoverActivityStrip,
   DiscoverFeedSection
 });
 //# sourceMappingURL=discover-feed-section.cjs.map

package/dist/components/discover-feed-section.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-[10px] text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/** Discover feed — Markets activity + Community as horizontal carousels,\n *  matching the Collections/Creators explore-by-scrolling model. */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      {/* Markets — recent listings carousel */}\n      <FadeIn>\n        <StripShell\n          icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n          title=\"Activity\"\n          href={marketplaceHref}\n          linkLabel=\"View all\"\n        >\n          {isLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-72 snap-start shrink-0\">\n                  <ListingCardSkeleton />\n                </div>\n              ))\n            : orders.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n              )\n            : orders.map((order) => {\n                const own = isOwnOrder?.(order) ?? false;\n                return (\n                  <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                    <ListingCard\n                      order={order}\n                      onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                    />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-[10px] text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can\n *  place other sections (e.g. Browse by Type) between this and Community. */\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\n/**\n * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,\n * pending its own migration). New pages should use `DiscoverActivityStrip`\n * directly and build their own Community section — see medialane-starknet's\n * discover community-section.tsx for the 2-column activities+leaderboard\n * replacement of the old carousel below.\n */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/discover-feed-section.d.cts

@@ -17,8 +17,23 @@ interface DiscoverFeedSectionProps {
     /** Hide the buy action for orders the viewer owns */
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
-/** Discover feed — Markets activity + Community as horizontal carousels,
- *  matching the Collections/Creators explore-by-scrolling model. */
+interface DiscoverActivityStripProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    marketplaceHref?: string;
+    onBuyOrder?: (order: ApiOrder) => void;
+    isOwnOrder?: (order: ApiOrder) => boolean;
+}
+/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can
+ *  place other sections (e.g. Browse by Type) between this and Community. */
+declare function DiscoverActivityStrip({ orders, isLoading, marketplaceHref, onBuyOrder, isOwnOrder, }: DiscoverActivityStripProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,
+ * pending its own migration). New pages should use `DiscoverActivityStrip`
+ * directly and build their own Community section — see medialane-starknet's
+ * discover community-section.tsx for the 2-column activities+leaderboard
+ * replacement of the old carousel below.
+ */
 declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
 
-export { DiscoverFeedSection, type DiscoverFeedSectionProps };
+export { DiscoverActivityStrip, type DiscoverActivityStripProps, DiscoverFeedSection, type DiscoverFeedSectionProps };

package/dist/components/discover-feed-section.d.ts

@@ -17,8 +17,23 @@ interface DiscoverFeedSectionProps {
     /** Hide the buy action for orders the viewer owns */
     isOwnOrder?: (order: ApiOrder) => boolean;
 }
-/** Discover feed — Markets activity + Community as horizontal carousels,
- *  matching the Collections/Creators explore-by-scrolling model. */
+interface DiscoverActivityStripProps {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    marketplaceHref?: string;
+    onBuyOrder?: (order: ApiOrder) => void;
+    isOwnOrder?: (order: ApiOrder) => boolean;
+}
+/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can
+ *  place other sections (e.g. Browse by Type) between this and Community. */
+declare function DiscoverActivityStrip({ orders, isLoading, marketplaceHref, onBuyOrder, isOwnOrder, }: DiscoverActivityStripProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,
+ * pending its own migration). New pages should use `DiscoverActivityStrip`
+ * directly and build their own Community section — see medialane-starknet's
+ * discover community-section.tsx for the 2-column activities+leaderboard
+ * replacement of the old carousel below.
+ */
 declare function DiscoverFeedSection({ orders, isLoading, activities, activitiesLoading, lastUpdated, getAssetHref, marketplaceHref, activitiesHref, onBuyOrder, isOwnOrder, }: DiscoverFeedSectionProps): react_jsx_runtime.JSX.Element;
 
-export { DiscoverFeedSection, type DiscoverFeedSectionProps };
+export { DiscoverActivityStrip, type DiscoverActivityStripProps, DiscoverFeedSection, type DiscoverFeedSectionProps };

package/dist/components/discover-feed-section.js

@@ -40,6 +40,34 @@ function StripShell({
     /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto scrollbar-hide", children: /* @__PURE__ */ jsx("div", { className: "flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2", style: { width: "max-content" }, children }) })
   ] });
 }
+function DiscoverActivityStrip({
+  orders,
+  isLoading,
+  marketplaceHref = "/marketplace",
+  onBuyOrder,
+  isOwnOrder
+}) {
+  return /* @__PURE__ */ jsx(FadeIn, { children: /* @__PURE__ */ jsx(
+    StripShell,
+    {
+      icon: /* @__PURE__ */ jsx(Tag, { className: "h-3.5 w-3.5 text-white" }),
+      iconBg: "bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20",
+      title: "Activity",
+      href: marketplaceHref,
+      linkLabel: "View all",
+      children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
+        const own = isOwnOrder?.(order) ?? false;
+        return /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(
+          ListingCard,
+          {
+            order,
+            onBuy: onBuyOrder && !own ? () => onBuyOrder(order) : void 0
+          }
+        ) }, order.orderHash);
+      })
+    }
+  ) });
+}
 function DiscoverFeedSection({
   orders,
   isLoading,
@@ -53,26 +81,16 @@ function DiscoverFeedSection({
   isOwnOrder
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-14 sm:space-y-20", children: [
-    /* @__PURE__ */ jsx(FadeIn, { children: /* @__PURE__ */ jsx(
-      StripShell,
+    /* @__PURE__ */ jsx(
+      DiscoverActivityStrip,
       {
-        icon: /* @__PURE__ */ jsx(Tag, { className: "h-3.5 w-3.5 text-white" }),
-        iconBg: "bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20",
-        title: "Activity",
-        href: marketplaceHref,
-        linkLabel: "View all",
-        children: isLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(ListingCardSkeleton, {}) }, i)) : orders.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No active listings yet." }) : orders.map((order) => {
-          const own = isOwnOrder?.(order) ?? false;
-          return /* @__PURE__ */ jsx("div", { className: "w-72 snap-start shrink-0", children: /* @__PURE__ */ jsx(
-            ListingCard,
-            {
-              order,
-              onBuy: onBuyOrder && !own ? () => onBuyOrder(order) : void 0
-            }
-          ) }, order.orderHash);
-        })
+        orders,
+        isLoading,
+        marketplaceHref,
+        onBuyOrder,
+        isOwnOrder
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsx(FadeIn, { delay: 0.08, children: /* @__PURE__ */ jsx(
       StripShell,
       {
@@ -95,6 +113,7 @@ function DiscoverFeedSection({
   ] });
 }
 export {
+  DiscoverActivityStrip,
   DiscoverFeedSection
 };
 //# sourceMappingURL=discover-feed-section.js.map

package/dist/components/discover-feed-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-[10px] text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/** Discover feed — Markets activity + Community as horizontal carousels,\n *  matching the Collections/Creators explore-by-scrolling model. */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      {/* Markets — recent listings carousel */}\n      <FadeIn>\n        <StripShell\n          icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n          title=\"Activity\"\n          href={marketplaceHref}\n          linkLabel=\"View all\"\n        >\n          {isLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-72 snap-start shrink-0\">\n                  <ListingCardSkeleton />\n                </div>\n              ))\n            : orders.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n              )\n            : orders.map((order) => {\n                const own = isOwnOrder?.(order) ?? false;\n                return (\n                  <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                    <ListingCard\n                      order={order}\n                      onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                    />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-feed-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tag, Activity, RefreshCw, ArrowRight } from \"lucide-react\";\nimport { FadeIn } from \"./motion-primitives.js\";\nimport { ListingCard, ListingCardSkeleton } from \"./listing-card.js\";\nimport { ActivityCard, ActivityCardSkeleton } from \"./activity-card.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiOrder, ApiActivity } from \"@medialane/sdk\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n  getActorHref?: (address: string) => string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n  /** Optional buy hook — when provided, listing cards show their Buy action */\n  onBuyOrder?: (order: ApiOrder) => void;\n  /** Hide the buy action for orders the viewer owns */\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n// ── Shared strip shell: icon-badge header + snap-scroll row ─────────────────\nfunction StripShell({\n  icon,\n  iconBg,\n  title,\n  subtitle,\n  href,\n  linkLabel,\n  children,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  subtitle?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <section className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2.5\">\n          <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center\", iconBg)}>\n            {icon}\n          </div>\n          <div>\n            <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n            {subtitle && <p className=\"text-[10px] text-muted-foreground mt-1\">{subtitle}</p>}\n          </div>\n        </div>\n        <a\n          href={href}\n          className=\"inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground px-3 py-1.5 rounded-md hover:bg-accent transition-colors\"\n        >\n          {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n\n      <div className=\"w-full overflow-x-auto scrollbar-hide\">\n        <div className=\"flex gap-5 sm:gap-6 snap-x snap-mandatory pb-2\" style={{ width: \"max-content\" }}>\n          {children}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport interface DiscoverActivityStripProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  marketplaceHref?: string;\n  onBuyOrder?: (order: ApiOrder) => void;\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\n/** Markets — recent listings carousel. Standalone (2026-07-05) so a page can\n *  place other sections (e.g. Browse by Type) between this and Community. */\nexport function DiscoverActivityStrip({\n  orders,\n  isLoading,\n  marketplaceHref = \"/marketplace\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverActivityStripProps) {\n  return (\n    <FadeIn>\n      <StripShell\n        icon={<Tag className=\"h-3.5 w-3.5 text-white\" />}\n        iconBg=\"bg-gradient-to-br from-rose-500 to-pink-600 shadow-md shadow-rose-500/20\"\n        title=\"Activity\"\n        href={marketplaceHref}\n        linkLabel=\"View all\"\n      >\n        {isLoading\n          ? Array.from({ length: 8 }).map((_, i) => (\n              <div key={i} className=\"w-72 snap-start shrink-0\">\n                <ListingCardSkeleton />\n              </div>\n            ))\n          : orders.length === 0\n          ? (\n              <p className=\"text-sm text-muted-foreground py-4\">No active listings yet.</p>\n            )\n          : orders.map((order) => {\n              const own = isOwnOrder?.(order) ?? false;\n              return (\n                <div key={order.orderHash} className=\"w-72 snap-start shrink-0\">\n                  <ListingCard\n                    order={order}\n                    onBuy={onBuyOrder && !own ? () => onBuyOrder(order) : undefined}\n                  />\n                </div>\n              );\n            })}\n      </StripShell>\n    </FadeIn>\n  );\n}\n\n/**\n * @deprecated Kept for apps still on the combined layout (e.g. medialane-io,\n * pending its own migration). New pages should use `DiscoverActivityStrip`\n * directly and build their own Community section — see medialane-starknet's\n * discover community-section.tsx for the 2-column activities+leaderboard\n * replacement of the old carousel below.\n */\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\n  getAssetHref = (c, t) => `/asset/${c}/${t}`,\n  marketplaceHref = \"/marketplace\",\n  activitiesHref = \"/activities\",\n  onBuyOrder,\n  isOwnOrder,\n}: DiscoverFeedSectionProps) {\n  return (\n    <div className=\"space-y-14 sm:space-y-20\">\n      <DiscoverActivityStrip\n        orders={orders}\n        isLoading={isLoading}\n        marketplaceHref={marketplaceHref}\n        onBuyOrder={onBuyOrder}\n        isOwnOrder={isOwnOrder}\n      />\n\n      {/* Community — recent on-chain activity carousel */}\n      <FadeIn delay={0.08}>\n        <StripShell\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-indigo-500 to-blue-600 shadow-md shadow-indigo-500/20\"\n          title=\"Community\"\n          subtitle={\n            <span className=\"flex items-center gap-1\">\n              <RefreshCw className=\"h-2.5 w-2.5\" />\n              Updated {timeAgo(lastUpdated)}\n            </span>\n          }\n          href={activitiesHref}\n          linkLabel=\"Activities\"\n        >\n          {activitiesLoading\n            ? Array.from({ length: 8 }).map((_, i) => (\n                <div key={i} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                  <ActivityCardSkeleton />\n                </div>\n              ))\n            : activities.length === 0\n            ? (\n                <p className=\"text-sm text-muted-foreground py-4\">\n                  No activity yet. Be the first to trade on Medialane!\n                </p>\n              )\n            : activities.map((act, i) => {\n                const key = act.txHash\n                  ? `${act.txHash}-${act.type}-${act.nftTokenId ?? \"\"}`\n                  : `activity-${i}`;\n                return (\n                  <div key={key} className=\"w-56 sm:w-64 snap-start shrink-0\">\n                    <ActivityCard activity={act} getAssetHref={getAssetHref} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}