@medialane/ui 0.260.0 → 0.261.0

package/dist/components/asset-marketplace-panel.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, type ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { isExpired, timeUntil } from \"../utils/time.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetAccessCards, CompanionAppCard } from \"./asset-access-cards.js\";\nimport { useMedialaneApp, type AssetRef } from \"./medialane-app.js\";\nimport { HelpIcon } from \"./help-icon.js\";\n\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  asset: AssetRef;\n  compact?: boolean;\n  cheapest?: T;\n  isOwner: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  canListMoreEditions?: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n\n  usdValue?: string | null;\n\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n\n\n}\n\nfunction ActionRow({ children }: { children: ReactNode }) {\n  const odd = Children.toArray(children).length % 2 === 1;\n  return <div className={cn(\"grid grid-cols-2 gap-2\", odd && \"[&>*:first-child]:col-span-2\")}>{children}</div>;\n}\n\nfunction PriceLine({ label, order, usdValue }: { label: string; order: ApiOrderLike; usdValue?: string | null }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-muted-foreground\">\n      <span>{label}</span>\n      <CurrencyAmount amount={formatDisplayPrice(order.price.formatted)} symbol={order.price.currency ?? \"\"} iconSize={14} amountClassName=\"text-base font-bold text-foreground tabular-nums\" />\n      <span className=\"font-semibold text-foreground\">{order.price.currency}</span>\n      {usdValue ? <span className=\"tabular-nums\">· {usdValue}</span> : null}\n      <HelpIcon content={`Expires ${timeUntil(order.endTime)}`} />\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  asset,\n  compact = false,\n  cheapest,\n  isOwner,\n  isProcessing,\n  isERC1155,\n  canListMoreEditions,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  usdValue,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const { walletAddress } = useMedialaneApp();\n  const isSignedIn = !!walletAddress;\n  const liveBids = activeBids.filter((bid) => !isExpired(bid.endTime));\n  const liveCheapest = cheapest && !isExpired(cheapest.endTime) ? cheapest : undefined;\n  const liveMyListing = myListing && !isExpired(myListing.endTime) ? myListing : null;\n\n  const myBid = !isOwner && walletAddress\n    ? liveBids.find((bid) => isSameAddress(bid.offerer, walletAddress)) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!liveCheapest && !!walletAddress &&\n    !isSameAddress(liveCheapest.offerer, walletAddress);\n\n  if (isMarketLoading && !liveCheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  const remixButton = remixEnabled && onOpenRemix ? (\n    <ActionButton\n      action=\"remix\"\n      icon={<GitBranch className=\"h-4 w-4\" />}\n      onClick={onOpenRemix}\n      helpContent=\"Create your own attributed derivative of this work.\"\n    >\n      Remix\n    </ActionButton>\n  ) : null;\n\n  const offerButton = (\n    <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer}>\n      Make offer\n    </ActionButton>\n  );\n\n  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? (\n    <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n      <span>Buy</span>\n      <CurrencyAmount amount={formatDisplayPrice(liveCheapest.price.formatted)} symbol={liveCheapest.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n      {usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n    </ActionButton>\n  ) : null;\n\n  const listedPrice = !isOwner && !isSignedIn && liveCheapest ? (\n    <PriceLine label=\"Price\" order={liveCheapest} usdValue={usdValue} />\n  ) : null;\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {listedPrice}\n\n        {isOwner ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {liveMyListing ? (\n                <ActionButton\n                  icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                  onClick={() => onCancelClick(liveMyListing)}\n                  disabled={isProcessing}\n                  tone=\"red\"\n                  helpContent={`Expires ${timeUntil(liveMyListing.endTime)}`}\n                >\n                  <span>Cancel listing</span>\n                  <CurrencyAmount amount={formatDisplayPrice(liveMyListing.price.formatted)} symbol={liveMyListing.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n                  {liveMyListing.orderHash === liveCheapest?.orderHash && usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n                </ActionButton>\n              ) : null}\n              {!liveMyListing || (isERC1155 && canListMoreEditions !== false) ? (\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing}>\n                  {liveMyListing ? \"List more\" : \"List for sale\"}\n                </ActionButton>\n              ) : null}\n              <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer}>Transfer</ActionButton>\n              {remixButton}\n              {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorSolicit}\n                  helpContent=\"Let sponsors bid on a license for this asset.\"\n                >\n                  Open for sponsorship\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n            {buyButton ? <ActionRow>{buyButton}</ActionRow> : null}\n          </div>\n        ) : isSignedIn ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {buyButton}\n              {offerButton}\n              {remixButton}\n              {showDealOption && onProposeDeal ? (\n                <ActionButton\n                  action=\"license\"\n                  icon={<HandCoins className=\"h-4 w-4\" />}\n                  onClick={onProposeDeal}\n                  helpContent=\"Propose a license deal to the creator to use this work.\"\n                >\n                  License\n                </ActionButton>\n              ) : null}\n              {showSponsorOption && onOpenSponsorProposal ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorProposal}\n                  helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                >\n                  Sponsor\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n          </div>\n        ) : (\n          <AssetAccessCards asset={asset} stacked={compact} />\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && liveBids.length > 0 ? (\n          <div className=\"space-y-2\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({liveBids.length})\n            </p>\n            <div className=\"divide-y divide-border/40\">\n              {liveBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 py-2.5\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        {isSignedIn ? <CompanionAppCard asset={asset} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, type ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { isExpired, timeUntil } from \"../utils/time.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetAccessButtons, CompanionAppButton } from \"./asset-access-cards.js\";\nimport { useMedialaneApp, type AssetRef } from \"./medialane-app.js\";\n\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  asset: AssetRef;\n  compact?: boolean;\n  cheapest?: T;\n  isOwner: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  canListMoreEditions?: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n\n  usdValue?: string | null;\n\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n\n\n}\n\nfunction ActionRow({ children }: { children: ReactNode }) {\n  const odd = Children.toArray(children).length % 2 === 1;\n  return <div className={cn(\"grid grid-cols-2 gap-2\", odd && \"[&>*:first-child]:col-span-2\")}>{children}</div>;\n}\n\nfunction PriceBlock({ order, usdValue }: { order: ApiOrderLike; usdValue?: string | null }) {\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">Buy for</p>\n      <div className=\"flex flex-wrap items-baseline gap-x-2 gap-y-1\">\n        <CurrencyAmount amount={formatDisplayPrice(order.price.formatted)} symbol={order.price.currency ?? \"\"} iconSize={26} amountClassName=\"text-3xl font-bold text-foreground tabular-nums\" />\n        <span className=\"text-lg font-semibold text-foreground\">{order.price.currency}</span>\n        {usdValue ? <span className=\"text-sm tabular-nums text-muted-foreground\">{usdValue}</span> : null}\n      </div>\n      <p className=\"text-xs text-muted-foreground\">Expires {timeUntil(order.endTime)}</p>\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  asset,\n  compact = false,\n  cheapest,\n  isOwner,\n  isProcessing,\n  isERC1155,\n  canListMoreEditions,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  usdValue,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const { walletAddress } = useMedialaneApp();\n  const isSignedIn = !!walletAddress;\n  const liveBids = activeBids.filter((bid) => !isExpired(bid.endTime));\n  const liveCheapest = cheapest && !isExpired(cheapest.endTime) ? cheapest : undefined;\n  const liveMyListing = myListing && !isExpired(myListing.endTime) ? myListing : null;\n\n  const myBid = !isOwner && walletAddress\n    ? liveBids.find((bid) => isSameAddress(bid.offerer, walletAddress)) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!liveCheapest && !!walletAddress &&\n    !isSameAddress(liveCheapest.offerer, walletAddress);\n\n  if (isMarketLoading && !liveCheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  const remixButton = remixEnabled && onOpenRemix ? (\n    <ActionButton\n      action=\"remix\"\n      icon={<GitBranch className=\"h-4 w-4\" />}\n      onClick={onOpenRemix}\n      helpContent=\"Create your own attributed derivative of this work.\"\n    >\n      Remix\n    </ActionButton>\n  ) : null;\n\n  const offerButton = (\n    <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer}>\n      Make offer\n    </ActionButton>\n  );\n\n  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? (\n    isOwner ? (\n      <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n        <span>Buy</span>\n        <CurrencyAmount amount={formatDisplayPrice(liveCheapest.price.formatted)} symbol={liveCheapest.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n        {usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n      </ActionButton>\n    ) : (\n      <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n        Buy now\n      </ActionButton>\n    )\n  ) : null;\n\n  const listedPrice = !isOwner && liveCheapest ? <PriceBlock order={liveCheapest} usdValue={usdValue} /> : null;\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {isOwner ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {liveMyListing ? (\n                <ActionButton\n                  icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                  onClick={() => onCancelClick(liveMyListing)}\n                  disabled={isProcessing}\n                  tone=\"red\"\n                  helpContent={`Expires ${timeUntil(liveMyListing.endTime)}`}\n                >\n                  <span>Cancel listing</span>\n                  <CurrencyAmount amount={formatDisplayPrice(liveMyListing.price.formatted)} symbol={liveMyListing.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n                  {liveMyListing.orderHash === liveCheapest?.orderHash && usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n                </ActionButton>\n              ) : null}\n              {!liveMyListing || (isERC1155 && canListMoreEditions !== false) ? (\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing}>\n                  {liveMyListing ? \"List more\" : \"List for sale\"}\n                </ActionButton>\n              ) : null}\n              <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer}>Transfer</ActionButton>\n              {remixButton}\n              {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorSolicit}\n                  helpContent=\"Let sponsors bid on a license for this asset.\"\n                >\n                  Open for sponsorship\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n            {buyButton ? <ActionRow>{buyButton}</ActionRow> : null}\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {listedPrice}\n            {isSignedIn ? (\n              <ActionRow>\n                {buyButton}\n                {offerButton}\n                {remixButton}\n                {showDealOption && onProposeDeal ? (\n                  <ActionButton\n                    action=\"license\"\n                    icon={<HandCoins className=\"h-4 w-4\" />}\n                    onClick={onProposeDeal}\n                    helpContent=\"Propose a license deal to the creator to use this work.\"\n                  >\n                    License\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                  >\n                    Sponsor\n                  </ActionButton>\n                ) : null}\n              </ActionRow>\n            ) : (\n              <AssetAccessButtons asset={asset} stacked={compact} />\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && liveBids.length > 0 ? (\n          <div className=\"space-y-2\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({liveBids.length})\n            </p>\n            <div className=\"divide-y divide-border/40\">\n              {liveBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 py-2.5\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        {isSignedIn ? <CompanionAppButton asset={asset} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-marketplace-panel.js

