@medialane/ui 0.259.0 → 0.260.0

package/dist/components/comments-section.js

@@ -16,6 +16,7 @@ import { cn } from "../utils/cn.js";
 import { EXPLORER_URL } from "../utils/explorer-url.js";
 import { runIntentCalls } from "../utils/run-intent-calls.js";
 import { timeAgo } from "../utils/time.js";
+import { successMessages } from "../utils/success-messages.js";
 import { useComments } from "../utils/use-comments.js";
 import { useTransaction } from "../utils/use-transaction.js";
 const MAX_LEN = 1e3;
@@ -256,8 +257,7 @@ function CommentsSection({ contract, tokenId, className }) {
       TransactionSuccess,
       {
         name: "Comment",
-        title: "Comment posted!",
-        description: "Your comment is onchain and will appear here once indexed (~30s).",
+        ...successMessages.commented(),
         txHash: tx.txHash,
         actions: [{ label: "Done", onClick: tx.reset }],
         children: /* @__PURE__ */ jsx(RewardEarned, { actionType: "comment" })

package/dist/components/comments-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/comments-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { ExternalLink, Flag, Loader2, MessageCircle, Send, Zap } from \"lucide-react\";\nimport { normalizeAddress, profileHref, STARKNET_NFTCOMMENTS_CONTRACT } from \"@medialane/sdk\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"./link.js\";\nimport { useMedialaneApp, type ReportTarget } from \"./medialane-app.js\";\nimport { RewardEarned } from \"./rewards/reward-earned.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Textarea } from \"./textarea.js\";\nimport { TransactionDialog } from \"./transaction-dialog.js\";\nimport { TransactionSuccess } from \"./transaction-success.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { runIntentCalls } from \"../utils/run-intent-calls.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { useComments } from \"../utils/use-comments.js\";\nimport { useTransaction } from \"../utils/use-transaction.js\";\n\nconst MAX_LEN = 1000;\n\nexport interface CommentsSectionProps {\n  contract: string;\n  tokenId: string;\n  className?: string;\n}\n\nexport function CommentsSection({ contract, tokenId, className }: CommentsSectionProps) {\n  const app = useMedialaneApp();\n  const walletAddress = app.walletAddress;\n  const hasWallet = !!walletAddress;\n  const { ReportDialog } = app;\n  const { comments, isLoading, mutate } = useComments(contract, tokenId);\n  const tx = useTransaction();\n\n  const [text, setText] = useState(\"\");\n  const [reportTarget, setReportTarget] = useState<ReportTarget | null>(null);\n\n  const messagesRef = useRef<HTMLDivElement>(null);\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const composeRef = useRef<HTMLTextAreaElement>(null);\n\n  const byteLen = new TextEncoder().encode(text).length;\n  const canSubmit = text.trim().length > 0 && byteLen <= MAX_LEN && !!STARKNET_NFTCOMMENTS_CONTRACT;\n  const isProcessing = tx.phase === \"preparing\" || tx.phase === \"submitting\" || tx.phase === \"confirming\";\n\n  const isOwn = (author: string) =>\n    !!walletAddress && normalizeAddress(\"STARKNET\", author) === normalizeAddress(\"STARKNET\", walletAddress);\n\n  const isNearBottom = () => {\n    const el = messagesRef.current;\n    if (!el) return true;\n    return el.scrollHeight - el.scrollTop - el.clientHeight < 100;\n  };\n\n  useEffect(() => {\n    if (isNearBottom()) {\n      bottomRef.current?.scrollIntoView({ behavior: \"smooth\" });\n    }\n\n  }, [comments.length]);\n\n  const handleTextInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setText(e.target.value);\n    e.target.style.height = \"auto\";\n    e.target.style.height = Math.min(e.target.scrollHeight, 96) + \"px\";\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && canSubmit && !isProcessing) {\n      e.preventDefault();\n      post();\n    }\n  };\n\n  const post = () => {\n    const body = text.trim();\n    void tx\n      .run(async (signer) => {\n        await runIntentCalls(signer, () =>\n          app.getClient().api.intents.create(\"comment\", { author: signer.address, nftContract: contract, tokenId, text: body }),\n        );\n      })\n      .then((ok) => {\n        if (!ok) return;\n        setText(\"\");\n        if (composeRef.current) composeRef.current.style.height = \"auto\";\n        void mutate();\n      });\n  };\n\n  const handleStartConversation = () => {\n    if (hasWallet) composeRef.current?.focus();\n  };\n\n  return (\n    <div className={cn(\"flex flex-col h-[480px] overflow-hidden\", className)}>\n\n      <div ref={messagesRef} className=\"flex-1 overflow-y-auto px-4 py-4\">\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {([\n              { own: false, w: \"w-40\" },\n              { own: true,  w: \"w-56\" },\n              { own: false, w: \"w-48\" },\n              { own: true,  w: \"w-32\" },\n            ] as const).map((item, i) => (\n              <div key={i} className={`flex ${item.own ? \"justify-end\" : \"justify-start\"} gap-2`}>\n                {!item.own && <Skeleton className=\"h-8 w-8 rounded-full shrink-0\" />}\n                <Skeleton\n                  className={`h-10 ${item.w} rounded-2xl ${item.own ? \"rounded-tr-sm\" : \"rounded-tl-sm\"}`}\n                />\n              </div>\n            ))}\n          </div>\n        ) : comments.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center px-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full\" style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue) / 0.15), hsl(var(--brand-purple) / 0.15))\" }}>\n              <MessageCircle className=\"h-7 w-7\" style={{ color: \"hsl(var(--brand-blue))\" }} />\n            </div>\n            <div>\n              <p className=\"text-sm font-semibold\">Nothing here yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1 leading-relaxed max-w-[220px]\">\n                Your comment will be minted onchain — attached to this NFT forever.\n              </p>\n            </div>\n            <Button\n              size=\"sm\"\n              onClick={handleStartConversation}\n              className=\"rounded-full text-white px-5\"\n              style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n            >\n              Write the first comment\n            </Button>\n          </div>\n        ) : (\n          <div className=\"space-y-5\">\n            {comments.map((comment) => {\n              const own = isOwn(comment.author);\n              const avatarSeed = parseInt(comment.author.slice(2, 8), 16) % 360;\n              const avatarBg = own\n                ? \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\"\n                : `linear-gradient(135deg, hsl(${avatarSeed}, 65%, 45%), hsl(${(avatarSeed + 60) % 360}, 65%, 55%))`;\n\n              return (\n                <div\n                  key={comment.id}\n                  className={`group flex gap-2.5 ${own ? \"flex-row-reverse\" : \"flex-row\"}`}\n                >\n\n                  <Link href={profileHref({ address: comment.author })} className=\"shrink-0 mt-0.5\">\n                    <div\n                      className=\"h-9 w-9 rounded-full flex items-center justify-center text-2xs font-bold text-white select-none ring-2 ring-background hover:ring-primary/40 transition-all\"\n                      style={{ background: avatarBg }}\n                    >\n                      {comment.author.slice(2, 5).toUpperCase()}\n                    </div>\n                  </Link>\n\n                  <div className={`flex flex-col max-w-[75%] gap-1 ${own ? \"items-end\" : \"items-start\"}`}>\n\n                    <div className={`flex items-center gap-2 px-1 ${own ? \"flex-row-reverse\" : \"flex-row\"}`}>\n                      <Link\n                        href={profileHref({ address: comment.author })}\n                        className=\"text-xs font-semibold text-foreground hover:underline underline-offset-2\"\n                      >\n                        {own ? \"You\" : <AddressDisplay address={comment.author} chars={5} showCopy={false} />}\n                      </Link>\n                      <span className=\"text-2xs text-muted-foreground\" title={comment.postedAt}>\n                        {timeAgo(comment.postedAt)}\n                      </span>\n                    </div>\n\n                    <div className=\"relative\">\n                      {own ? (\n                        <div\n                          className=\"px-3.5 py-2.5 text-sm leading-relaxed break-words rounded-2xl rounded-tr-sm text-white\"\n                          style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n                        >\n                          {comment.content}\n                        </div>\n                      ) : (\n                        <div className=\"px-3.5 py-2.5 text-sm leading-relaxed break-words bg-muted rounded-2xl rounded-tl-sm border border-border/50\">\n                          {comment.content}\n                        </div>\n                      )}\n                      {!own && hasWallet && (\n                        <button\n                          className=\"absolute -top-1 -right-5 opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground/40 hover:text-destructive/70\"\n                          title=\"Report comment\"\n                          aria-label=\"Report comment\"\n                          onClick={() => setReportTarget({ type: \"COMMENT\", commentId: comment.id })}\n                        >\n                          <Flag className=\"h-3 w-3\" />\n                        </button>\n                      )}\n                    </div>\n\n                    {comment.txHash && (\n                      <a\n                        href={`${EXPLORER_URL}/tx/${comment.txHash}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"flex items-center gap-1 px-1 text-2xs font-medium transition-colors\"\n                        style={{ color: \"hsl(var(--brand-blue) / 0.55)\" }}\n                        onMouseEnter={(e) => (e.currentTarget.style.color = \"hsl(var(--brand-blue))\")}\n                        onMouseLeave={(e) => (e.currentTarget.style.color = \"hsl(var(--brand-blue) / 0.55)\")}\n                      >\n                        <span>⛓</span>\n                        <span>onchain proof</span>\n                        <ExternalLink className=\"h-2.5 w-2.5\" />\n                      </a>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n            <div ref={bottomRef} />\n          </div>\n        )}\n      </div>\n\n      <div className=\"border-t border-border/60 shrink-0\">\n        {!hasWallet ? (\n          <div className=\"flex items-center justify-center px-4 h-16\">\n            <button type=\"button\" onClick={app.onRequireWallet} className=\"text-sm text-primary hover:underline\">\n              {app.connectLabel ?? \"Connect\"} to comment\n            </button>\n          </div>\n        ) : (\n          <div className=\"px-3 pt-2 pb-3 space-y-2\">\n\n            <div className=\"flex items-center gap-1.5\">\n              <Zap className=\"h-3 w-3\" style={{ color: \"hsl(var(--brand-blue))\" }} />\n              <span className=\"text-2xs font-semibold\" style={{ color: \"hsl(var(--brand-blue))\" }}>\n                Mint your message onchain\n              </span>\n            </div>\n\n            <div\n              className=\"rounded-xl border bg-background/60 transition-all focus-within:ring-2\"\n              style={{\n                borderColor: \"hsl(var(--border))\",\n              }}\n              onFocusCapture={(e) => {\n                (e.currentTarget as HTMLDivElement).style.borderColor = \"hsl(var(--brand-blue) / 0.6)\";\n                (e.currentTarget as HTMLDivElement).style.boxShadow = \"0 0 0 3px hsl(var(--brand-blue) / 0.12)\";\n              }}\n              onBlurCapture={(e) => {\n                (e.currentTarget as HTMLDivElement).style.borderColor = \"hsl(var(--border))\";\n                (e.currentTarget as HTMLDivElement).style.boxShadow = \"\";\n              }}\n            >\n              <Textarea\n                ref={composeRef}\n                placeholder=\"Say something onchain… it's permanent.\"\n                value={text}\n                onChange={handleTextInput}\n                onKeyDown={handleKeyDown}\n                rows={2}\n                className=\"resize-none min-h-[52px] max-h-[120px] w-full border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 px-3 pt-2.5 pb-1 text-sm rounded-xl\"\n                disabled={isProcessing}\n              />\n              <div className=\"flex items-center justify-between px-3 pb-2.5\">\n                <span className=\"text-2xs text-muted-foreground/40 flex items-center gap-1\">\n                  Enter ↵ to post\n                </span>\n                <div className=\"flex items-center gap-2\">\n                  {byteLen > 800 && (\n                    <span className={`text-2xs ${byteLen > MAX_LEN ? \"text-destructive\" : \"text-muted-foreground\"}`}>\n                      {byteLen}/{MAX_LEN}\n                    </span>\n                  )}\n                  <button\n                    onClick={post}\n                    disabled={!canSubmit || isProcessing}\n                    className=\"flex items-center gap-1.5 h-7 px-3 text-xs font-semibold rounded-full text-white transition-all hover:opacity-90 active:scale-95 disabled:opacity-40 disabled:cursor-not-allowed\"\n                    style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n                  >\n                    {isProcessing ? <Loader2 className=\"h-3 w-3 animate-spin\" /> : <Send className=\"h-3 w-3\" />}\n                    Post onchain\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {reportTarget && ReportDialog && (\n        <ReportDialog\n          target={reportTarget}\n          open={!!reportTarget}\n          onOpenChange={(open) => { if (!open) setReportTarget(null); }}\n        />\n      )}\n\n      <TransactionDialog tx={tx} title=\"Comment\" workingLabel=\"Posting your comment…\" firstStepLabel=\"Prepare comment\">\n        <TransactionSuccess\n          name=\"Comment\"\n          title=\"Comment posted!\"\n          description=\"Your comment is onchain and will appear here once indexed (~30s).\"\n          txHash={tx.txHash}\n          actions={[{ label: \"Done\", onClick: tx.reset }]}\n        >\n          <RewardEarned actionType=\"comment\" />\n        </TransactionSuccess>\n      </TransactionDialog>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/comments-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { ExternalLink, Flag, Loader2, MessageCircle, Send, Zap } from \"lucide-react\";\nimport { normalizeAddress, profileHref, STARKNET_NFTCOMMENTS_CONTRACT } from \"@medialane/sdk\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"./link.js\";\nimport { useMedialaneApp, type ReportTarget } from \"./medialane-app.js\";\nimport { RewardEarned } from \"./rewards/reward-earned.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Textarea } from \"./textarea.js\";\nimport { TransactionDialog } from \"./transaction-dialog.js\";\nimport { TransactionSuccess } from \"./transaction-success.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { runIntentCalls } from \"../utils/run-intent-calls.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { successMessages } from \"../utils/success-messages.js\";\nimport { useComments } from \"../utils/use-comments.js\";\nimport { useTransaction } from \"../utils/use-transaction.js\";\n\nconst MAX_LEN = 1000;\n\nexport interface CommentsSectionProps {\n  contract: string;\n  tokenId: string;\n  className?: string;\n}\n\nexport function CommentsSection({ contract, tokenId, className }: CommentsSectionProps) {\n  const app = useMedialaneApp();\n  const walletAddress = app.walletAddress;\n  const hasWallet = !!walletAddress;\n  const { ReportDialog } = app;\n  const { comments, isLoading, mutate } = useComments(contract, tokenId);\n  const tx = useTransaction();\n\n  const [text, setText] = useState(\"\");\n  const [reportTarget, setReportTarget] = useState<ReportTarget | null>(null);\n\n  const messagesRef = useRef<HTMLDivElement>(null);\n  const bottomRef = useRef<HTMLDivElement>(null);\n  const composeRef = useRef<HTMLTextAreaElement>(null);\n\n  const byteLen = new TextEncoder().encode(text).length;\n  const canSubmit = text.trim().length > 0 && byteLen <= MAX_LEN && !!STARKNET_NFTCOMMENTS_CONTRACT;\n  const isProcessing = tx.phase === \"preparing\" || tx.phase === \"submitting\" || tx.phase === \"confirming\";\n\n  const isOwn = (author: string) =>\n    !!walletAddress && normalizeAddress(\"STARKNET\", author) === normalizeAddress(\"STARKNET\", walletAddress);\n\n  const isNearBottom = () => {\n    const el = messagesRef.current;\n    if (!el) return true;\n    return el.scrollHeight - el.scrollTop - el.clientHeight < 100;\n  };\n\n  useEffect(() => {\n    if (isNearBottom()) {\n      bottomRef.current?.scrollIntoView({ behavior: \"smooth\" });\n    }\n\n  }, [comments.length]);\n\n  const handleTextInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setText(e.target.value);\n    e.target.style.height = \"auto\";\n    e.target.style.height = Math.min(e.target.scrollHeight, 96) + \"px\";\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && canSubmit && !isProcessing) {\n      e.preventDefault();\n      post();\n    }\n  };\n\n  const post = () => {\n    const body = text.trim();\n    void tx\n      .run(async (signer) => {\n        await runIntentCalls(signer, () =>\n          app.getClient().api.intents.create(\"comment\", { author: signer.address, nftContract: contract, tokenId, text: body }),\n        );\n      })\n      .then((ok) => {\n        if (!ok) return;\n        setText(\"\");\n        if (composeRef.current) composeRef.current.style.height = \"auto\";\n        void mutate();\n      });\n  };\n\n  const handleStartConversation = () => {\n    if (hasWallet) composeRef.current?.focus();\n  };\n\n  return (\n    <div className={cn(\"flex flex-col h-[480px] overflow-hidden\", className)}>\n\n      <div ref={messagesRef} className=\"flex-1 overflow-y-auto px-4 py-4\">\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {([\n              { own: false, w: \"w-40\" },\n              { own: true,  w: \"w-56\" },\n              { own: false, w: \"w-48\" },\n              { own: true,  w: \"w-32\" },\n            ] as const).map((item, i) => (\n              <div key={i} className={`flex ${item.own ? \"justify-end\" : \"justify-start\"} gap-2`}>\n                {!item.own && <Skeleton className=\"h-8 w-8 rounded-full shrink-0\" />}\n                <Skeleton\n                  className={`h-10 ${item.w} rounded-2xl ${item.own ? \"rounded-tr-sm\" : \"rounded-tl-sm\"}`}\n                />\n              </div>\n            ))}\n          </div>\n        ) : comments.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center px-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full\" style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue) / 0.15), hsl(var(--brand-purple) / 0.15))\" }}>\n              <MessageCircle className=\"h-7 w-7\" style={{ color: \"hsl(var(--brand-blue))\" }} />\n            </div>\n            <div>\n              <p className=\"text-sm font-semibold\">Nothing here yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1 leading-relaxed max-w-[220px]\">\n                Your comment will be minted onchain — attached to this NFT forever.\n              </p>\n            </div>\n            <Button\n              size=\"sm\"\n              onClick={handleStartConversation}\n              className=\"rounded-full text-white px-5\"\n              style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n            >\n              Write the first comment\n            </Button>\n          </div>\n        ) : (\n          <div className=\"space-y-5\">\n            {comments.map((comment) => {\n              const own = isOwn(comment.author);\n              const avatarSeed = parseInt(comment.author.slice(2, 8), 16) % 360;\n              const avatarBg = own\n                ? \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\"\n                : `linear-gradient(135deg, hsl(${avatarSeed}, 65%, 45%), hsl(${(avatarSeed + 60) % 360}, 65%, 55%))`;\n\n              return (\n                <div\n                  key={comment.id}\n                  className={`group flex gap-2.5 ${own ? \"flex-row-reverse\" : \"flex-row\"}`}\n                >\n\n                  <Link href={profileHref({ address: comment.author })} className=\"shrink-0 mt-0.5\">\n                    <div\n                      className=\"h-9 w-9 rounded-full flex items-center justify-center text-2xs font-bold text-white select-none ring-2 ring-background hover:ring-primary/40 transition-all\"\n                      style={{ background: avatarBg }}\n                    >\n                      {comment.author.slice(2, 5).toUpperCase()}\n                    </div>\n                  </Link>\n\n                  <div className={`flex flex-col max-w-[75%] gap-1 ${own ? \"items-end\" : \"items-start\"}`}>\n\n                    <div className={`flex items-center gap-2 px-1 ${own ? \"flex-row-reverse\" : \"flex-row\"}`}>\n                      <Link\n                        href={profileHref({ address: comment.author })}\n                        className=\"text-xs font-semibold text-foreground hover:underline underline-offset-2\"\n                      >\n                        {own ? \"You\" : <AddressDisplay address={comment.author} chars={5} showCopy={false} />}\n                      </Link>\n                      <span className=\"text-2xs text-muted-foreground\" title={comment.postedAt}>\n                        {timeAgo(comment.postedAt)}\n                      </span>\n                    </div>\n\n                    <div className=\"relative\">\n                      {own ? (\n                        <div\n                          className=\"px-3.5 py-2.5 text-sm leading-relaxed break-words rounded-2xl rounded-tr-sm text-white\"\n                          style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n                        >\n                          {comment.content}\n                        </div>\n                      ) : (\n                        <div className=\"px-3.5 py-2.5 text-sm leading-relaxed break-words bg-muted rounded-2xl rounded-tl-sm border border-border/50\">\n                          {comment.content}\n                        </div>\n                      )}\n                      {!own && hasWallet && (\n                        <button\n                          className=\"absolute -top-1 -right-5 opacity-0 group-hover:opacity-100 transition-opacity text-muted-foreground/40 hover:text-destructive/70\"\n                          title=\"Report comment\"\n                          aria-label=\"Report comment\"\n                          onClick={() => setReportTarget({ type: \"COMMENT\", commentId: comment.id })}\n                        >\n                          <Flag className=\"h-3 w-3\" />\n                        </button>\n                      )}\n                    </div>\n\n                    {comment.txHash && (\n                      <a\n                        href={`${EXPLORER_URL}/tx/${comment.txHash}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"flex items-center gap-1 px-1 text-2xs font-medium transition-colors\"\n                        style={{ color: \"hsl(var(--brand-blue) / 0.55)\" }}\n                        onMouseEnter={(e) => (e.currentTarget.style.color = \"hsl(var(--brand-blue))\")}\n                        onMouseLeave={(e) => (e.currentTarget.style.color = \"hsl(var(--brand-blue) / 0.55)\")}\n                      >\n                        <span>⛓</span>\n                        <span>onchain proof</span>\n                        <ExternalLink className=\"h-2.5 w-2.5\" />\n                      </a>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n            <div ref={bottomRef} />\n          </div>\n        )}\n      </div>\n\n      <div className=\"border-t border-border/60 shrink-0\">\n        {!hasWallet ? (\n          <div className=\"flex items-center justify-center px-4 h-16\">\n            <button type=\"button\" onClick={app.onRequireWallet} className=\"text-sm text-primary hover:underline\">\n              {app.connectLabel ?? \"Connect\"} to comment\n            </button>\n          </div>\n        ) : (\n          <div className=\"px-3 pt-2 pb-3 space-y-2\">\n\n            <div className=\"flex items-center gap-1.5\">\n              <Zap className=\"h-3 w-3\" style={{ color: \"hsl(var(--brand-blue))\" }} />\n              <span className=\"text-2xs font-semibold\" style={{ color: \"hsl(var(--brand-blue))\" }}>\n                Mint your message onchain\n              </span>\n            </div>\n\n            <div\n              className=\"rounded-xl border bg-background/60 transition-all focus-within:ring-2\"\n              style={{\n                borderColor: \"hsl(var(--border))\",\n              }}\n              onFocusCapture={(e) => {\n                (e.currentTarget as HTMLDivElement).style.borderColor = \"hsl(var(--brand-blue) / 0.6)\";\n                (e.currentTarget as HTMLDivElement).style.boxShadow = \"0 0 0 3px hsl(var(--brand-blue) / 0.12)\";\n              }}\n              onBlurCapture={(e) => {\n                (e.currentTarget as HTMLDivElement).style.borderColor = \"hsl(var(--border))\";\n                (e.currentTarget as HTMLDivElement).style.boxShadow = \"\";\n              }}\n            >\n              <Textarea\n                ref={composeRef}\n                placeholder=\"Say something onchain… it's permanent.\"\n                value={text}\n                onChange={handleTextInput}\n                onKeyDown={handleKeyDown}\n                rows={2}\n                className=\"resize-none min-h-[52px] max-h-[120px] w-full border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 px-3 pt-2.5 pb-1 text-sm rounded-xl\"\n                disabled={isProcessing}\n              />\n              <div className=\"flex items-center justify-between px-3 pb-2.5\">\n                <span className=\"text-2xs text-muted-foreground/40 flex items-center gap-1\">\n                  Enter ↵ to post\n                </span>\n                <div className=\"flex items-center gap-2\">\n                  {byteLen > 800 && (\n                    <span className={`text-2xs ${byteLen > MAX_LEN ? \"text-destructive\" : \"text-muted-foreground\"}`}>\n                      {byteLen}/{MAX_LEN}\n                    </span>\n                  )}\n                  <button\n                    onClick={post}\n                    disabled={!canSubmit || isProcessing}\n                    className=\"flex items-center gap-1.5 h-7 px-3 text-xs font-semibold rounded-full text-white transition-all hover:opacity-90 active:scale-95 disabled:opacity-40 disabled:cursor-not-allowed\"\n                    style={{ background: \"linear-gradient(135deg, hsl(var(--brand-blue)), hsl(var(--brand-purple)))\" }}\n                  >\n                    {isProcessing ? <Loader2 className=\"h-3 w-3 animate-spin\" /> : <Send className=\"h-3 w-3\" />}\n                    Post onchain\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {reportTarget && ReportDialog && (\n        <ReportDialog\n          target={reportTarget}\n          open={!!reportTarget}\n          onOpenChange={(open) => { if (!open) setReportTarget(null); }}\n        />\n      )}\n\n      <TransactionDialog tx={tx} title=\"Comment\" workingLabel=\"Posting your comment…\" firstStepLabel=\"Prepare comment\">\n        <TransactionSuccess\n          name=\"Comment\"\n          {...successMessages.commented()}\n          txHash={tx.txHash}\n          actions={[{ label: \"Done\", onClick: tx.reset }]}\n        >\n          <RewardEarned actionType=\"comment\" />\n        </TransactionSuccess>\n      </TransactionDialog>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -43,6 +43,7 @@ var import_leaderboard_panel = require("./rewards/leaderboard-panel.js");
 var import_use_activities = require("../utils/use-activities.js");
 var import_time = require("../utils/time.js");
 var import_cn = require("../utils/cn.js");
+var import_empty_messages = require("../utils/empty-messages.js");
 const FEED_LIMIT = 8;
 function ColumnHeader({
   icon,
@@ -105,7 +106,10 @@ function DiscoverCommunitySection() {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-3.5 w-40" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-2.5 w-24" })
         ] })
