@zcash-app/dashboard 0.0.1 → 0.1.0-alpha.4

package/.next/static/chunks/686-08b24cd790891d26.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686],{1408:(e,r,t)=>{t.d(r,{D:()=>i});var o=t(4941),n=t(9337);let i=({preset:e,network:r,initialQuery:t="",onNavigateTx:i})=>{let[a,s]=(0,n.useState)(t),[l,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(null),[p,x]=(0,n.useState)(null),[h,g]=(0,n.useState)(null),[b,y]=(0,n.useState)(null),[u,v]=(0,n.useState)(null),f=n.useRef(a);f.current=a;let j=(0,n.useCallback)(async t=>{let o=("string"==typeof t?t:f.current).trim();if(!o){m("Please enter a transaction ID, block hash, or block height"),v(null),x(null),g(null),y(null);return}d(!0),m(null),v(null),x(null),g(null),y(null);try{let t=await fetch(`/api/explorer?q=${encodeURIComponent(o)}&network=${encodeURIComponent(r)}&preset=${encodeURIComponent(e)}`),n=await t.json();n.success?(x(n.matchType),g("tx"===n.matchType?"Matched: Transaction":"Matched: Block"),y("string"==typeof n.source?n.source:null),v(n.data)):m(n.error||"Transaction or block not found")}catch(e){m(e.message||"Node unreachable: Unable to connect to indexer or node")}finally{d(!1)}},[r,e]),S=n.useRef("");(0,n.useEffect)(()=>{let e=(t||"").trim();if(!e){S.current="";return}e!==S.current&&(S.current=e,s(e),j(e))},[t,j]);let k=e=>{let r=String(e);s(r),j(r)};return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1.5rem"},children:[(0,o.jsxs)("div",{className:"glass-card",style:{padding:"1.75rem"},children:[(0,o.jsxs)("div",{style:{marginBottom:"1rem"},children:[(0,o.jsxs)("h2",{style:{fontSize:"1.25rem",fontWeight:600,display:"flex",alignItems:"center",gap:"0.5rem"},children:[(0,o.jsx)("span",{children:"\uD83D\uDD0D"})," Blockchain Explorer"]}),(0,o.jsx)("p",{style:{fontSize:"0.85rem",color:"var(--text-secondary)",marginTop:"0.25rem"},children:"Inspect shielded NU7 transactions, Orchard/Ironwood actions, commitment trees, and block headers"})]}),(0,o.jsxs)("form",{onSubmit:e=>{e.preventDefault(),j()},style:{display:"flex",gap:"0.75rem",alignItems:"stretch"},children:[(0,o.jsx)("input",{id:"explorer-search-input","data-testid":"explorer-search-input",type:"text",className:"mono-text",placeholder:"Search by 64-hex TxID, block hash, or block height (e.g. 4542240)...",value:a,onChange:e=>s(e.target.value),style:{flex:1,padding:"0.75rem 1rem",borderRadius:"8px",border:"1px solid var(--border-color)",background:"rgba(0, 0, 0, 0.3)",color:"var(--text-primary)",fontSize:"0.85rem"}}),(0,o.jsx)("button",{id:"explorer-search-btn","data-testid":"explorer-search-btn",type:"submit",className:"btn-primary",disabled:l,style:{minWidth:"110px",fontSize:"0.85rem"},children:l?"Searching...":"Search"})]}),(0,o.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:"0.5rem",marginTop:"1rem",alignItems:"center"},children:[(0,o.jsx)("span",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Quick Inspect:"}),(0,o.jsx)("button",{type:"button",className:"btn-secondary",style:{fontSize:"0.72rem",padding:"0.2rem 0.5rem"},onClick:()=>{let e="8ca516abc441e6b95783eb4d733e091dc7312fc1f9e42de43273ed906a65095a";s(e),j(e)},children:"Tx 8ca516ab..."}),(0,o.jsx)("button",{type:"button",className:"btn-secondary",style:{fontSize:"0.72rem",padding:"0.2rem 0.5rem"},onClick:()=>{let e="4542240";s(e),j(e)},children:"Block 4542240"}),(0,o.jsx)("button",{type:"button",className:"btn-secondary",style:{fontSize:"0.72rem",padding:"0.2rem 0.5rem"},onClick:()=>{let e="00005c49b2e52450226473f8bbc77411705f7e104835bb12909ed217f16fa92e";s(e),j(e)},children:"Block Hash 00005c49..."})]})]}),c&&(0,o.jsxs)("div",{id:"explorer-error","data-testid":"explorer-error",className:"glass-card",style:{padding:"1.25rem",background:"var(--alert-danger-bg)",borderColor:"var(--alert-danger-border)",color:"var(--alert-danger-text)",display:"flex",alignItems:"center",gap:"0.75rem",fontSize:"0.85rem"},children:[(0,o.jsx)("span",{style:{fontSize:"1.25rem"},children:"⚠️"}),(0,o.jsx)("span",{children:c})]}),h&&(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:[(0,o.jsxs)("span",{id:"explorer-match-badge","data-testid":"explorer-match-badge",className:"badge badge-regtest",style:{padding:"0.35rem 0.75rem",fontSize:"0.8rem",fontWeight:600,background:"var(--badge-regtest-bg)",color:"var(--badge-regtest-color)",border:"1px solid var(--badge-regtest-border)"},children:["✓ ",h]}),b&&(0,o.jsxs)("span",{id:"explorer-source-badge","data-testid":"explorer-source-badge",className:"badge",title:"Backend that produced this result",style:{padding:"0.35rem 0.75rem",fontSize:"0.75rem",fontWeight:600,background:"var(--badge-testnet-bg)",color:"var(--badge-testnet-color)",border:"1px solid var(--badge-testnet-border)"},children:["source: ",b]})]}),"tx"===p&&u&&(0,o.jsxs)("div",{id:"explorer-tx-view","data-testid":"explorer-tx-view",className:"glass-card",style:{padding:"1.75rem"},children:[u.userOwnership&&(0,o.jsxs)("div",{id:"explorer-ownership-banner","data-testid":"explorer-ownership-banner",style:{marginBottom:"1.5rem",padding:"1.25rem",borderRadius:"8px",background:"incoming"===u.userOwnership.direction?"rgba(16, 185, 129, 0.12)":"outgoing"===u.userOwnership.direction?"rgba(245, 158, 11, 0.12)":"rgba(59, 130, 246, 0.12)",border:"incoming"===u.userOwnership.direction?"1px solid rgba(16, 185, 129, 0.35)":"outgoing"===u.userOwnership.direction?"1px solid rgba(245, 158, 11, 0.35)":"1px solid rgba(59, 130, 246, 0.35)"},children:[(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"0.75rem",flexWrap:"wrap",gap:"0.5rem"},children:[(0,o.jsxs)("span",{id:"explorer-ownership-badge","data-testid":"explorer-ownership-badge",className:"badge",style:{fontSize:"0.85rem",fontWeight:700,padding:"0.35rem 0.75rem",background:"incoming"===u.userOwnership.direction?"var(--ownership-incoming-bg)":"outgoing"===u.userOwnership.direction?"var(--ownership-outgoing-bg)":"var(--ownership-internal-bg)",color:"var(--ownership-text)"},children:["\uD83D\uDEE1️ Belongs to you (",u.userOwnership.direction.toUpperCase(),")"]}),(0,o.jsxs)("span",{id:"explorer-ownership-amount","data-testid":"explorer-ownership-amount",className:"mono-text",style:{fontSize:"1.15rem",fontWeight:700,color:"var(--accent-gold)"},children:["incoming"===u.userOwnership.direction?"+":"-",u.userOwnership.amountZec," ZEC"]})]}),u.userOwnership.memo&&(0,o.jsxs)("div",{style:{marginTop:"0.5rem",fontSize:"0.85rem"},children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)"},children:"Decrypted Memo: "}),(0,o.jsxs)("span",{id:"explorer-ownership-memo","data-testid":"explorer-ownership-memo",style:{fontStyle:"italic",color:"var(--text-primary)"},children:["“",u.userOwnership.memo,"”"]})]}),u.userOwnership.counterparty&&(0,o.jsxs)("div",{style:{marginTop:"0.5rem",fontSize:"0.8rem"},children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)"},children:"Counterparty: "}),(0,o.jsx)("span",{className:"mono-text",style:{color:"var(--text-primary)",wordBreak:"break-all"},children:u.userOwnership.counterparty})]})]}),(0,o.jsx)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"1.5rem",flexWrap:"wrap",gap:"1rem"},children:(0,o.jsxs)("div",{children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.75rem",marginBottom:"0.5rem"},children:[(0,o.jsx)("span",{style:{fontSize:"1rem",fontWeight:600},children:"Transaction"}),(0,o.jsx)("span",{id:"explorer-upgrade-name","data-testid":"explorer-upgrade-name",className:"badge badge-regtest",style:{fontSize:"0.75rem",padding:"0.2rem 0.5rem"},children:u.upgradeName}),(0,o.jsxs)("span",{className:"badge",style:{fontSize:"0.75rem",padding:"0.2rem 0.5rem",background:"rgba(255,255,255,0.08)"},children:["v",u.version]})]}),(0,o.jsx)("div",{id:"explorer-txid-display","data-testid":"explorer-txid-display",className:"mono-text",style:{fontSize:"0.85rem",color:"var(--accent-gold)",wordBreak:"break-all",background:"rgba(0, 0, 0, 0.3)",padding:"0.5rem 0.75rem",borderRadius:"6px",border:"1px solid var(--border-color)"},children:u.txid})]})}),(0,o.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"1rem",marginBottom:"1.5rem",background:"rgba(255, 255, 255, 0.02)",padding:"1.25rem",borderRadius:"8px",border:"1px solid var(--border-color)"},children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Mined Height"}),(0,o.jsx)("div",{style:{fontSize:"0.95rem",fontWeight:600,marginTop:"0.25rem"},children:u.height?(0,o.jsxs)("button",{type:"button",className:"txid-link",style:{background:"none",border:"none",padding:0,color:"var(--accent-gold)",cursor:"pointer",fontSize:"0.95rem",fontWeight:600,textDecoration:"underline"},onClick:()=>k(u.height),children:["#",u.height]}):"Mempool / Unmined"})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Consensus Branch ID"}),(0,o.jsxs)("div",{id:"explorer-branch-id","data-testid":"explorer-branch-id",className:"mono-text",style:{fontSize:"0.9rem",fontWeight:600,marginTop:"0.25rem"},children:["0x",u.consensusBranchId," (",u.upgradeName,")"]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Expiry Height"}),(0,o.jsxs)("div",{id:"explorer-expiry-height","data-testid":"explorer-expiry-height",className:"mono-text",style:{fontSize:"0.9rem",fontWeight:600,marginTop:"0.25rem"},children:["#",u.expiryHeight]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Fee"}),(0,o.jsx)("div",{id:"explorer-fee-display","data-testid":"explorer-fee-display",className:"mono-text",style:{fontSize:"0.9rem",fontWeight:600,marginTop:"0.25rem"},children:u.feeUnknown?"unknown":`${((e=0)=>{try{let r=BigInt(e),t=r<BigInt(0),o=t?-r:r,n=o/BigInt(1e8),i=o%BigInt(1e8);return`${t?"-":""}${n}.${i.toString().padStart(8,"0")}`}catch{return"0.00000000"}})(u.fee)} ZEC (${u.fee} zat)`})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Size"}),(0,o.jsxs)("div",{className:"mono-text",style:{fontSize:"0.9rem",fontWeight:600,marginTop:"0.25rem"},children:[u.size," bytes"]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Block Time"}),(0,o.jsx)("div",{style:{fontSize:"0.85rem",marginTop:"0.25rem"},children:u.time?new Date(1e3*u.time).toLocaleString():"—"})]})]}),u.blockHash&&(0,o.jsxs)("div",{style:{marginBottom:"1.5rem",fontSize:"0.85rem"},children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)"},children:"Block Hash: "}),(0,o.jsx)("button",{type:"button",className:"mono-text",style:{background:"none",border:"none",padding:0,color:"var(--accent-gold)",cursor:"pointer",textDecoration:"underline",wordBreak:"break-all"},onClick:()=>k(u.blockHash),children:u.blockHash})]}),(0,o.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,o.jsx)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.75rem",color:"var(--text-secondary)"},children:"POOLS TOUCHED & ACTION BREAKDOWN"}),(0,o.jsx)("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap",marginBottom:"1rem"},children:u.pools.map(e=>(0,o.jsx)("span",{className:"badge badge-regtest",style:{textTransform:"capitalize",fontSize:"0.8rem",padding:"0.25rem 0.65rem"},children:e},e))}),(0,o.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:"0.75rem"},children:[(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Ironwood Actions"}),(0,o.jsx)("div",{id:"explorer-ironwood-actions","data-testid":"explorer-ironwood-actions",style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:u.actionCounts.ironwoodActions})]}),(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Orchard Actions"}),(0,o.jsx)("div",{style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:u.actionCounts.orchardActions})]}),(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Sapling Spends / Outs"}),(0,o.jsxs)("div",{style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:[u.actionCounts.saplingSpends," / ",u.actionCounts.saplingOutputs]})]}),(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Transparent In / Out"}),(0,o.jsxs)("div",{style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:[u.actionCounts.transparentInputs," / ",u.actionCounts.transparentOutputs]})]})]})]}),(0,o.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,o.jsx)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.75rem",color:"var(--text-secondary)"},children:"SHIELDED MERKLE ANCHOR(S)"}),u.anchors.ironwood&&(0,o.jsxs)("div",{id:"explorer-ironwood-anchor","data-testid":"explorer-ironwood-anchor",style:{marginBottom:"1rem",background:"rgba(0, 0, 0, 0.2)",padding:"0.75rem",borderRadius:"6px",border:"1px solid rgba(234, 179, 8, 0.25)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.85rem",fontWeight:600,color:"var(--accent-gold)",marginBottom:"0.35rem"},children:"\uD83C\uDF33 Ironwood Anchor"}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"0.4rem",fontSize:"0.8rem"},children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"wallet/Orchard order: "}),(0,o.jsx)("span",{id:"explorer-ironwood-anchor-wallet","data-testid":"explorer-ironwood-anchor-wallet",className:"mono-text",style:{color:"var(--text-primary)",wordBreak:"break-all"},children:"object"==typeof u.anchors.ironwood?u.anchors.ironwood.walletOrchardOrder:u.anchors.ironwood})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"Zebra RPC order: "}),(0,o.jsx)("span",{id:"explorer-ironwood-anchor-zebra","data-testid":"explorer-ironwood-anchor-zebra",className:"mono-text",style:{color:"var(--accent-gold)",wordBreak:"break-all"},children:"object"==typeof u.anchors.ironwood?u.anchors.ironwood.zebraRpcOrder:""})]})]})]}),u.anchors.orchard&&(0,o.jsxs)("div",{id:"explorer-orchard-anchor","data-testid":"explorer-orchard-anchor",style:{marginBottom:"1rem",background:"rgba(0, 0, 0, 0.2)",padding:"0.75rem",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.85rem",fontWeight:600,color:"var(--text-primary)",marginBottom:"0.35rem"},children:"\uD83C\uDF3F Orchard Anchor"}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"0.4rem",fontSize:"0.8rem"},children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"wallet/Orchard order: "}),(0,o.jsx)("span",{className:"mono-text",style:{wordBreak:"break-all"},children:"object"==typeof u.anchors.orchard?u.anchors.orchard.walletOrchardOrder:u.anchors.orchard})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"Zebra RPC order: "}),(0,o.jsx)("span",{className:"mono-text",style:{wordBreak:"break-all"},children:"object"==typeof u.anchors.orchard?u.anchors.orchard.zebraRpcOrder:""})]})]})]}),u.anchors.sapling&&(0,o.jsxs)("div",{id:"explorer-sapling-anchor","data-testid":"explorer-sapling-anchor",style:{marginBottom:"1rem",background:"rgba(0, 0, 0, 0.2)",padding:"0.75rem",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.85rem",fontWeight:600,color:"var(--text-primary)",marginBottom:"0.35rem"},children:"\uD83C\uDF32 Sapling Anchor"}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"0.4rem",fontSize:"0.8rem"},children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"wallet/Orchard order: "}),(0,o.jsx)("span",{className:"mono-text",style:{wordBreak:"break-all"},children:"object"==typeof u.anchors.sapling?u.anchors.sapling.walletOrchardOrder:u.anchors.sapling})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{style:{color:"var(--text-secondary)",display:"inline-block",minWidth:"150px"},children:"Zebra RPC order: "}),(0,o.jsx)("span",{className:"mono-text",style:{wordBreak:"break-all"},children:"object"==typeof u.anchors.sapling?u.anchors.sapling.zebraRpcOrder:""})]})]})]}),!u.anchors.ironwood&&!u.anchors.orchard&&!u.anchors.sapling&&(0,o.jsx)("div",{style:{fontSize:"0.85rem",color:"var(--text-secondary)"},children:"None (Transparent only)"})]}),u.nullifiers&&u.nullifiers.length>0&&(0,o.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,o.jsxs)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.5rem",color:"var(--text-secondary)"},children:["SPEND NULLIFIERS (",u.nullifiers.length,")"]}),(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.35rem"},children:u.nullifiers.map((e,r)=>(0,o.jsxs)("div",{className:"mono-text",style:{fontSize:"0.78rem",background:"rgba(0, 0, 0, 0.25)",padding:"0.4rem 0.65rem",borderRadius:"4px",border:"1px solid var(--border-color)",wordBreak:"break-all"},children:["#",r,": ",e]},e+r))})]}),u.noteCommitments&&u.noteCommitments.length>0&&(0,o.jsxs)("div",{children:[(0,o.jsxs)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.5rem",color:"var(--text-secondary)"},children:["NOTE COMMITMENTS / OUTPUTS (",u.noteCommitments.length,")"]}),(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.35rem"},children:u.noteCommitments.map((e,r)=>(0,o.jsxs)("div",{className:"mono-text",style:{fontSize:"0.78rem",background:"rgba(0, 0, 0, 0.25)",padding:"0.4rem 0.65rem",borderRadius:"4px",border:"1px solid var(--border-color)",wordBreak:"break-all"},children:["#",r,": ",e]},e+r))})]})]}),"block"===p&&u&&(0,o.jsxs)("div",{id:"explorer-block-view","data-testid":"explorer-block-view",className:"glass-card",style:{padding:"1.75rem"},children:[(0,o.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.75rem",marginBottom:"0.5rem"},children:[(0,o.jsx)("span",{style:{fontSize:"1rem",fontWeight:600},children:"Block"}),(0,o.jsxs)("span",{id:"explorer-block-height-display","data-testid":"explorer-block-height-display",className:"badge badge-regtest",style:{fontSize:"0.85rem",padding:"0.25rem 0.65rem"},children:["#",u.height]})]}),(0,o.jsx)("div",{id:"explorer-block-hash-display","data-testid":"explorer-block-hash-display",className:"mono-text",style:{fontSize:"0.85rem",color:"var(--accent-gold)",wordBreak:"break-all",background:"rgba(0, 0, 0, 0.3)",padding:"0.5rem 0.75rem",borderRadius:"6px",border:"1px solid var(--border-color)"},children:u.hash})]}),(0,o.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"1rem",marginBottom:"1.5rem",background:"rgba(255, 255, 255, 0.02)",padding:"1.25rem",borderRadius:"8px",border:"1px solid var(--border-color)"},children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Height"}),(0,o.jsx)("div",{className:"mono-text",style:{fontSize:"1rem",fontWeight:700,marginTop:"0.25rem"},children:u.height})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Block Time"}),(0,o.jsx)("div",{style:{fontSize:"0.85rem",marginTop:"0.25rem"},children:u.time?new Date(1e3*u.time).toLocaleString():"—"})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Transactions"}),(0,o.jsxs)("div",{id:"explorer-tx-count","data-testid":"explorer-tx-count",className:"mono-text",style:{fontSize:"1rem",fontWeight:700,marginTop:"0.25rem"},children:[u.txCount," txs"]})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Previous Block"}),(0,o.jsx)("div",{style:{fontSize:"0.85rem",marginTop:"0.25rem"},children:u.previousBlockHash?(0,o.jsxs)("button",{type:"button",className:"mono-text",style:{background:"none",border:"none",padding:0,color:"var(--accent-gold)",cursor:"pointer",fontSize:"0.8rem",textDecoration:"underline"},onClick:()=>k(u.previousBlockHash),children:[u.previousBlockHash.slice(0,10),"...",u.previousBlockHash.slice(-10)]}):"Genesis"})]})]}),(0,o.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,o.jsx)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.75rem",color:"var(--text-secondary)"},children:"NOTE COMMITMENT TREE SIZES (chainMetadata)"}),(0,o.jsxs)("div",{id:"explorer-tree-sizes","data-testid":"explorer-tree-sizes",style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(180px, 1fr))",gap:"0.75rem"},children:[(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Ironwood Tree Size"}),(0,o.jsx)("div",{id:"explorer-ironwood-tree-size","data-testid":"explorer-ironwood-tree-size",style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem",color:"var(--accent-gold)"},children:u.chainMetadata?.ironwoodCommitmentTreeSize??0})]}),(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Orchard Tree Size"}),(0,o.jsx)("div",{style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:u.chainMetadata?.orchardCommitmentTreeSize??0})]}),(0,o.jsxs)("div",{style:{padding:"0.75rem",background:"rgba(0,0,0,0.2)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)"},children:"Sapling Tree Size"}),(0,o.jsx)("div",{style:{fontSize:"1.1rem",fontWeight:700,marginTop:"0.25rem"},children:u.chainMetadata?.saplingCommitmentTreeSize??0})]})]})]}),(0,o.jsxs)("div",{children:[(0,o.jsxs)("h3",{style:{fontSize:"0.9rem",fontWeight:600,marginBottom:"0.75rem",color:"var(--text-secondary)"},children:["TRANSACTIONS IN THIS BLOCK (",u.txList.length,")"]}),(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:u.txList.map((e,r)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.65rem 0.85rem",background:"rgba(0, 0, 0, 0.25)",borderRadius:"6px",border:"1px solid var(--border-color)"},children:[(0,o.jsxs)("span",{className:"mono-text",style:{fontSize:"0.8rem",color:"var(--text-secondary)"},children:["#",e.index]}),(0,o.jsx)("button",{type:"button",className:"mono-text txid-link",style:{background:"none",border:"none",padding:0,color:"var(--accent-gold)",cursor:"pointer",fontSize:"0.8rem",textDecoration:"underline",wordBreak:"break-all"},onClick:()=>{var r;return r=e.txid,void(i?i(r):(s(r),j(r)))},children:e.txid})]},e.txid+r))})]})]})]})}},3179:(e,r,t)=>{t.d(r,{W:()=>i});var o=t(4941);t(9337);var n=t(5491);let i=({activePreset:e,onSelectPreset:r,isConnected:t,endpoint:i})=>{let a=n.we[e]||n.we["regtest-nu7"];return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem",alignItems:"flex-end"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.75rem"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.4rem",background:"rgba(255, 255, 255, 0.05)",padding:"0.4rem 0.75rem",borderRadius:"8px",border:"1px solid var(--border-color)"},children:[(0,o.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:t?"var(--accent-green)":"var(--accent-red)",boxShadow:t?"0 0 8px var(--accent-green)":"0 0 8px var(--accent-red)"}}),(0,o.jsx)("span",{style:{fontSize:"0.8rem",color:"var(--text-secondary)"},children:t?"Connected":"Offline"})]}),(0,o.jsx)("select",{id:"network-preset-select",value:e,onChange:e=>r(e.target.value),style:{background:"var(--bg-card)",color:"var(--text-primary)",border:"1px solid var(--border-color)",padding:"0.45rem 0.85rem",borderRadius:"8px",fontSize:"0.85rem",fontWeight:500,cursor:"pointer"},children:Object.values(n.we).map(e=>(0,o.jsx)("option",{value:e.id,children:e.label},e.id))})]}),(0,o.jsxs)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)",display:"flex",gap:"0.5rem"},children:[(0,o.jsxs)("span",{children:["Target: ",(0,o.jsx)("code",{className:"mono-text",children:i})]}),a.isLocal&&(0,o.jsx)("span",{style:{color:"var(--accent-gold)"},children:"• Local"})]})]})}},5491:(e,r,t)=>{t.d(r,{we:()=>o}),t(7443);let o={"regtest-nu7":{id:"regtest-nu7",label:"Regtest - NU7 (Zebra+lightwalletd, 127.0.0.1:39067)",network:"regtest",endpoint:"127.0.0.1:39067",description:"Standalone Zebra 7.0.0 + Lightwalletd with NU7 active at block 1",isLocal:!0,miningRpcUrl:"http://127.0.0.1:39232",supportsZalletFaucet:!1},"regtest-z3":{id:"regtest-z3",label:"Regtest - Z3 NU6.3 (Zaino, 127.0.0.1:28137)",network:"regtest",endpoint:"127.0.0.1:28137",description:"Z3 stack with Zebra 7 + Zaino + Zallet (NU6.3)",isLocal:!0,miningRpcUrl:"http://127.0.0.1:8181",supportsZalletFaucet:!0},testnet:{id:"testnet",label:"Testnet (testnet.zec.rocks:443)",network:"testnet",endpoint:"testnet.zec.rocks:443",description:"Public Lightwalletd on Zcash testnet",isLocal:!1,supportsZalletFaucet:!1},"testnet-local":{id:"testnet-local",label:"Testnet - local lightwalletd (127.0.0.1:39167, if reachable)",network:"testnet",endpoint:"127.0.0.1:39167",description:"Local lightwalletd connected to local testnet Zebra node",isLocal:!0,supportsZalletFaucet:!1},mainnet:{id:"mainnet",label:"Mainnet (zec.rocks:443)",network:"mainnet",endpoint:"zec.rocks:443",description:"Public Lightwalletd on Zcash mainnet (Watch-only)",isLocal:!1,supportsZalletFaucet:!1}}}}]);