@@ -19,23 +19,24 @@ import { formatDisplayPrice } from "../utils/format.js";
 import { isExpired, timeUntil } from "../utils/time.js";
 import { isSameAddress } from "../utils/same-address.js";
 import { cn } from "../utils/cn.js";
-import { AssetAccessCards, CompanionAppCard } from "./asset-access-cards.js";
+import { AssetAccessButtons, CompanionAppButton } from "./asset-access-cards.js";
 import { useMedialaneApp } from "./medialane-app.js";
-import { HelpIcon } from "./help-icon.js";
 function ActionRow({ children }) {
   const odd = Children.toArray(children).length % 2 === 1;
   return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-2 gap-2", odd && "[&>*:first-child]:col-span-2"), children });
 }
-function PriceLine({ label, order, usdValue }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-muted-foreground", children: [
-    /* @__PURE__ */ jsx("span", { children: label }),
-    /* @__PURE__ */ jsx(CurrencyAmount, { amount: formatDisplayPrice(order.price.formatted), symbol: order.price.currency ?? "", iconSize: 14, amountClassName: "text-base font-bold text-foreground tabular-nums" }),
-    /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: order.price.currency }),
-    usdValue ? /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
-      "\xB7 ",
-      usdValue
-    ] }) : null,
-    /* @__PURE__ */ jsx(HelpIcon, { content: `Expires ${timeUntil(order.endTime)}` })
+function PriceBlock({ order, usdValue }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Buy for" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
+      /* @__PURE__ */ jsx(CurrencyAmount, { amount: formatDisplayPrice(order.price.formatted), symbol: order.price.currency ?? "", iconSize: 26, amountClassName: "text-3xl font-bold text-foreground tabular-nums" }),
+      /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-foreground", children: order.price.currency }),
+      usdValue ? /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: usdValue }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Expires ",
+      timeUntil(order.endTime)
+    ] })
   ] });
 }
 function AssetMarketplacePanel({
@@ -89,17 +90,16 @@ function AssetMarketplacePanel({
     }
   ) : null;
   const offerButton = /* @__PURE__ */ jsx(ActionButton, { action: "offer", icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }), onClick: onOpenOffer, children: "Make offer" });