-      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("rounded-xl border border-border py-12 text-center"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "No activity yet. Be the first to trade on Medialane!" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("rounded-xl border border-border py-12 text-center"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: import_empty_messages.emptyMessages.activity.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: import_empty_messages.emptyMessages.activity.description })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_activity_row.ActivityRow,
         {
           activity,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst FEED_LIMIT = 8;\n\nfunction ColumnHeader({\n  icon,\n  iconBg,\n  title,\n  caption,\n  href,\n  linkLabel,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  caption?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex items-center gap-2.5\">\n        <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center shadow-md shrink-0\", iconBg)}>\n          {icon}\n        </div>\n        <div>\n          <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n          {caption && <p className=\"text-2xs text-muted-foreground mt-1 flex items-center gap-1\">{caption}</p>}\n        </div>\n      </div>\n      <Link\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 shrink-0\"\n      >\n        {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-purple to-brand-blue shadow-brand-purple/20\"\n          title=\"Activities\"\n          caption={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm text-muted-foreground\">No activity yet. Be the first to trade on Medialane!</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Sparkles className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-rose to-brand-orange\"\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst FEED_LIMIT = 8;\n\nfunction ColumnHeader({\n  icon,\n  iconBg,\n  title,\n  caption,\n  href,\n  linkLabel,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  caption?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex items-center gap-2.5\">\n        <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center shadow-md shrink-0\", iconBg)}>\n          {icon}\n        </div>\n        <div>\n          <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n          {caption && <p className=\"text-2xs text-muted-foreground mt-1 flex items-center gap-1\">{caption}</p>}\n        </div>\n      </div>\n      <Link\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 shrink-0\"\n      >\n        {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-purple to-brand-blue shadow-brand-purple/20\"\n          title=\"Activities\"\n          caption={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n              <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Sparkles className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-rose to-brand-orange\"\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link"]}

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

@@ -10,6 +10,7 @@ import { LeaderboardPanel } from "./rewards/leaderboard-panel.js";
 import { useActivities } from "../utils/use-activities.js";
 import { timeAgo } from "../utils/time.js";
 import { cn } from "../utils/cn.js";
+import { emptyMessages } from "../utils/empty-messages.js";
 const FEED_LIMIT = 8;
 function ColumnHeader({
   icon,
@@ -72,7 +73,10 @@ function DiscoverCommunitySection() {
           /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-40" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-24" })
         ] })