-  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? /* @__PURE__ */ jsxs(ActionButton, { action: "buy", onClick: () => onOpenPurchase(liveCheapest), children: [
+  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? isOwner ? /* @__PURE__ */ jsxs(ActionButton, { action: "buy", onClick: () => onOpenPurchase(liveCheapest), children: [
     /* @__PURE__ */ jsx("span", { children: "Buy" }),
     /* @__PURE__ */ jsx(CurrencyAmount, { amount: formatDisplayPrice(liveCheapest.price.formatted), symbol: liveCheapest.price.currency ?? "", iconSize: 14, amountClassName: "tabular-nums" }),
     usdValue ? /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground tabular-nums", children: [
       "\xB7 ",
       usdValue
     ] }) : null
-  ] }) : null;
-  const listedPrice = !isOwner && !isSignedIn && liveCheapest ? /* @__PURE__ */ jsx(PriceLine, { label: "Price", order: liveCheapest, usdValue }) : null;
+  ] }) : /* @__PURE__ */ jsx(ActionButton, { action: "buy", onClick: () => onOpenPurchase(liveCheapest), children: "Buy now" }) : null;
+  const listedPrice = !isOwner && liveCheapest ? /* @__PURE__ */ jsx(PriceBlock, { order: liveCheapest, usdValue }) : null;
   return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "relative space-y-4", children: [
-    listedPrice,
     isOwner ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs(ActionRow, { children: [
         liveMyListing ? /* @__PURE__ */ jsxs(
@@ -135,31 +135,34 @@ function AssetMarketplacePanel({
         ) : null
       ] }),
       buyButton ? /* @__PURE__ */ jsx(ActionRow, { children: buyButton }) : null
-    ] }) : isSignedIn ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs(ActionRow, { children: [
-      buyButton,
-      offerButton,
-      remixButton,
-      showDealOption && onProposeDeal ? /* @__PURE__ */ jsx(
-        ActionButton,
-        {
-          action: "license",
-          icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }),
-          onClick: onProposeDeal,
-          helpContent: "Propose a license deal to the creator to use this work.",
-          children: "License"
-        }
-      ) : null,
-      showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ jsx(
-        ActionButton,
-        {
-          tone: "blue",
-          icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
-          onClick: onOpenSponsorProposal,
-          helpContent: "Propose to sponsor this creator's work \u2014 pay them directly for a license, no escrow.",
-          children: "Sponsor"
-        }
-      ) : null
-    ] }) }) : /* @__PURE__ */ jsx(AssetAccessCards, { asset, stacked: compact }),
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      listedPrice,
+      isSignedIn ? /* @__PURE__ */ jsxs(ActionRow, { children: [
+        buyButton,
+        offerButton,
+        remixButton,
+        showDealOption && onProposeDeal ? /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            action: "license",
+            icon: /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4" }),
+            onClick: onProposeDeal,
+            helpContent: "Propose a license deal to the creator to use this work.",
+            children: "License"
+          }
+        ) : null,
+        showSponsorOption && onOpenSponsorProposal ? /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            tone: "blue",
+            icon: /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4" }),
+            onClick: onOpenSponsorProposal,
+            helpContent: "Propose to sponsor this creator's work \u2014 pay them directly for a license, no escrow.",
+            children: "Sponsor"
+          }
+        ) : null
+      ] }) : /* @__PURE__ */ jsx(AssetAccessButtons, { asset, stacked: compact })
+    ] }),
     myBid ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex items-center gap-2.5", children: [
         /* @__PURE__ */ jsx(HandCoins, { className: "h-4 w-4 text-amber-500 shrink-0" }),
@@ -223,7 +226,7 @@ function AssetMarketplacePanel({
         )
       ] }, bid.orderHash)) })
     ] }) : null,
-    isSignedIn ? /* @__PURE__ */ jsx(CompanionAppCard, { asset }) : null
+    isSignedIn ? /* @__PURE__ */ jsx(CompanionAppButton, { asset }) : null
   ] }) });
 }
 export {

package/dist/components/asset-marketplace-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, type ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { isExpired, timeUntil } from \"../utils/time.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetAccessCards, CompanionAppCard } from \"./asset-access-cards.js\";\nimport { useMedialaneApp, type AssetRef } from \"./medialane-app.js\";\nimport { HelpIcon } from \"./help-icon.js\";\n\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  asset: AssetRef;\n  compact?: boolean;\n  cheapest?: T;\n  isOwner: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  canListMoreEditions?: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n\n  usdValue?: string | null;\n\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n\n\n}\n\nfunction ActionRow({ children }: { children: ReactNode }) {\n  const odd = Children.toArray(children).length % 2 === 1;\n  return <div className={cn(\"grid grid-cols-2 gap-2\", odd && \"[&>*:first-child]:col-span-2\")}>{children}</div>;\n}\n\nfunction PriceLine({ label, order, usdValue }: { label: string; order: ApiOrderLike; usdValue?: string | null }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-muted-foreground\">\n      <span>{label}</span>\n      <CurrencyAmount amount={formatDisplayPrice(order.price.formatted)} symbol={order.price.currency ?? \"\"} iconSize={14} amountClassName=\"text-base font-bold text-foreground tabular-nums\" />\n      <span className=\"font-semibold text-foreground\">{order.price.currency}</span>\n      {usdValue ? <span className=\"tabular-nums\">· {usdValue}</span> : null}\n      <HelpIcon content={`Expires ${timeUntil(order.endTime)}`} />\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  asset,\n  compact = false,\n  cheapest,\n  isOwner,\n  isProcessing,\n  isERC1155,\n  canListMoreEditions,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  usdValue,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const { walletAddress } = useMedialaneApp();\n  const isSignedIn = !!walletAddress;\n  const liveBids = activeBids.filter((bid) => !isExpired(bid.endTime));\n  const liveCheapest = cheapest && !isExpired(cheapest.endTime) ? cheapest : undefined;\n  const liveMyListing = myListing && !isExpired(myListing.endTime) ? myListing : null;\n\n  const myBid = !isOwner && walletAddress\n    ? liveBids.find((bid) => isSameAddress(bid.offerer, walletAddress)) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!liveCheapest && !!walletAddress &&\n    !isSameAddress(liveCheapest.offerer, walletAddress);\n\n  if (isMarketLoading && !liveCheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  const remixButton = remixEnabled && onOpenRemix ? (\n    <ActionButton\n      action=\"remix\"\n      icon={<GitBranch className=\"h-4 w-4\" />}\n      onClick={onOpenRemix}\n      helpContent=\"Create your own attributed derivative of this work.\"\n    >\n      Remix\n    </ActionButton>\n  ) : null;\n\n  const offerButton = (\n    <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer}>\n      Make offer\n    </ActionButton>\n  );\n\n  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? (\n    <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n      <span>Buy</span>\n      <CurrencyAmount amount={formatDisplayPrice(liveCheapest.price.formatted)} symbol={liveCheapest.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n      {usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n    </ActionButton>\n  ) : null;\n\n  const listedPrice = !isOwner && !isSignedIn && liveCheapest ? (\n    <PriceLine label=\"Price\" order={liveCheapest} usdValue={usdValue} />\n  ) : null;\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {listedPrice}\n\n        {isOwner ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {liveMyListing ? (\n                <ActionButton\n                  icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                  onClick={() => onCancelClick(liveMyListing)}\n                  disabled={isProcessing}\n                  tone=\"red\"\n                  helpContent={`Expires ${timeUntil(liveMyListing.endTime)}`}\n                >\n                  <span>Cancel listing</span>\n                  <CurrencyAmount amount={formatDisplayPrice(liveMyListing.price.formatted)} symbol={liveMyListing.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n                  {liveMyListing.orderHash === liveCheapest?.orderHash && usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n                </ActionButton>\n              ) : null}\n              {!liveMyListing || (isERC1155 && canListMoreEditions !== false) ? (\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing}>\n                  {liveMyListing ? \"List more\" : \"List for sale\"}\n                </ActionButton>\n              ) : null}\n              <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer}>Transfer</ActionButton>\n              {remixButton}\n              {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorSolicit}\n                  helpContent=\"Let sponsors bid on a license for this asset.\"\n                >\n                  Open for sponsorship\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n            {buyButton ? <ActionRow>{buyButton}</ActionRow> : null}\n          </div>\n        ) : isSignedIn ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {buyButton}\n              {offerButton}\n              {remixButton}\n              {showDealOption && onProposeDeal ? (\n                <ActionButton\n                  action=\"license\"\n                  icon={<HandCoins className=\"h-4 w-4\" />}\n                  onClick={onProposeDeal}\n                  helpContent=\"Propose a license deal to the creator to use this work.\"\n                >\n                  License\n                </ActionButton>\n              ) : null}\n              {showSponsorOption && onOpenSponsorProposal ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorProposal}\n                  helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                >\n                  Sponsor\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n          </div>\n        ) : (\n          <AssetAccessCards asset={asset} stacked={compact} />\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && liveBids.length > 0 ? (\n          <div className=\"space-y-2\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({liveBids.length})\n            </p>\n            <div className=\"divide-y divide-border/40\">\n              {liveBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 py-2.5\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        {isSignedIn ? <CompanionAppCard asset={asset} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-marketplace-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, type ReactNode } from \"react\";\nimport {\n  ArrowRightLeft, CheckCircle, Clock, GitBranch, HandCoins, Handshake, Loader2,\n  Tag, X,\n} from \"lucide-react\";\nimport { CurrencyIcon, CurrencyAmount } from \"./currency-icon.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ActionButton } from \"./action-button.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { isExpired, timeUntil } from \"../utils/time.js\";\nimport { isSameAddress } from \"../utils/same-address.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetAccessButtons, CompanionAppButton } from \"./asset-access-cards.js\";\nimport { useMedialaneApp, type AssetRef } from \"./medialane-app.js\";\n\nexport interface ApiOrderLike {\n  orderHash: string;\n  offerer: string;\n  endTime: string;\n  price: { formatted: string | null; currency: string | null };\n}\n\nexport interface AssetMarketplacePanelProps<T extends ApiOrderLike = ApiOrderLike> {\n  asset: AssetRef;\n  compact?: boolean;\n  cheapest?: T;\n  isOwner: boolean;\n  isProcessing: boolean;\n  isERC1155: boolean;\n  canListMoreEditions?: boolean;\n  isMarketLoading?: boolean;\n  myListing: T | null;\n  activeBids: T[];\n  remixEnabled?: boolean;\n  showDealOption?: boolean;\n\n  usdValue?: string | null;\n\n  onCancelClick: (order: T) => void;\n  onAcceptBid: (order: T) => void;\n  onOpenListing: () => void;\n  onOpenTransfer: () => void;\n  onOpenPurchase: (order: T) => void;\n  onOpenOffer: () => void;\n  onOpenRemix?: () => void;\n  onProposeDeal?: () => void;\n\n  showSponsorOption?: boolean;\n  onOpenSponsorProposal?: () => void;\n\n  showSponsorSolicitOption?: boolean;\n  onOpenSponsorSolicit?: () => void;\n\n\n}\n\nfunction ActionRow({ children }: { children: ReactNode }) {\n  const odd = Children.toArray(children).length % 2 === 1;\n  return <div className={cn(\"grid grid-cols-2 gap-2\", odd && \"[&>*:first-child]:col-span-2\")}>{children}</div>;\n}\n\nfunction PriceBlock({ order, usdValue }: { order: ApiOrderLike; usdValue?: string | null }) {\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">Buy for</p>\n      <div className=\"flex flex-wrap items-baseline gap-x-2 gap-y-1\">\n        <CurrencyAmount amount={formatDisplayPrice(order.price.formatted)} symbol={order.price.currency ?? \"\"} iconSize={26} amountClassName=\"text-3xl font-bold text-foreground tabular-nums\" />\n        <span className=\"text-lg font-semibold text-foreground\">{order.price.currency}</span>\n        {usdValue ? <span className=\"text-sm tabular-nums text-muted-foreground\">{usdValue}</span> : null}\n      </div>\n      <p className=\"text-xs text-muted-foreground\">Expires {timeUntil(order.endTime)}</p>\n    </div>\n  );\n}\n\nexport function AssetMarketplacePanel<T extends ApiOrderLike = ApiOrderLike>({\n  asset,\n  compact = false,\n  cheapest,\n  isOwner,\n  isProcessing,\n  isERC1155,\n  canListMoreEditions,\n  isMarketLoading = false,\n  myListing,\n  activeBids,\n  remixEnabled = false,\n  showDealOption = false,\n  showSponsorOption = false,\n  onOpenSponsorProposal,\n  showSponsorSolicitOption = false,\n  onOpenSponsorSolicit,\n  usdValue,\n  onCancelClick,\n  onAcceptBid,\n  onOpenListing,\n  onOpenTransfer,\n  onOpenPurchase,\n  onOpenOffer,\n  onOpenRemix,\n  onProposeDeal,\n}: AssetMarketplacePanelProps<T>) {\n  const { walletAddress } = useMedialaneApp();\n  const isSignedIn = !!walletAddress;\n  const liveBids = activeBids.filter((bid) => !isExpired(bid.endTime));\n  const liveCheapest = cheapest && !isExpired(cheapest.endTime) ? cheapest : undefined;\n  const liveMyListing = myListing && !isExpired(myListing.endTime) ? myListing : null;\n\n  const myBid = !isOwner && walletAddress\n    ? liveBids.find((bid) => isSameAddress(bid.offerer, walletAddress)) ?? null\n    : null;\n\n  const canBuyMore =\n    isERC1155 && isOwner && !!liveCheapest && !!walletAddress &&\n    !isSameAddress(liveCheapest.offerer, walletAddress);\n\n  if (isMarketLoading && !liveCheapest) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"h-9 w-32 rounded-md bg-muted animate-pulse\" />\n        <div className=\"h-12 w-full rounded-2xl bg-muted animate-pulse\" />\n      </div>\n    );\n  }\n\n  const remixButton = remixEnabled && onOpenRemix ? (\n    <ActionButton\n      action=\"remix\"\n      icon={<GitBranch className=\"h-4 w-4\" />}\n      onClick={onOpenRemix}\n      helpContent=\"Create your own attributed derivative of this work.\"\n    >\n      Remix\n    </ActionButton>\n  ) : null;\n\n  const offerButton = (\n    <ActionButton action=\"offer\" icon={<HandCoins className=\"h-4 w-4\" />} onClick={onOpenOffer}>\n      Make offer\n    </ActionButton>\n  );\n\n  const buyButton = liveCheapest && (!isOwner || canBuyMore) ? (\n    isOwner ? (\n      <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n        <span>Buy</span>\n        <CurrencyAmount amount={formatDisplayPrice(liveCheapest.price.formatted)} symbol={liveCheapest.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n        {usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n      </ActionButton>\n    ) : (\n      <ActionButton action=\"buy\" onClick={() => onOpenPurchase(liveCheapest)}>\n        Buy now\n      </ActionButton>\n    )\n  ) : null;\n\n  const listedPrice = !isOwner && liveCheapest ? <PriceBlock order={liveCheapest} usdValue={usdValue} /> : null;\n\n  return (\n    <div className=\"relative\">\n\n      <div className=\"relative space-y-4\">\n        {isOwner ? (\n          <div className=\"space-y-3\">\n            <ActionRow>\n              {liveMyListing ? (\n                <ActionButton\n                  icon={isProcessing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <X className=\"h-4 w-4\" />}\n                  onClick={() => onCancelClick(liveMyListing)}\n                  disabled={isProcessing}\n                  tone=\"red\"\n                  helpContent={`Expires ${timeUntil(liveMyListing.endTime)}`}\n                >\n                  <span>Cancel listing</span>\n                  <CurrencyAmount amount={formatDisplayPrice(liveMyListing.price.formatted)} symbol={liveMyListing.price.currency ?? \"\"} iconSize={14} amountClassName=\"tabular-nums\" />\n                  {liveMyListing.orderHash === liveCheapest?.orderHash && usdValue ? <span className=\"font-normal text-muted-foreground tabular-nums\">· {usdValue}</span> : null}\n                </ActionButton>\n              ) : null}\n              {!liveMyListing || (isERC1155 && canListMoreEditions !== false) ? (\n                <ActionButton tone=\"blue\" icon={<Tag className=\"h-4 w-4\" />} onClick={onOpenListing}>\n                  {liveMyListing ? \"List more\" : \"List for sale\"}\n                </ActionButton>\n              ) : null}\n              <ActionButton tone=\"orange\" icon={<ArrowRightLeft className=\"h-4 w-4\" />} onClick={onOpenTransfer}>Transfer</ActionButton>\n              {remixButton}\n              {showSponsorSolicitOption && onOpenSponsorSolicit ? (\n                <ActionButton\n                  tone=\"blue\"\n                  icon={<Handshake className=\"h-4 w-4\" />}\n                  onClick={onOpenSponsorSolicit}\n                  helpContent=\"Let sponsors bid on a license for this asset.\"\n                >\n                  Open for sponsorship\n                </ActionButton>\n              ) : null}\n            </ActionRow>\n            {buyButton ? <ActionRow>{buyButton}</ActionRow> : null}\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {listedPrice}\n            {isSignedIn ? (\n              <ActionRow>\n                {buyButton}\n                {offerButton}\n                {remixButton}\n                {showDealOption && onProposeDeal ? (\n                  <ActionButton\n                    action=\"license\"\n                    icon={<HandCoins className=\"h-4 w-4\" />}\n                    onClick={onProposeDeal}\n                    helpContent=\"Propose a license deal to the creator to use this work.\"\n                  >\n                    License\n                  </ActionButton>\n                ) : null}\n                {showSponsorOption && onOpenSponsorProposal ? (\n                  <ActionButton\n                    tone=\"blue\"\n                    icon={<Handshake className=\"h-4 w-4\" />}\n                    onClick={onOpenSponsorProposal}\n                    helpContent=\"Propose to sponsor this creator's work — pay them directly for a license, no escrow.\"\n                  >\n                    Sponsor\n                  </ActionButton>\n                ) : null}\n              </ActionRow>\n            ) : (\n              <AssetAccessButtons asset={asset} stacked={compact} />\n            )}\n          </div>\n        )}\n\n        {myBid ? (\n          <div className=\"rounded-xl bg-amber-500/8 px-4 py-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0 flex items-center gap-2.5\">\n              <HandCoins className=\"h-4 w-4 text-amber-500 shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-xs font-semibold text-amber-500\">Your active offer</p>\n                <p className=\"text-xs text-muted-foreground flex items-center gap-1.5 mt-0.5\">\n                  <span className=\"font-bold text-foreground inline-flex items-center gap-1\">\n                    {formatDisplayPrice(myBid.price.formatted)}\n                    <CurrencyIcon symbol={myBid.price.currency ?? \"\"} size={12} />\n                  </span>\n                  <span>·</span>\n                  <Clock className=\"h-3 w-3\" />\n                  {timeUntil(myBid.endTime)}\n                </p>\n              </div>\n            </div>\n            <button\n              className=\"shrink-0 text-xs font-semibold text-red-400 hover:text-red-300 transition-colors flex items-center gap-1\"\n              onClick={() => onCancelClick(myBid)}\n            >\n              <X className=\"h-3.5 w-3.5\" />\n              Cancel\n            </button>\n          </div>\n        ) : null}\n\n        {isOwner && liveBids.length > 0 ? (\n          <div className=\"space-y-2\">\n            <p className=\"text-xs font-semibold text-muted-foreground\">\n              Incoming offers ({liveBids.length})\n            </p>\n            <div className=\"divide-y divide-border/40\">\n              {liveBids.map((bid) => (\n                <div key={bid.orderHash} className=\"flex items-center justify-between gap-3 py-2.5\">\n                  <div className=\"min-w-0\">\n                    <p className=\"text-sm font-bold\">\n                      <span className=\"inline-flex items-center gap-1.5\">\n                        {formatDisplayPrice(bid.price.formatted)}\n                        <CurrencyIcon symbol={bid.price.currency ?? \"\"} size={14} />\n                      </span>\n                    </p>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <AddressDisplay address={bid.offerer} chars={4} showCopy={false} className=\"text-xs text-muted-foreground\" />\n                      <span className=\"text-xs text-muted-foreground\">·</span>\n                      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                        <Clock className=\"h-3 w-3\" />\n                        {timeUntil(bid.endTime)}\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    disabled={isProcessing}\n                    onClick={() => onAcceptBid(bid)}\n                    className=\"inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-semibold text-primary-foreground disabled:opacity-50\"\n                  >\n                    <CheckCircle className=\"h-3.5 w-3.5\" />\n                    Accept\n                  </button>\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        {isSignedIn ? <CompanionAppButton asset={asset} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-overview-content.cjs

@@ -26,6 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_ip_type_display = require("./ip-type-display.js");
 var import_address_display = require("./address-display.js");
+var import_markdown_text = require("./markdown-text.js");
 var import_license_summary = require("../utils/license-summary.js");
 const isAddressLike = (v) => typeof v === "string" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());
 function Cell({
@@ -51,7 +52,9 @@ function Cell({
 function AssetOverviewContent({
   attributes,
   hasTemplateData,
-  isDisplayAttr
+  isDisplayAttr,
+  content,
+  link
 }) {
   const attr = (trait) => attributes.find((attribute) => attribute.trait_type === trait)?.value;
   const licenseType = attr("License");
@@ -73,6 +76,14 @@ function AssetOverviewContent({
     { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Percent, { className: "h-4 w-4" }), label: "Royalty", value: royalty }
   ].filter((row) => !!row.value);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 space-y-7", children: [
+    content ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold text-muted-foreground", children: "Content" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_markdown_text.MarkdownText, { text: content })
+    ] }) : null,
+    link ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5" }),
+      "Open link"
+    ] }) : null,
     hasTemplateData ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ip_type_display.IPTypeDisplay, { attributes }) : null,
     hasLicenseData ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold text-muted-foreground", children: "Rights" }),