-      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ jsx("div", { className: cn("rounded-xl border border-border py-12 text-center"), children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No activity yet. Be the first to trade on Medialane!" }) }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ jsx(
+      ] }, i)) }) : activities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-border py-12 text-center"), children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessages.activity.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessages.activity.description })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/50 rounded-xl border border-border overflow-hidden", children: activities.map((activity, i) => /* @__PURE__ */ jsx(
         ActivityRow,
         {
           activity,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst FEED_LIMIT = 8;\n\nfunction ColumnHeader({\n  icon,\n  iconBg,\n  title,\n  caption,\n  href,\n  linkLabel,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  caption?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex items-center gap-2.5\">\n        <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center shadow-md shrink-0\", iconBg)}>\n          {icon}\n        </div>\n        <div>\n          <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n          {caption && <p className=\"text-2xs text-muted-foreground mt-1 flex items-center gap-1\">{caption}</p>}\n        </div>\n      </div>\n      <Link\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 shrink-0\"\n      >\n        {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-purple to-brand-blue shadow-brand-purple/20\"\n          title=\"Activities\"\n          caption={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm text-muted-foreground\">No activity yet. Be the first to trade on Medialane!</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Sparkles className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-rose to-brand-orange\"\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/discover-community-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Activity, ArrowRight, RefreshCw, Sparkles } from \"lucide-react\";\nimport Link from \"./link.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LeaderboardPanel } from \"./rewards/leaderboard-panel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nconst FEED_LIMIT = 8;\n\nfunction ColumnHeader({\n  icon,\n  iconBg,\n  title,\n  caption,\n  href,\n  linkLabel,\n}: {\n  icon: React.ReactNode;\n  iconBg: string;\n  title: string;\n  caption?: React.ReactNode;\n  href: string;\n  linkLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex items-center gap-2.5\">\n        <div className={cn(\"h-7 w-7 rounded-lg flex items-center justify-center shadow-md shrink-0\", iconBg)}>\n          {icon}\n        </div>\n        <div>\n          <h2 className=\"text-lg sm:text-xl font-semibold leading-none\">{title}</h2>\n          {caption && <p className=\"text-2xs text-muted-foreground mt-1 flex items-center gap-1\">{caption}</p>}\n        </div>\n      </div>\n      <Link\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 shrink-0\"\n      >\n        {linkLabel} <ArrowRight className=\"h-3.5 w-3.5\" />\n      </Link>\n    </div>\n  );\n}\n\nexport function DiscoverCommunitySection() {\n  const { activities, isLoading } = useActivities({ limit: FEED_LIMIT });\n  const { walletAddress: address } = useMedialaneApp();\n  const [lastUpdated, setLastUpdated] = useState(() => new Date().toISOString());\n\n  useEffect(() => {\n    if (!isLoading) setLastUpdated(new Date().toISOString());\n  }, [activities, isLoading]);\n\n  return (\n    <section className=\"grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 items-start\">\n\n      <div className=\"lg:col-span-7 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Activity className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-purple to-brand-blue shadow-brand-purple/20\"\n          title=\"Activities\"\n          caption={\n            !isLoading && (\n              <>\n                <RefreshCw className=\"h-2.5 w-2.5\" />\n                Updated {timeAgo(lastUpdated)}\n              </>\n            )\n          }\n          href=\"/activities\"\n          linkLabel=\"View all\"\n        />\n        <div>\n          {isLoading ? (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex items-center gap-3 px-4 py-3.5\">\n                  <Skeleton className=\"h-8 w-8 rounded-lg shrink-0\" />\n                  <Skeleton className=\"h-9 w-9 rounded-md shrink-0\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-3.5 w-40\" />\n                    <Skeleton className=\"h-2.5 w-24\" />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : activities.length === 0 ? (\n            <div className={cn(\"rounded-xl border border-border py-12 text-center\")}>\n              <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n              <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n            </div>\n          ) : (\n            <div className=\"divide-y divide-border/50 rounded-xl border border-border overflow-hidden\">\n              {activities.map((activity, i) => (\n                <ActivityRow\n                  key={activity.txHash ? `${activity.txHash}-${activity.type}-${activity.nftTokenId ?? \"\"}` : `activity-${i}`}\n                  activity={activity}\n                  showActor\n                  showExplorer\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"lg:col-span-5 space-y-4 sm:space-y-5\">\n        <ColumnHeader\n          icon={<Sparkles className=\"h-3.5 w-3.5 text-white\" />}\n          iconBg=\"bg-gradient-to-br from-brand-rose to-brand-orange\"\n          title=\"Rewards\"\n          href=\"/rewards\"\n          linkLabel=\"Scoreboard\"\n        />\n\n        <div className=\"overflow-hidden rounded-2xl border border-border/50 bg-card\">\n          <div className=\"flex items-center justify-between gap-3 bg-gradient-to-r from-brand-rose/10 to-brand-orange/10 px-4 py-3\">\n            <p className=\"text-sm font-semibold leading-snug\">Earn XP. Share the Creator&apos;s Fund.</p>\n            <Link\n              href=\"/rewards\"\n              className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-brand-rose hover:opacity-80 transition-opacity\"\n            >\n              Start earning <ArrowRight className=\"h-3 w-3\" />\n            </Link>\n          </div>\n          <LeaderboardPanel myAddress={address} limit={5} showHeading={false} compact />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -30,6 +30,7 @@ var import_listing_card = require("./listing-card.js");
 var import_activity_card = require("./activity-card.js");
 var import_time = require("../utils/time.js");
 var import_cn = require("../utils/cn.js");
+var import_empty_messages = require("../utils/empty-messages.js");
 function StripShell({
   icon,
   iconBg,
@@ -127,7 +128,10 @@ function DiscoverFeedSection({
         ] }),
         href: activitiesHref,
         linkLabel: "Activities",
-        children: activitiesLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_card.ActivityCardSkeleton, {}) }, i)) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground py-4", children: "No activity yet. Be the first to trade on Medialane!" }) : activities.map((act, i) => {
+        children: activitiesLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_card.ActivityCardSkeleton, {}) }, i)) : activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: import_empty_messages.emptyMessages.activity.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: import_empty_messages.emptyMessages.activity.description })
+        ] }) : activities.map((act, i) => {
           const key = act.txHash ? `${act.txHash}-${act.type}-${act.nftTokenId ?? ""}` : `activity-${i}`;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_activity_card.ActivityCard, { activity: act }) }, key);
         })

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  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\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-2xs 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\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\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\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      <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} />\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\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\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-2xs 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\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\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\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      <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                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\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} />\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.js