package/dist/components/asset-overview-content.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Bot, DollarSign, GitBranch, Globe, Percent, UserCheck } from \"lucide-react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { licenseSummary } from \"../utils/license-summary.js\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n}\n\nconst isAddressLike = (v?: unknown): boolean =>\n  typeof v === \"string\" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());\n\nfunction Cell({\n  icon,\n  label,\n  value,\n  wide,\n}: {\n  icon?: ReactNode;\n  label: string;\n  value: ReactNode;\n  wide?: boolean;\n}) {\n  return (\n    <div\n      className={`flex flex-col justify-between gap-2 rounded-xl bg-muted/25 ring-1 ring-border/40 p-3.5 ${\n        wide ? \"col-span-2\" : \"\"\n      }`}\n    >\n      {icon ? <span className=\"text-primary/70\">{icon}</span> : null}\n      <div className=\"space-y-0.5\">\n        <p className=\"text-2xs font-medium text-muted-foreground truncate\" title={label}>\n          {label}\n        </p>\n        <div className=\"text-sm font-bold text-foreground truncate\">{value}</div>\n      </div>\n    </div>\n  );\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const summary = licenseSummary(attributes);\n  const hasLicenseData = !!(licenseType || commercialUse || derivatives || attribution);\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const facts = [\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & data mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-7\">\n      {hasTemplateData ? <IPTypeDisplay attributes={attributes} /> : null}\n\n      {hasLicenseData ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Rights</h3>\n          <div className=\"relative\">\n\n            <div className=\"relative grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n\n              <div className=\"col-span-2 sm:row-span-2 flex flex-col justify-between gap-4 rounded-2xl bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 ring-1 ring-primary/15 p-5\">\n                {licenseType ? (\n                  <span className=\"pill-badge self-start text-2xs\">{licenseType}</span>\n                ) : null}\n                {summary ? (\n                  <p className=\"text-base sm:text-lg font-semibold leading-snug text-foreground\">{summary}</p>\n                ) : null}\n              </div>\n\n              {facts.map(({ icon, label, value }) => (\n                <Cell key={label} icon={icon} label={label} value={value} />\n              ))}\n            </div>\n          </div>\n          <p className=\"text-xs text-muted-foreground/70\">\n            Kept in permanent, tamper-proof storage · recognized under international copyright law\n          </p>\n        </section>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Details</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n            {displayAttributes.map((attribute, index) => (\n              <Cell\n                key={index}\n                label={attribute.trait_type ?? \"Trait\"}\n                wide={isAddressLike(attribute.value)}\n                value={\n                  isAddressLike(attribute.value) ? (\n                    <AddressDisplay address={attribute.value!} chars={4} className=\"text-sm font-bold\" />\n                  ) : (\n                    attribute.value ?? \"—\"\n                  )\n                }\n              />\n            ))}\n          </div>\n        </section>\n      ) : null}\n\n      {!hasTemplateData && !hasLicenseData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Bot, DollarSign, ExternalLink, GitBranch, Globe, Percent, UserCheck } from \"lucide-react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { MarkdownText } from \"./markdown-text.js\";\nimport { licenseSummary } from \"../utils/license-summary.js\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n  content?: string | null;\n  link?: string | null;\n}\n\nconst isAddressLike = (v?: unknown): boolean =>\n  typeof v === \"string\" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());\n\nfunction Cell({\n  icon,\n  label,\n  value,\n  wide,\n}: {\n  icon?: ReactNode;\n  label: string;\n  value: ReactNode;\n  wide?: boolean;\n}) {\n  return (\n    <div\n      className={`flex flex-col justify-between gap-2 rounded-xl bg-muted/25 ring-1 ring-border/40 p-3.5 ${\n        wide ? \"col-span-2\" : \"\"\n      }`}\n    >\n      {icon ? <span className=\"text-primary/70\">{icon}</span> : null}\n      <div className=\"space-y-0.5\">\n        <p className=\"text-2xs font-medium text-muted-foreground truncate\" title={label}>\n          {label}\n        </p>\n        <div className=\"text-sm font-bold text-foreground truncate\">{value}</div>\n      </div>\n    </div>\n  );\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n  content,\n  link,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const summary = licenseSummary(attributes);\n  const hasLicenseData = !!(licenseType || commercialUse || derivatives || attribution);\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const facts = [\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & data mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-7\">\n      {content ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Content</h3>\n          <MarkdownText text={content} />\n        </section>\n      ) : null}\n\n      {link ? (\n        <a href={link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\">\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n          Open link\n        </a>\n      ) : null}\n\n      {hasTemplateData ? <IPTypeDisplay attributes={attributes} /> : null}\n\n      {hasLicenseData ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Rights</h3>\n          <div className=\"relative\">\n\n            <div className=\"relative grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n\n              <div className=\"col-span-2 sm:row-span-2 flex flex-col justify-between gap-4 rounded-2xl bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 ring-1 ring-primary/15 p-5\">\n                {licenseType ? (\n                  <span className=\"pill-badge self-start text-2xs\">{licenseType}</span>\n                ) : null}\n                {summary ? (\n                  <p className=\"text-base sm:text-lg font-semibold leading-snug text-foreground\">{summary}</p>\n                ) : null}\n              </div>\n\n              {facts.map(({ icon, label, value }) => (\n                <Cell key={label} icon={icon} label={label} value={value} />\n              ))}\n            </div>\n          </div>\n          <p className=\"text-xs text-muted-foreground/70\">\n            Kept in permanent, tamper-proof storage · recognized under international copyright law\n          </p>\n        </section>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Details</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n            {displayAttributes.map((attribute, index) => (\n              <Cell\n                key={index}\n                label={attribute.trait_type ?? \"Trait\"}\n                wide={isAddressLike(attribute.value)}\n                value={\n                  isAddressLike(attribute.value) ? (\n                    <AddressDisplay address={attribute.value!} chars={4} className=\"text-sm font-bold\" />\n                  ) : (\n                    attribute.value ?? \"—\"\n                  )\n                }\n              />\n            ))}\n          </div>\n        </section>\n      ) : null}\n\n      {!hasTemplateData && !hasLicenseData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-overview-content.d.cts

@@ -8,7 +8,9 @@ interface AssetOverviewContentProps {
     attributes: AssetAttribute[];
     hasTemplateData: boolean;
     isDisplayAttr: (attribute: AssetAttribute) => boolean;
+    content?: string | null;
+    link?: string | null;
 }
-declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
+declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, content, link, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
 
 export { AssetOverviewContent };

package/dist/components/asset-overview-content.d.ts

@@ -8,7 +8,9 @@ interface AssetOverviewContentProps {
     attributes: AssetAttribute[];
     hasTemplateData: boolean;
     isDisplayAttr: (attribute: AssetAttribute) => boolean;
+    content?: string | null;
+    link?: string | null;
 }
-declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
+declare function AssetOverviewContent({ attributes, hasTemplateData, isDisplayAttr, content, link, }: AssetOverviewContentProps): react_jsx_runtime.JSX.Element;
 
 export { AssetOverviewContent };

package/dist/components/asset-overview-content.js

@@ -1,8 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Bot, DollarSign, GitBranch, Globe, Percent, UserCheck } from "lucide-react";
+import { Bot, DollarSign, ExternalLink, GitBranch, Globe, Percent, UserCheck } from "lucide-react";
 import { IPTypeDisplay } from "./ip-type-display.js";
 import { AddressDisplay } from "./address-display.js";