@@ -6,6 +6,7 @@ import { ListingCard, ListingCardSkeleton } from "./listing-card.js";
 import { ActivityCard, ActivityCardSkeleton } from "./activity-card.js";
 import { timeAgo } from "../utils/time.js";
 import { cn } from "../utils/cn.js";
+import { emptyMessages } from "../utils/empty-messages.js";
 function StripShell({
   icon,
   iconBg,
@@ -103,7 +104,10 @@ function DiscoverFeedSection({
         ] }),
         href: activitiesHref,
         linkLabel: "Activities",
-        children: activitiesLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(ActivityCardSkeleton, {}) }, i)) : activities.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No activity yet. Be the first to trade on Medialane!" }) : activities.map((act, i) => {
+        children: activitiesLoading ? Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(ActivityCardSkeleton, {}) }, i)) : activities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessages.activity.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessages.activity.description })
+        ] }) : activities.map((act, i) => {
           const key = act.txHash ? `${act.txHash}-${act.type}-${act.nftTokenId ?? ""}` : `activity-${i}`;
           return /* @__PURE__ */ jsx("div", { className: "w-56 sm:w-64 snap-start shrink-0", children: /* @__PURE__ */ jsx(ActivityCard, { activity: act }) }, key);
         })

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  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\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-2xs 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\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\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\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      <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} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":";AA8CU,cAGA,YAHA;AA5CV,SAAS,KAAK,UAAU,WAAW,kBAAkB;AACrD,SAAS,cAAc;AACvB,SAAS,aAAa,2BAA2B;AACjD,SAAS,cAAc,4BAA4B;AACnD,SAAS,eAAe;AACxB,SAAS,UAAU;AAkBnB,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,SAAI,WAAW,GAAG,uDAAuD,MAAM,GAC7E,gBACH;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,iDAAiD,iBAAM;AAAA,UACpE,YAAY,oBAAC,OAAE,WAAU,uCAAuC,oBAAS;AAAA,WAC5E;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UAET;AAAA;AAAA,YAAU;AAAA,YAAC,oBAAC,cAAW,WAAU,eAAc;AAAA;AAAA;AAAA,MAClD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yCACb,8BAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,cAAc,GAC3F,UACH,GACF;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA+B;AAC7B,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,oBAAC,OAAI,WAAU,0BAAyB;AAAA,MAC9C,QAAO;AAAA,MACP,OAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAU;AAAA,MAET,sBACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,4BACrB,8BAAC,uBAAoB,KADb,CAEV,CACD,IACD,OAAO,WAAW,IAEhB,oBAAC,OAAE,WAAU,sCAAqC,qCAAuB,IAE3E,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,MAAM,aAAa,KAAK,KAAK;AACnC,eACE,oBAAC,SAA0B,WAAU,4BACnC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,cAAc,CAAC,MAAM,MAAM,WAAW,KAAK,IAAI;AAAA;AAAA,QACxD,KAJQ,MAAM,SAKhB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACP,GACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,qBAAC,SAAI,WAAU,4BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,UAAO,OAAO,MACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,oBAAC,YAAS,WAAU,0BAAyB;AAAA,QACnD,QAAO;AAAA,QACP,OAAM;AAAA,QACN,UACE,qBAAC,UAAK,WAAU,2BACd;AAAA,8BAAC,aAAU,WAAU,eAAc;AAAA,UAAE;AAAA,UAC5B,QAAQ,WAAW;AAAA,WAC9B;AAAA,QAEF,MAAM;AAAA,QACN,WAAU;AAAA,QAET,8BACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAChC,oBAAC,SAAY,WAAU,oCACrB,8BAAC,wBAAqB,KADd,CAEV,CACD,IACD,WAAW,WAAW,IAEpB,oBAAC,OAAE,WAAU,sCAAqC,kEAElD,IAEF,WAAW,IAAI,CAAC,KAAK,MAAM;AACzB,gBAAM,MAAM,IAAI,SACZ,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,EAAE,KACjD,YAAY,CAAC;AACjB,iBACE,oBAAC,SAAc,WAAU,oCACvB,8BAAC,gBAAa,UAAU,KAAK,KADrB,GAEV;AAAA,QAEJ,CAAC;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;","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\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport interface DiscoverFeedSectionProps {\n  orders: ApiOrder[];\n  isLoading: boolean;\n  activities: ApiActivity[];\n  activitiesLoading: boolean;\n  lastUpdated: string;\n  explorerUrl?: string;\n  marketplaceHref?: string;\n  activitiesHref?: string;\n\n  onBuyOrder?: (order: ApiOrder) => void;\n\n  isOwnOrder?: (order: ApiOrder) => boolean;\n}\n\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-2xs 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\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\nexport function DiscoverFeedSection({\n  orders,\n  isLoading,\n  activities,\n  activitiesLoading,\n  lastUpdated,\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      <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                <div className=\"py-4\">\n                  <p className=\"text-sm font-medium\">{emptyMessages.activity.title}</p>\n                  <p className=\"text-sm text-muted-foreground\">{emptyMessages.activity.description}</p>\n                </div>\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} />\n                  </div>\n                );\n              })}\n        </StripShell>\n      </FadeIn>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/success-view.cjs

@@ -53,9 +53,9 @@ function SuccessView({
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-green-500", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-5 w-5" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: "Published \u2014 live onchain" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: "Asset published" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: mintedAsset ? "Ready to share, sell, or remix." : "It'll appear in your portfolio shortly." })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "It is recorded onchain with your wallet as owner." })
       ] }),
       mintedAsset && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/components/fast-mint/success-view.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/fast-mint/success-view.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Link from \"../link.js\";\nimport { CheckCircle2, Eye, Tag, ArrowRightLeft, GitBranch } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Button } from \"../button.js\";\nimport { MedialaneCollectionCard } from \"../medialane-collection-card.js\";\nimport type { MintedAsset } from \"./types.js\";\n\nexport interface SuccessViewProps {\n  presentation?: \"inline\" | \"dialog\";\n  previewImage: string | null;\n  name: string;\n  collectionLabel?: string;\n  mintedAsset: MintedAsset | null;\n  onPublishAnother: () => void;\n  footer?: ReactNode;\n}\n\nexport function SuccessView({\n  presentation = \"inline\",\n  previewImage,\n  name,\n  collectionLabel,\n  mintedAsset,\n  footer,\n  onPublishAnother,\n}: SuccessViewProps) {\n  return (\n    <section className={cn(presentation === \"dialog\" ? \"\" : \"rounded-2xl border border-border p-6 sm:p-8\")}>\n      <div className=\"grid grid-cols-1 sm:grid-cols-[220px_1fr] gap-6 items-start\">\n        <MedialaneCollectionCard image={previewImage} name={name} collection={collectionLabel} />\n        <div className=\"space-y-5\">\n          <div className=\"space-y-1.5\">\n            <div className=\"flex items-center gap-2 text-green-500\">\n              <CheckCircle2 className=\"h-5 w-5\" />\n              <p className=\"text-sm font-semibold\">Published — live onchain</p>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {mintedAsset ? \"Ready to share, sell, or remix.\" : \"It'll appear in your portfolio shortly.\"}\n            </p>\n          </div>\n\n          {mintedAsset && (\n            <div className=\"grid grid-cols-2 gap-2.5\">\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                View asset\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=list`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Tag className=\"h-4 w-4 text-muted-foreground\" />\n                List on marketplace\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=transfer`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <ArrowRightLeft className=\"h-4 w-4 text-muted-foreground\" />\n                Transfer\n              </Link>\n              <Link\n                href={`/create/remix/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n                Create a remix\n              </Link>\n            </div>\n          )}\n\n          {footer}\n\n          <Button variant=\"outline\" onClick={onPublishAnother} className=\"w-full sm:w-auto\">\n            Publish another\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCQ;AA7BR,kBAAiB;AACjB,0BAAkE;AAClE,gBAAmB;AACnB,oBAAuB;AACvB,uCAAwC;AAajC,SAAS,YAAY;AAAA,EAC1B,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,4CAAC,aAAQ,eAAW,cAAG,iBAAiB,WAAW,KAAK,6CAA6C,GACnG,uDAAC,SAAI,WAAU,+DACb;AAAA,gDAAC,4DAAwB,OAAO,cAAc,MAAY,YAAY,iBAAiB;AAAA,IACvF,6CAAC,SAAI,WAAU,aACb;AAAA,mDAAC,SAAI,WAAU,eACb;AAAA,qDAAC,SAAI,WAAU,0CACb;AAAA,sDAAC,oCAAa,WAAU,WAAU;AAAA,UAClC,4CAAC,OAAE,WAAU,yBAAwB,2CAAwB;AAAA,WAC/D;AAAA,QACA,4CAAC,OAAE,WAAU,iCACV,wBAAc,oCAAoC,2CACrD;AAAA,SACF;AAAA,MAEC,eACC,6CAAC,SAAI,WAAU,4BACb;AAAA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,2BAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,2BAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,sCAAe,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAE9D;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,iBAAiB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YAClE,WAAU;AAAA,YAEV;AAAA,0DAAC,iCAAU,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzD;AAAA,SACF;AAAA,MAGD;AAAA,MAED,4CAAC,wBAAO,SAAQ,WAAU,SAAS,kBAAkB,WAAU,oBAAmB,6BAElF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../../src/components/fast-mint/success-view.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Link from \"../link.js\";\nimport { CheckCircle2, Eye, Tag, ArrowRightLeft, GitBranch } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Button } from \"../button.js\";\nimport { MedialaneCollectionCard } from \"../medialane-collection-card.js\";\nimport type { MintedAsset } from \"./types.js\";\n\nexport interface SuccessViewProps {\n  presentation?: \"inline\" | \"dialog\";\n  previewImage: string | null;\n  name: string;\n  collectionLabel?: string;\n  mintedAsset: MintedAsset | null;\n  onPublishAnother: () => void;\n  footer?: ReactNode;\n}\n\nexport function SuccessView({\n  presentation = \"inline\",\n  previewImage,\n  name,\n  collectionLabel,\n  mintedAsset,\n  footer,\n  onPublishAnother,\n}: SuccessViewProps) {\n  return (\n    <section className={cn(presentation === \"dialog\" ? \"\" : \"rounded-2xl border border-border p-6 sm:p-8\")}>\n      <div className=\"grid grid-cols-1 sm:grid-cols-[220px_1fr] gap-6 items-start\">\n        <MedialaneCollectionCard image={previewImage} name={name} collection={collectionLabel} />\n        <div className=\"space-y-5\">\n          <div className=\"space-y-1.5\">\n            <div className=\"flex items-center gap-2 text-green-500\">\n              <CheckCircle2 className=\"h-5 w-5\" />\n              <p className=\"text-sm font-semibold\">Asset published</p>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              It is recorded onchain with your wallet as owner.\n            </p>\n          </div>\n\n          {mintedAsset && (\n            <div className=\"grid grid-cols-2 gap-2.5\">\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                View asset\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=list`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Tag className=\"h-4 w-4 text-muted-foreground\" />\n                List on marketplace\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=transfer`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <ArrowRightLeft className=\"h-4 w-4 text-muted-foreground\" />\n                Transfer\n              </Link>\n              <Link\n                href={`/create/remix/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n                Create a remix\n              </Link>\n            </div>\n          )}\n\n          {footer}\n\n          <Button variant=\"outline\" onClick={onPublishAnother} className=\"w-full sm:w-auto\">\n            Publish another\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCQ;AA7BR,kBAAiB;AACjB,0BAAkE;AAClE,gBAAmB;AACnB,oBAAuB;AACvB,uCAAwC;AAajC,SAAS,YAAY;AAAA,EAC1B,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,4CAAC,aAAQ,eAAW,cAAG,iBAAiB,WAAW,KAAK,6CAA6C,GACnG,uDAAC,SAAI,WAAU,+DACb;AAAA,gDAAC,4DAAwB,OAAO,cAAc,MAAY,YAAY,iBAAiB;AAAA,IACvF,6CAAC,SAAI,WAAU,aACb;AAAA,mDAAC,SAAI,WAAU,eACb;AAAA,qDAAC,SAAI,WAAU,0CACb;AAAA,sDAAC,oCAAa,WAAU,WAAU;AAAA,UAClC,4CAAC,OAAE,WAAU,yBAAwB,6BAAe;AAAA,WACtD;AAAA,QACA,4CAAC,OAAE,WAAU,iCAAgC,+DAE7C;AAAA,SACF;AAAA,MAEC,eACC,6CAAC,SAAI,WAAU,4BACb;AAAA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,2BAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,2BAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,0DAAC,sCAAe,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAE9D;AAAA,QACA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,iBAAiB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YAClE,WAAU;AAAA,YAEV;AAAA,0DAAC,iCAAU,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzD;AAAA,SACF;AAAA,MAGD;AAAA,MAED,4CAAC,wBAAO,SAAQ,WAAU,SAAS,kBAAkB,WAAU,oBAAmB,6BAElF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":["Link"]}