+import { MarkdownText } from "./markdown-text.js";
 import { licenseSummary } from "../utils/license-summary.js";
 const isAddressLike = (v) => typeof v === "string" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());
 function Cell({
@@ -28,7 +29,9 @@ function Cell({
 function AssetOverviewContent({
   attributes,
   hasTemplateData,
-  isDisplayAttr
+  isDisplayAttr,
+  content,
+  link
 }) {
   const attr = (trait) => attributes.find((attribute) => attribute.trait_type === trait)?.value;
   const licenseType = attr("License");
@@ -50,6 +53,14 @@ function AssetOverviewContent({
     { icon: /* @__PURE__ */ jsx(Percent, { className: "h-4 w-4" }), label: "Royalty", value: royalty }
   ].filter((row) => !!row.value);
   return /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-7", children: [
+    content ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-muted-foreground", children: "Content" }),
+      /* @__PURE__ */ jsx(MarkdownText, { text: content })
+    ] }) : null,
+    link ? /* @__PURE__ */ jsxs("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline", children: [
+      /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+      "Open link"
+    ] }) : null,
     hasTemplateData ? /* @__PURE__ */ jsx(IPTypeDisplay, { attributes }) : null,
     hasLicenseData ? /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-muted-foreground", children: "Rights" }),

package/dist/components/asset-overview-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Bot, DollarSign, GitBranch, Globe, Percent, UserCheck } from \"lucide-react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { licenseSummary } from \"../utils/license-summary.js\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n}\n\nconst isAddressLike = (v?: unknown): boolean =>\n  typeof v === \"string\" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());\n\nfunction Cell({\n  icon,\n  label,\n  value,\n  wide,\n}: {\n  icon?: ReactNode;\n  label: string;\n  value: ReactNode;\n  wide?: boolean;\n}) {\n  return (\n    <div\n      className={`flex flex-col justify-between gap-2 rounded-xl bg-muted/25 ring-1 ring-border/40 p-3.5 ${\n        wide ? \"col-span-2\" : \"\"\n      }`}\n    >\n      {icon ? <span className=\"text-primary/70\">{icon}</span> : null}\n      <div className=\"space-y-0.5\">\n        <p className=\"text-2xs font-medium text-muted-foreground truncate\" title={label}>\n          {label}\n        </p>\n        <div className=\"text-sm font-bold text-foreground truncate\">{value}</div>\n      </div>\n    </div>\n  );\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const summary = licenseSummary(attributes);\n  const hasLicenseData = !!(licenseType || commercialUse || derivatives || attribution);\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const facts = [\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & data mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-7\">\n      {hasTemplateData ? <IPTypeDisplay attributes={attributes} /> : null}\n\n      {hasLicenseData ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Rights</h3>\n          <div className=\"relative\">\n\n            <div className=\"relative grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n\n              <div className=\"col-span-2 sm:row-span-2 flex flex-col justify-between gap-4 rounded-2xl bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 ring-1 ring-primary/15 p-5\">\n                {licenseType ? (\n                  <span className=\"pill-badge self-start text-2xs\">{licenseType}</span>\n                ) : null}\n                {summary ? (\n                  <p className=\"text-base sm:text-lg font-semibold leading-snug text-foreground\">{summary}</p>\n                ) : null}\n              </div>\n\n              {facts.map(({ icon, label, value }) => (\n                <Cell key={label} icon={icon} label={label} value={value} />\n              ))}\n            </div>\n          </div>\n          <p className=\"text-xs text-muted-foreground/70\">\n            Kept in permanent, tamper-proof storage · recognized under international copyright law\n          </p>\n        </section>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Details</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n            {displayAttributes.map((attribute, index) => (\n              <Cell\n                key={index}\n                label={attribute.trait_type ?? \"Trait\"}\n                wide={isAddressLike(attribute.value)}\n                value={\n                  isAddressLike(attribute.value) ? (\n                    <AddressDisplay address={attribute.value!} chars={4} className=\"text-sm font-bold\" />\n                  ) : (\n                    attribute.value ?? \"—\"\n                  )\n                }\n              />\n            ))}\n          </div>\n        </section>\n      ) : null}\n\n      {!hasTemplateData && !hasLicenseData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-overview-content.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Bot, DollarSign, ExternalLink, GitBranch, Globe, Percent, UserCheck } from \"lucide-react\";\nimport { IPTypeDisplay } from \"./ip-type-display.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { MarkdownText } from \"./markdown-text.js\";\nimport { licenseSummary } from \"../utils/license-summary.js\";\n\ninterface AssetAttribute {\n  trait_type?: string;\n  value?: string;\n}\n\ninterface AssetOverviewContentProps {\n  attributes: AssetAttribute[];\n  hasTemplateData: boolean;\n  isDisplayAttr: (attribute: AssetAttribute) => boolean;\n  content?: string | null;\n  link?: string | null;\n}\n\nconst isAddressLike = (v?: unknown): boolean =>\n  typeof v === \"string\" && /^0x[0-9a-fA-F]{16,}$/.test(v.trim());\n\nfunction Cell({\n  icon,\n  label,\n  value,\n  wide,\n}: {\n  icon?: ReactNode;\n  label: string;\n  value: ReactNode;\n  wide?: boolean;\n}) {\n  return (\n    <div\n      className={`flex flex-col justify-between gap-2 rounded-xl bg-muted/25 ring-1 ring-border/40 p-3.5 ${\n        wide ? \"col-span-2\" : \"\"\n      }`}\n    >\n      {icon ? <span className=\"text-primary/70\">{icon}</span> : null}\n      <div className=\"space-y-0.5\">\n        <p className=\"text-2xs font-medium text-muted-foreground truncate\" title={label}>\n          {label}\n        </p>\n        <div className=\"text-sm font-bold text-foreground truncate\">{value}</div>\n      </div>\n    </div>\n  );\n}\n\nexport function AssetOverviewContent({\n  attributes,\n  hasTemplateData,\n  isDisplayAttr,\n  content,\n  link,\n}: AssetOverviewContentProps) {\n  const attr = (trait: string) => attributes.find((attribute) => attribute.trait_type === trait)?.value;\n  const licenseType = attr(\"License\");\n  const commercialUse = attr(\"Commercial Use\");\n  const derivatives = attr(\"Derivatives\");\n  const attribution = attr(\"Attribution\");\n  const territory = attr(\"Territory\");\n  const aiPolicy = attr(\"AI Policy\");\n  const royalty = attr(\"Royalty\");\n  const summary = licenseSummary(attributes);\n  const hasLicenseData = !!(licenseType || commercialUse || derivatives || attribution);\n  const displayAttributes = attributes.filter((attribute) => isDisplayAttr(attribute));\n\n  const facts = [\n    { icon: <DollarSign className=\"h-4 w-4\" />, label: \"Commercial use\", value: commercialUse },\n    { icon: <GitBranch className=\"h-4 w-4\" />, label: \"Derivatives\", value: derivatives },\n    { icon: <UserCheck className=\"h-4 w-4\" />, label: \"Attribution\", value: attribution },\n    { icon: <Globe className=\"h-4 w-4\" />, label: \"Territory\", value: territory },\n    { icon: <Bot className=\"h-4 w-4\" />, label: \"AI & data mining\", value: aiPolicy },\n    { icon: <Percent className=\"h-4 w-4\" />, label: \"Royalty\", value: royalty },\n  ].filter((row) => !!row.value);\n\n  return (\n    <div className=\"mt-4 space-y-7\">\n      {content ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Content</h3>\n          <MarkdownText text={content} />\n        </section>\n      ) : null}\n\n      {link ? (\n        <a href={link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center gap-1.5 text-sm text-primary hover:underline\">\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n          Open link\n        </a>\n      ) : null}\n\n      {hasTemplateData ? <IPTypeDisplay attributes={attributes} /> : null}\n\n      {hasLicenseData ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Rights</h3>\n          <div className=\"relative\">\n\n            <div className=\"relative grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n\n              <div className=\"col-span-2 sm:row-span-2 flex flex-col justify-between gap-4 rounded-2xl bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 ring-1 ring-primary/15 p-5\">\n                {licenseType ? (\n                  <span className=\"pill-badge self-start text-2xs\">{licenseType}</span>\n                ) : null}\n                {summary ? (\n                  <p className=\"text-base sm:text-lg font-semibold leading-snug text-foreground\">{summary}</p>\n                ) : null}\n              </div>\n\n              {facts.map(({ icon, label, value }) => (\n                <Cell key={label} icon={icon} label={label} value={value} />\n              ))}\n            </div>\n          </div>\n          <p className=\"text-xs text-muted-foreground/70\">\n            Kept in permanent, tamper-proof storage · recognized under international copyright law\n          </p>\n        </section>\n      ) : null}\n\n      {displayAttributes.length > 0 ? (\n        <section className=\"space-y-3\">\n          <h3 className=\"text-sm font-semibold text-muted-foreground\">Details</h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3 [grid-auto-flow:dense] auto-rows-[minmax(6rem,auto)]\">\n            {displayAttributes.map((attribute, index) => (\n              <Cell\n                key={index}\n                label={attribute.trait_type ?? \"Trait\"}\n                wide={isAddressLike(attribute.value)}\n                value={\n                  isAddressLike(attribute.value) ? (\n                    <AddressDisplay address={attribute.value!} chars={4} className=\"text-sm font-bold\" />\n                  ) : (\n                    attribute.value ?? \"—\"\n                  )\n                }\n              />\n            ))}\n          </div>\n        </section>\n      ) : null}\n\n      {!hasTemplateData && !hasLicenseData && displayAttributes.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">No additional details available.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-page.cjs

@@ -63,6 +63,7 @@ var import_use_comments = require("../utils/use-comments.js");
 var import_use_full_token_data = require("../utils/use-full-token-data.js");
 var import_asset_market_state = require("../utils/asset-market-state.js");
 var import_asset_attributes = require("../utils/asset-attributes.js");
+var import_external_link = require("../utils/external-link.js");
 var import_asset_accents = require("../utils/asset-accents.js");
 var import_living_render_collections = require("../data/living-render-collections.js");
 var import_explorer_url = require("../utils/explorer-url.js");
@@ -171,12 +172,14 @@ function AssetPageView({
   const marketCount = market.activeListings.length + market.activeBids.length;
   const { Panel } = config;
   const postContent = traitText(attributes, "Content");
-  const articleText = postContent ?? (token.metadata?.description?.trim() || null);
+  const description = token.metadata?.description?.trim() || null;
   const video = (token.metadata?.ipType ?? "").toLowerCase() === "video" ? (0, import_asset_video.videoEmbed)(attributes) : null;
   const audio = (token.metadata?.ipType ?? "").toLowerCase() === "audio" ? (0, import_asset_audio.audioEmbed)(attributes) : null;
-  const isPublication = !!articleText && PUBLICATION_TYPES.has((token.metadata?.ipType ?? "").toLowerCase());
+  const isPublication = !!description && PUBLICATION_TYPES.has((token.metadata?.ipType ?? "").toLowerCase());
   const publisherName = collection?.name ?? contract.slice(0, 8) + "\u2026";
-  const overview = isPublication ? { attributes, hasTemplateData, isDisplayAttr: (a) => isDisplayAttr(a) && !(postContent && a.trait_type === "Content") } : video || audio ? (0, import_asset_attributes.assetAttributes)(attributes.filter((a) => !import_asset_video.VIDEO_EMBED_TRAITS.has(a.trait_type ?? "") && !import_asset_audio.AUDIO_EMBED_TRAITS.has(a.trait_type ?? ""))) : { attributes, hasTemplateData, isDisplayAttr };
+  const overviewAttributes = postContent ? attributes.filter((a) => a.trait_type !== "Content") : attributes;
+  const overview = video || audio ? (0, import_asset_attributes.assetAttributes)(overviewAttributes.filter((a) => !import_asset_video.VIDEO_EMBED_TRAITS.has(a.trait_type ?? "") && !import_asset_audio.AUDIO_EMBED_TRAITS.has(a.trait_type ?? ""))) : { attributes: overviewAttributes, hasTemplateData, isDisplayAttr };
+  const overviewLink = isPublication || video || audio ? null : (0, import_external_link.externalLink)(token.metadata?.externalUrl);
   const marketBlock = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     Panel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Panel, { contract, tokenId, quantityOwned: market.quantityOwned }) : null,
     config.market ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -323,7 +326,7 @@ function AssetPageView({
           import_asset_publication.AssetPublication,
           {
             name,
-            text: articleText,
+            text: description,
             image,
             imgError,
             onImageError: () => setImgError(true),
@@ -365,7 +368,6 @@ function AssetPageView({
                 {
                   name,
                   description: token.metadata?.description,
-                  externalUrl: token.metadata?.externalUrl,
                   ipType: token.metadata?.ipType,
                   parentContract,
                   parentTokenId,
@@ -393,7 +395,7 @@ function AssetPageView({
             history.length > 0 && `(${history.length})`
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "overview", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_asset_overview_content.AssetOverviewContent, { attributes: overview.attributes, hasTemplateData: overview.hasTemplateData, isDisplayAttr: overview.isDisplayAttr }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "overview", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_asset_overview_content.AssetOverviewContent, { attributes: overview.attributes, hasTemplateData: overview.hasTemplateData, isDisplayAttr: overview.isDisplayAttr, content: postContent, link: overviewLink }) }),
         config.market ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "markets", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_asset_markets_tab.AssetMarketsTab,
           {