package/dist/components/fast-mint/success-view.js

@@ -20,9 +20,9 @@ function SuccessView({
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-green-500", children: [
           /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Published \u2014 live onchain" })
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Asset published" })
         ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: mintedAsset ? "Ready to share, sell, or remix." : "It'll appear in your portfolio shortly." })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "It is recorded onchain with your wallet as owner." })
       ] }),
       mintedAsset && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2.5", children: [
         /* @__PURE__ */ jsxs(

package/dist/components/fast-mint/success-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/fast-mint/success-view.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Link from \"../link.js\";\nimport { CheckCircle2, Eye, Tag, ArrowRightLeft, GitBranch } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Button } from \"../button.js\";\nimport { MedialaneCollectionCard } from \"../medialane-collection-card.js\";\nimport type { MintedAsset } from \"./types.js\";\n\nexport interface SuccessViewProps {\n  presentation?: \"inline\" | \"dialog\";\n  previewImage: string | null;\n  name: string;\n  collectionLabel?: string;\n  mintedAsset: MintedAsset | null;\n  onPublishAnother: () => void;\n  footer?: ReactNode;\n}\n\nexport function SuccessView({\n  presentation = \"inline\",\n  previewImage,\n  name,\n  collectionLabel,\n  mintedAsset,\n  footer,\n  onPublishAnother,\n}: SuccessViewProps) {\n  return (\n    <section className={cn(presentation === \"dialog\" ? \"\" : \"rounded-2xl border border-border p-6 sm:p-8\")}>\n      <div className=\"grid grid-cols-1 sm:grid-cols-[220px_1fr] gap-6 items-start\">\n        <MedialaneCollectionCard image={previewImage} name={name} collection={collectionLabel} />\n        <div className=\"space-y-5\">\n          <div className=\"space-y-1.5\">\n            <div className=\"flex items-center gap-2 text-green-500\">\n              <CheckCircle2 className=\"h-5 w-5\" />\n              <p className=\"text-sm font-semibold\">Published — live onchain</p>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {mintedAsset ? \"Ready to share, sell, or remix.\" : \"It'll appear in your portfolio shortly.\"}\n            </p>\n          </div>\n\n          {mintedAsset && (\n            <div className=\"grid grid-cols-2 gap-2.5\">\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                View asset\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=list`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Tag className=\"h-4 w-4 text-muted-foreground\" />\n                List on marketplace\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=transfer`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <ArrowRightLeft className=\"h-4 w-4 text-muted-foreground\" />\n                Transfer\n              </Link>\n              <Link\n                href={`/create/remix/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n                Create a remix\n              </Link>\n            </div>\n          )}\n\n          {footer}\n\n          <Button variant=\"outline\" onClick={onPublishAnother} className=\"w-full sm:w-auto\">\n            Publish another\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAgCQ,cAGI,YAHJ;AA7BR,OAAO,UAAU;AACjB,SAAS,cAAc,KAAK,KAAK,gBAAgB,iBAAiB;AAClE,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,+BAA+B;AAajC,SAAS,YAAY;AAAA,EAC1B,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,oBAAC,aAAQ,WAAW,GAAG,iBAAiB,WAAW,KAAK,6CAA6C,GACnG,+BAAC,SAAI,WAAU,+DACb;AAAA,wBAAC,2BAAwB,OAAO,cAAc,MAAY,YAAY,iBAAiB;AAAA,IACvF,qBAAC,SAAI,WAAU,aACb;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,gBAAa,WAAU,WAAU;AAAA,UAClC,oBAAC,OAAE,WAAU,yBAAwB,2CAAwB;AAAA,WAC/D;AAAA,QACA,oBAAC,OAAE,WAAU,iCACV,wBAAc,oCAAoC,2CACrD;AAAA,SACF;AAAA,MAEC,eACC,qBAAC,SAAI,WAAU,4BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,OAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,OAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,kBAAe,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAE9D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,iBAAiB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YAClE,WAAU;AAAA,YAEV;AAAA,kCAAC,aAAU,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzD;AAAA,SACF;AAAA,MAGD;AAAA,MAED,oBAAC,UAAO,SAAQ,WAAU,SAAS,kBAAkB,WAAU,oBAAmB,6BAElF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/fast-mint/success-view.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Link from \"../link.js\";\nimport { CheckCircle2, Eye, Tag, ArrowRightLeft, GitBranch } from \"lucide-react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Button } from \"../button.js\";\nimport { MedialaneCollectionCard } from \"../medialane-collection-card.js\";\nimport type { MintedAsset } from \"./types.js\";\n\nexport interface SuccessViewProps {\n  presentation?: \"inline\" | \"dialog\";\n  previewImage: string | null;\n  name: string;\n  collectionLabel?: string;\n  mintedAsset: MintedAsset | null;\n  onPublishAnother: () => void;\n  footer?: ReactNode;\n}\n\nexport function SuccessView({\n  presentation = \"inline\",\n  previewImage,\n  name,\n  collectionLabel,\n  mintedAsset,\n  footer,\n  onPublishAnother,\n}: SuccessViewProps) {\n  return (\n    <section className={cn(presentation === \"dialog\" ? \"\" : \"rounded-2xl border border-border p-6 sm:p-8\")}>\n      <div className=\"grid grid-cols-1 sm:grid-cols-[220px_1fr] gap-6 items-start\">\n        <MedialaneCollectionCard image={previewImage} name={name} collection={collectionLabel} />\n        <div className=\"space-y-5\">\n          <div className=\"space-y-1.5\">\n            <div className=\"flex items-center gap-2 text-green-500\">\n              <CheckCircle2 className=\"h-5 w-5\" />\n              <p className=\"text-sm font-semibold\">Asset published</p>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              It is recorded onchain with your wallet as owner.\n            </p>\n          </div>\n\n          {mintedAsset && (\n            <div className=\"grid grid-cols-2 gap-2.5\">\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Eye className=\"h-4 w-4 text-muted-foreground\" />\n                View asset\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=list`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <Tag className=\"h-4 w-4 text-muted-foreground\" />\n                List on marketplace\n              </Link>\n              <Link\n                href={`/asset/STARKNET/${mintedAsset.contract}/${mintedAsset.tokenId}?action=transfer`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <ArrowRightLeft className=\"h-4 w-4 text-muted-foreground\" />\n                Transfer\n              </Link>\n              <Link\n                href={`/create/remix/${mintedAsset.contract}/${mintedAsset.tokenId}`}\n                className=\"flex items-center gap-2 rounded-xl border border-border px-4 py-3 text-sm font-semibold hover:bg-muted/40 transition-colors\"\n              >\n                <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n                Create a remix\n              </Link>\n            </div>\n          )}\n\n          {footer}\n\n          <Button variant=\"outline\" onClick={onPublishAnother} className=\"w-full sm:w-auto\">\n            Publish another\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAgCQ,cAGI,YAHJ;AA7BR,OAAO,UAAU;AACjB,SAAS,cAAc,KAAK,KAAK,gBAAgB,iBAAiB;AAClE,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,+BAA+B;AAajC,SAAS,YAAY;AAAA,EAC1B,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,oBAAC,aAAQ,WAAW,GAAG,iBAAiB,WAAW,KAAK,6CAA6C,GACnG,+BAAC,SAAI,WAAU,+DACb;AAAA,wBAAC,2BAAwB,OAAO,cAAc,MAAY,YAAY,iBAAiB;AAAA,IACvF,qBAAC,SAAI,WAAU,aACb;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,gBAAa,WAAU,WAAU;AAAA,UAClC,oBAAC,OAAE,WAAU,yBAAwB,6BAAe;AAAA,WACtD;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAgC,+DAE7C;AAAA,SACF;AAAA,MAEC,eACC,qBAAC,SAAI,WAAU,4BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,OAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,OAAI,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,mBAAmB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YACpE,WAAU;AAAA,YAEV;AAAA,kCAAC,kBAAe,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAE9D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,iBAAiB,YAAY,QAAQ,IAAI,YAAY,OAAO;AAAA,YAClE,WAAU;AAAA,YAEV;AAAA,kCAAC,aAAU,WAAU,iCAAgC;AAAA,cAAE;AAAA;AAAA;AAAA,QAEzD;AAAA,SACF;AAAA,MAGD;AAAA,MAED,oBAAC,UAAO,SAAQ,WAAU,SAAS,kBAAkB,WAAU,oBAAmB,6BAElF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/ip-type-page.cjs

@@ -48,6 +48,7 @@ var import_medialane_app = require("./medialane-app.js");
 var import_cn = require("../utils/cn.js");
 var import_same_address = require("../utils/same-address.js");
 var import_use_tokens_by_ip_type = require("../utils/use-tokens-by-ip-type.js");
+var import_empty_messages = require("../utils/empty-messages.js");
 const PAGE_SIZE = 24;
 function FilterChip({ active, onClick, label }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -275,8 +276,8 @@ function IpTypePage({ slug, useMarketActions }) {
     isInitialLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4", children: Array.from({ length: PAGE_SIZE }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_card.TokenCardSkeleton, {}, i)) }) : displayed.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-24 flex flex-col items-center gap-4 text-center", children: [
       config && Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("h-16 w-16 rounded-2xl flex items-center justify-center", config.bgClass), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-8 w-8", config.colorClass) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold text-lg", children: listedOnly ? "No listed assets yet" : "No assets indexed yet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm mt-1", children: listedOnly ? "Try removing the 'Listed only' filter to see all assets." : `Be the first to mint a ${config?.label ?? slug} asset on Medialane.` })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold text-lg", children: listedOnly ? "Listed assets appear here" : import_empty_messages.emptyMessages.assetsOfType.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm mt-1", children: listedOnly ? "Try removing the 'Listed only' filter to see all assets." : import_empty_messages.emptyMessages.assetsOfType.description })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/launchpad/single-editions", children: "Create Asset" }) })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [