@ckb-firewall/cli 0.4.0 → 0.5.0

package/dist/lib/gui-bundle.html

@@ -320,6 +320,79 @@ a:focus, button:focus { outline: 2px solid var(--c-ink); outline-offset: 1px; }
 
 .tfw-page { display: flex; flex-direction: column; gap: 36px; }
 
+.tfw-treasury {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 220px;
+  gap: 18px 24px;
+  align-items: center;
+  padding: 16px 0;
+  border-top: 2px solid var(--c-rule);
+  border-bottom: 1px solid var(--c-hairline);
+}
+.tfw-treasury--compact {
+  margin-bottom: -8px;
+}
+.tfw-treasury--warn {
+  border-top-color: var(--c-red);
+  background: linear-gradient(90deg, rgba(183, 58, 37, 0.08), transparent);
+}
+.tfw-treasury__eyebrow {
+  font-family: var(--f-mono);
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.14em;
+  color: var(--c-red);
+  text-transform: uppercase;
+  margin-bottom: 7px;
+}
+.tfw-treasury__line {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  align-items: baseline;
+  color: var(--c-ink-2);
+}
+.tfw-treasury__line strong {
+  font-family: var(--f-serif);
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 1;
+  color: var(--c-ink);
+}
+.tfw-treasury__line span {
+  font-family: var(--f-mono);
+  font-size: 11px;
+  color: var(--c-ink-mute);
+}
+.tfw-treasury__meter {
+  height: 10px;
+  border: 1px solid var(--c-ink);
+  background: var(--c-paper);
+  position: relative;
+}
+.tfw-treasury__meter span {
+  display: block;
+  height: 100%;
+  background: var(--c-green);
+}
+.tfw-treasury--warn .tfw-treasury__meter span {
+  background: var(--c-red);
+}
+.tfw-treasury__donate {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  align-items: center;
+  color: var(--c-red);
+  font-weight: 600;
+}
+.tfw-treasury__donate code {
+  color: var(--c-ink);
+  overflow-wrap: anywhere;
+  font-weight: 500;
+}
+
 .tfw-pagehead {
   display: flex;
   align-items: flex-end;
@@ -1320,6 +1393,15 @@ select.tfw-input {
   padding-top: 16px;
   border-top: 1px solid var(--c-hairline);
 }
+.tfw-advanced-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 12px;
+  padding: 12px;
+  border: 1px dashed var(--c-hairline);
+  background: var(--c-paper-soft);
+}
 
 /* ── Forms ───────────────────────────────────────────────────────────────── */
 .tfw-form { display: flex; flex-direction: column; gap: 18px; }
@@ -1408,6 +1490,22 @@ select.tfw-input {
   border-top: 1px solid var(--c-hairline);
 }
 
+.tfw-step {
+  border: 1px solid var(--c-hairline);
+  border-radius: 4px;
+  padding: 14px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.tfw-step__label {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--c-ink-mute);
+}
+
 .tfw-form-success {
   text-align: center;
   padding: 32px 12px;
@@ -1521,6 +1619,7 @@ body[data-density="compact"] .tfw-page { gap: 26px; }
   .tfw-hero__title { font-size: 42px; }
   .tfw-pagehead__title { font-size: 36px; }
   .tfw-pagehead { flex-direction: column; align-items: flex-start; }
+  .tfw-treasury { grid-template-columns: 1fr; }
   .tfw-stat__num { font-size: 38px; }
   .tfw-form-row { grid-template-columns: 1fr; }
   .tfw-radio-grp { grid-template-columns: 1fr; }
@@ -1902,7 +2001,6 @@ function reviewCountdown(iso) {
 function countYes(p) { return (p.votes || []).filter(v => v.vote === "yes").length; }
 function countNo(p) { return (p.votes || []).filter(v => v.vote === "no").length; }
 function countAbstain(p) { return (p.votes || []).filter(v => v.vote === "abstain").length; }
-function sigCount(p) { return (p.signatures || []).length; }
 function reviewPassed(p) {
   const t = new Date(p.reviewWindowEndsAt).getTime();
   return !isNaN(t) && Date.now() >= t;
@@ -1910,7 +2008,6 @@ function reviewPassed(p) {
 function isReady(p) {
   return reviewPassed(p)
     && countYes(p) >= 3
-    && sigCount(p) >= 3
     && p.status !== "executed"
     && p.status !== "rejected";
 }
@@ -1924,8 +2021,8 @@ function displayStatus(p) {
 const STATUS_META = {
   "pending-review":  { label: "pending review", tone: "amber" },
   "voting":          { label: "voting open",    tone: "blue"  },
-  "approved":        { label: "awaiting sigs",  tone: "amber" },
-  "ready":           { label: "ready to execute", tone: "green" },
+  "approved":        { label: "approved",       tone: "amber" },
+  "ready":           { label: "ready",          tone: "green" },
   "executed":        { label: "executed",       tone: "mute"  },
   "rejected":        { label: "rejected",       tone: "red"   },
 };
@@ -1983,23 +2080,6 @@ function VoteDots({ proposal, total = 3 }) {
   );
 }
 
-function SigDots({ proposal, total = 3 }) {
-  const c = sigCount(proposal);
-  const dots = [];
-  for (let i = 0; i < total; i++) {
-    let cls = "tfw-dot tfw-dot--empty";
-    if (i < c) cls = "tfw-dot tfw-dot--sig";
-    dots.push(<span key={i} className={cls} />);
-  }
-  return (
-    <span className="tfw-meter" title={`${c} of ${total} signatures`}>
-      <span className="tfw-meter__label">SIGS</span>
-      <span className="tfw-meter__dots">{dots}</span>
-      <span className="tfw-meter__count">{c}/{total}</span>
-    </span>
-  );
-}
-
 // ── address rendering ────────────────────────────────────────────────────────
 function Address({ value, truncate = 22, onCopy, mono = true }) {
   const handleCopy = (e) => {
@@ -2139,7 +2219,6 @@ Object.assign(window, {
   TFW_countYes: countYes,
   TFW_countNo: countNo,
   TFW_countAbstain: countAbstain,
-  TFW_sigCount: sigCount,
   TFW_reviewPassed: reviewPassed,
   TFW_isReady: isReady,
   TFW_displayStatus: displayStatus,
@@ -2151,7 +2230,6 @@ Object.assign(window, {
   TFW_ActionPill: ActionPill,
   TFW_SeverityChip: SeverityChip,
   TFW_VoteDots: VoteDots,
-  TFW_SigDots: SigDots,
   TFW_Address: Address,
   TFW_ClassificationTag: ClassificationTag,
   TFW_ConnectionDot: ConnectionDot,
@@ -2171,12 +2249,12 @@ Object.assign(window, {
 
 const {
   TFW_Badge, TFW_StatusBadge, TFW_ActionPill, TFW_SeverityChip,
-  TFW_VoteDots, TFW_SigDots, TFW_Address, TFW_ClassificationTag,
+  TFW_VoteDots, TFW_Address, TFW_ClassificationTag,
   TFW_trunc, TFW_fmtDate, TFW_fmtDateShort, TFW_relTime, TFW_reviewCountdown,
-  TFW_countYes, TFW_sigCount, TFW_reviewPassed, TFW_isReady, TFW_displayStatus,
+  TFW_countYes, TFW_reviewPassed, TFW_isReady, TFW_displayStatus,
 } = window;
 
-function ProposalCard({ proposal, onOpen, onVote, onSign, onExecute, registry, compact = false }) {
+function ProposalCard({ proposal, onOpen, onVote, onAnchor, onExecute, registry, meta, compact = false }) {
   const p = proposal;
   const ds = TFW_displayStatus(p);
   const reg = registry.find(e => e.identifier.toLowerCase() === p.lockArgs.toLowerCase());
@@ -2186,16 +2264,14 @@ function ProposalCard({ proposal, onOpen, onVote, onSign, onExecute, registry, c
 
   const review = TFW_reviewCountdown(p.reviewWindowEndsAt);
   const yes = TFW_countYes(p);
-  const sigs = TFW_sigCount(p);
+  const hasVoted = meta?.yourPubkey
+    ? (p.votes || []).some(v => v.pubkey === meta.yourPubkey)
+    : false;
 
-  // Determine primary action
+  // Validator UI: the card only promotes voting. Advanced transaction steps stay in details.
   let primaryAction = null;
-  if ((p.status === "pending-review" || p.status === "voting") && sigs === 0) {
+  if ((p.status === "pending-review" || p.status === "voting") && !hasVoted) {
     primaryAction = { label: "Vote", onClick: () => onVote(p.id) };
-  } else if (TFW_isReady(p)) {
-    primaryAction = { label: "Execute →", onClick: () => onExecute(p.id), strong: true };
-  } else if (TFW_reviewPassed(p) && yes >= 3 && p.status !== "executed" && p.status !== "rejected") {
-    primaryAction = { label: "Sign", onClick: () => onSign(p.id), strong: true };
   }
 
   // Card-state class for left accent stripe
@@ -2250,8 +2326,6 @@ function ProposalCard({ proposal, onOpen, onVote, onSign, onExecute, registry, c
 
       <div className="tfw-card__foot">
         <TFW_VoteDots proposal={p} />
-        <span className="tfw-card__foot-sep" />
-        <TFW_SigDots proposal={p} />
         <span className="tfw-card__spacer" />
 
         {/* registry hint */}
@@ -2297,12 +2371,54 @@ Object.assign(window, { TFW_ProposalCard: ProposalCard });
 
 const {
   TFW_ProposalCard, TFW_Stat, TFW_SectionHead, TFW_EmptyState,
-  TFW_Badge, TFW_VoteDots, TFW_SigDots, TFW_StatusBadge, TFW_ActionPill,
+  TFW_Badge, TFW_VoteDots, TFW_StatusBadge, TFW_ActionPill,
   TFW_ClassificationTag, TFW_SeverityChip, TFW_Address,
-  TFW_isReady, TFW_displayStatus, TFW_countYes, TFW_sigCount,
+  TFW_isReady, TFW_displayStatus, TFW_countYes,
   TFW_reviewPassed, TFW_relTime, TFW_fmtDateShort, TFW_trunc,
 } = window;
 
+const TFW_SHANNONS_PER_CKB = 100_000_000;
+
+function TFW_fmtCkbFromShannons(value) {
+  if (value === undefined || value === null || value === "") return "n/a";
+  const n = Number(value);
+  if (!Number.isFinite(n)) return "n/a";
+  return `${(n / TFW_SHANNONS_PER_CKB).toLocaleString(undefined, {
+    maximumFractionDigits: 4,
+  })} CKB`;
+}
+
+function TFW_TreasuryBanner({ treasury, compact = false }) {
+  if (!treasury) return null;
+  const used = typeof treasury.poolUsedPercent === "number" ? treasury.poolUsedPercent : null;
+  const warning = Boolean(treasury.donateRecommended);
+  const donationTarget = treasury.donationAddress || treasury.lockHash;
+  const balance = TFW_fmtCkbFromShannons(treasury.balanceShannons);
+  const capacity = TFW_fmtCkbFromShannons(treasury.poolCapacityShannons);
+  return (
+    <div className={`tfw-treasury${warning ? " tfw-treasury--warn" : ""}${compact ? " tfw-treasury--compact" : ""}`}>
+      <div className="tfw-treasury__main">
+        <div className="tfw-treasury__eyebrow">BLACKLIST POOL</div>
+        <div className="tfw-treasury__line">
+          <strong>{used === null ? "Usage unavailable" : `${used.toFixed(2)}% used`}</strong>
+          <span>Reserve {balance}</span>
+          <span>Pool {capacity}</span>
+          {typeof treasury.liveCellCount === "number" && <span>{treasury.liveCellCount} treasury cell{treasury.liveCellCount === 1 ? "" : "s"}</span>}
+        </div>
+      </div>
+      <div className="tfw-treasury__meter" aria-hidden="true">
+        <span style={{ width: `${Math.min(100, Math.max(0, used || 0))}%` }} />
+      </div>
+      {warning && (
+        <div className="tfw-treasury__donate">
+          <span>Donate CKB to keep registry growth funded</span>
+          <code className="tfw-mono">{donationTarget}</code>
+        </div>
+      )}
+    </div>
+  );
+}
+
 // ── Overview ──────────────────────────────────────────────────────────────────
 function OverviewPage({ state, actions }) {
   const { proposals, registry, meta } = state;
@@ -2312,11 +2428,7 @@ function OverviewPage({ state, actions }) {
   const expiredReg = registry.filter(e => e.expiresAt && Number(e.expiresAt) <= now).length;
 
   const open = proposals.filter(p => p.status === "pending-review" || p.status === "voting");
-  const ready = proposals.filter(TFW_isReady);
-  const approved = proposals.filter(p => p.status === "approved" && !TFW_isReady(p));
-  const executed = proposals.filter(p => p.status === "executed");
-
-  const action = ready.concat(open);
+  const action = open.filter(p => !(p.votes || []).some(v => v.pubkey === meta.yourPubkey));
   const recent = [...proposals]
     .sort((a, b) => b.submittedAt.localeCompare(a.submittedAt))
     .slice(0, 6);
@@ -2328,10 +2440,12 @@ function OverviewPage({ state, actions }) {
   return (
     <div className="tfw-page tfw-page--overview">
 
+      <TFW_TreasuryBanner treasury={meta.treasury} />
+
       {/* HERO STRIP — editorial-sized stats */}
       <div className="tfw-hero">
         <div className="tfw-hero__lead">
-          <div className="tfw-hero__eyebrow">GOVERNANCE STATUS · {new Date().toISOString().slice(0,10)}</div>
+          <div className="tfw-hero__eyebrow">VALIDATOR STATUS · {new Date().toISOString().slice(0,10)}</div>
           <h1 className="tfw-hero__title">
             <span className="tfw-hero__title-line1">{activeReg === 0 ? "Registry" : "Blocking"}</span>
             <span className="tfw-hero__title-line2">
@@ -2343,14 +2457,14 @@ function OverviewPage({ state, actions }) {
           <div className="tfw-hero__sub">
             {action.length > 0 ? (
               <>
-                <strong>{action.length} item{action.length !== 1 ? "s" : ""}</strong> need
-                {action.length === 1 ? "s" : ""} your attention.
+                <strong>{action.length} proposal{action.length !== 1 ? "s" : ""}</strong> need
+                {action.length === 1 ? "s" : ""} your vote.
                 {youHaventVoted.length > 0 && (
                   <> You haven&rsquo;t voted on <strong>{youHaventVoted.length}</strong>.</>
                 )}
               </>
             ) : (
-              <>All clear. No proposals require action right now.</>
+              <>All clear. No proposals need your vote right now.</>
             )}
           </div>
         </div>
@@ -2367,25 +2481,15 @@ function OverviewPage({ state, actions }) {
             tone="amber"
             sub={youHaventVoted.length ? `${youHaventVoted.length} need you` : "all caught up"}
           />
-          <TFW_Stat
-            value={ready.length}
-            label="READY TO EXECUTE"
-            tone="green"
-          />
-          <TFW_Stat
-            value={approved.length}
-            label="AWAITING SIGS"
-            tone="amber"
-          />
         </div>
       </div>
 
-      {/* ACTION REQUIRED */}
+      {/* VOTES NEEDED */}
       {action.length > 0 && (
         <div className="tfw-section">
           <TFW_SectionHead
             eyebrow="◆ PRIORITY"
-            title="Action required"
+            title="Votes needed"
             count={action.length}
             action={
               <button type="button" className="tfw-link" onClick={() => actions.setTab("proposals")}>
@@ -2399,33 +2503,10 @@ function OverviewPage({ state, actions }) {
                 key={p.id}
                 proposal={p}
                 registry={registry}
+                meta={meta}
                 onOpen={actions.openProposal}
                 onVote={actions.openVote}
-                onSign={actions.openSign}
-                onExecute={actions.openExecute}
-              />
-            ))}
-          </div>
-        </div>
-      )}
-
-      {/* AWAITING SIGS */}
-      {approved.length > 0 && (
-        <div className="tfw-section">
-          <TFW_SectionHead
-            eyebrow="◇ MULTISIG"
-            title="Awaiting signatures"
-            count={approved.length}
-          />
-          <div className="tfw-cards">
-            {approved.map(p => (
-              <TFW_ProposalCard
-                key={p.id}
-                proposal={p}
-                registry={registry}
-                onOpen={actions.openProposal}
-                onVote={actions.openVote}
-                onSign={actions.openSign}
+                onAnchor={actions.openAnchor}
                 onExecute={actions.openExecute}
               />
             ))}
@@ -2449,9 +2530,10 @@ function OverviewPage({ state, actions }) {
                 key={p.id}
                 proposal={p}
                 registry={registry}
+                meta={meta}
                 onOpen={actions.openProposal}
                 onVote={actions.openVote}
-                onSign={actions.openSign}
+                onAnchor={actions.openAnchor}
                 onExecute={actions.openExecute}
                 compact
               />
@@ -2505,6 +2587,8 @@ function RegistryPage({ state, actions }) {
 
   return (
     <div className="tfw-page tfw-page--registry">
+      <TFW_TreasuryBanner treasury={meta.treasury} compact />
+
       <div className="tfw-pagehead">
         <div className="tfw-pagehead__col">
           <div className="tfw-pagehead__eyebrow">ON-CHAIN STATE</div>
@@ -2619,17 +2703,15 @@ function RegistryPage({ state, actions }) {
 // ── Proposals ────────────────────────────────────────────────────────────────
 const PROP_FILTERS = [
   { key: "all", label: "All" },
-  { key: "action", label: "Needs action" },
+  { key: "action", label: "Needs my vote" },
   { key: "pending-review", label: "Pending review" },
   { key: "voting", label: "Voting" },
-  { key: "approved", label: "Awaiting sigs" },
-  { key: "ready", label: "Ready" },
   { key: "executed", label: "Executed" },
   { key: "rejected", label: "Rejected" },
 ];
 
 function ProposalsPage({ state, actions }) {
-  const { proposals, registry } = state;
+  const { proposals, registry, meta } = state;
   const [filter, setFilter] = React.useState("all");
   const [query, setQuery] = React.useState("");
 
@@ -2638,9 +2720,9 @@ function ProposalsPage({ state, actions }) {
       const ds = TFW_displayStatus(p);
       if (filter === "all") return true;
       if (filter === "action") {
-        return p.status === "pending-review" || p.status === "voting" || TFW_isReady(p);
+        return (p.status === "pending-review" || p.status === "voting")
+          && !(p.votes || []).some(v => v.pubkey === meta.yourPubkey);
       }
-      if (filter === "ready") return TFW_isReady(p);
       return ds === filter;
     })
     .filter(p => {
@@ -2658,22 +2740,22 @@ function ProposalsPage({ state, actions }) {
   proposals.forEach(p => {
     const ds = TFW_displayStatus(p);
     counts[ds] = (counts[ds] || 0) + 1;
-    if (p.status === "pending-review" || p.status === "voting" || TFW_isReady(p)) {
-      counts.action = (counts.action || 0) + 1;
+    if (p.status === "pending-review" || p.status === "voting") {
+      if (!(p.votes || []).some(v => v.pubkey === meta.yourPubkey)) {
+        counts.action = (counts.action || 0) + 1;
+      }
     }
   });
   counts.all = proposals.length;
-  counts.ready = proposals.filter(TFW_isReady).length;
 
   return (
     <div className="tfw-page tfw-page--proposals">
       <div className="tfw-pagehead">
         <div className="tfw-pagehead__col">
-          <div className="tfw-pagehead__eyebrow">GOVERNANCE WORKFLOW</div>
+          <div className="tfw-pagehead__eyebrow">VALIDATOR WORKFLOW</div>
           <h1 className="tfw-pagehead__title">Proposals</h1>
           <div className="tfw-pagehead__sub">
-            Every proposal moves through review → voting → multisig → execution.
-            3 of 5 keyholders must approve each on-chain change.
+            Review evidence, cast a vote, and export proposal JSON when another participant needs your vote.
           </div>
         </div>
         <button type="button" className="tfw-btn tfw-btn--primary" onClick={actions.openCreate}>
@@ -2715,9 +2797,10 @@ function ProposalsPage({ state, actions }) {
               key={p.id}
               proposal={p}
               registry={registry}
+              meta={meta}
               onOpen={actions.openProposal}
               onVote={actions.openVote}
-              onSign={actions.openSign}
+              onAnchor={actions.openAnchor}
               onExecute={actions.openExecute}
             />
           ))}
@@ -2735,17 +2818,25 @@ Object.assign(window, {
 
 </script>
 <script type="text/babel" data-type="module">
-// Modals: detail (proposal, address) and forms (create, vote, sign, execute, import)
+// Modals: detail (proposal, address) and forms (create, vote, anchor, execute, import)
 
 const {
   TFW_Badge, TFW_StatusBadge, TFW_ActionPill, TFW_SeverityChip,
-  TFW_VoteDots, TFW_SigDots, TFW_Address, TFW_ClassificationTag,
+  TFW_VoteDots, TFW_Address, TFW_ClassificationTag,
   TFW_CodeBlock, TFW_Stat,
   TFW_trunc, TFW_fmtDate, TFW_fmtDateShort, TFW_relTime, TFW_reviewCountdown,
-  TFW_countYes, TFW_countNo, TFW_countAbstain, TFW_sigCount,
+  TFW_countYes, TFW_countNo, TFW_countAbstain,
   TFW_reviewPassed, TFW_isReady, TFW_displayStatus,
 } = window;
 
+function safeUnixToISO(unixSeconds) {
+  try {
+    const num = Number(unixSeconds);
+    if (!num || isNaN(num) || num <= 0) return null;
+    return new Date(num * 1000).toISOString();
+  } catch { return null; }
+}
+
 // ─── Modal shell ─────────────────────────────────────────────────────────────
 function Modal({ open, onClose, eyebrow, title, subtitle, children, size = "md", footer }) {
   React.useEffect(() => {
@@ -2790,8 +2881,9 @@ function Modal({ open, onClose, eyebrow, title, subtitle, children, size = "md",
 }
 
 // ─── Proposal detail content ─────────────────────────────────────────────────
-function ProposalDetailContent({ proposal, registry, actions, onClose }) {
+function ProposalDetailContent({ proposal, registry, meta, actions, onClose }) {
   const p = proposal;
+  const [showAdvancedActions, setShowAdvancedActions] = React.useState(false);
   const reg = registry.find(e => e.identifier.toLowerCase() === p.lockArgs.toLowerCase());
   const now = Date.now() / 1000;
   const inReg = !!reg;
@@ -2800,27 +2892,21 @@ function ProposalDetailContent({ proposal, registry, actions, onClose }) {
   const yes = TFW_countYes(p);
   const no = TFW_countNo(p);
   const abs = TFW_countAbstain(p);
-  const sigs = TFW_sigCount(p);
   const review = TFW_reviewCountdown(p.reviewWindowEndsAt);
   const ds = TFW_displayStatus(p);
+  const yourPubkey = meta?.yourPubkey;
+  const hasVoted = yourPubkey
+    ? (p.votes || []).some(v => v.pubkey === yourPubkey)
+    : false;
+  const canVote = (p.status === "pending-review" || p.status === "voting") && !hasVoted;
+  const hasAdvancedActions = (
+    (!p.proposalCellTxHash && p.status !== "executed" && p.status !== "rejected") ||
+    TFW_isReady(p)
+  );
 
-  // pipeline steps
-  const steps = [
-    { key: "submit",   label: "Submitted",    done: true },
-    { key: "review",   label: "Review",       done: TFW_reviewPassed(p), active: !TFW_reviewPassed(p) },
-    { key: "vote",     label: "Vote",         done: yes >= 3, active: TFW_reviewPassed(p) && yes < 3 },
-    { key: "sign",     label: "Multisig",     done: sigs >= 3, active: TFW_reviewPassed(p) && yes >= 3 && sigs < 3 },
-    { key: "execute",  label: "Executed",     done: p.status === "executed", active: TFW_isReady(p) },
-  ];
-  if (p.status === "rejected") {
-    steps[2] = { key: "vote", label: "Vote", done: false, rejected: true };
-    steps[3] = { key: "sign", label: "Multisig", done: false };
-    steps[4] = { key: "execute", label: "Rejected", done: false, rejected: true };
-  }
-
-  // primary actions
+  // Primary validator actions
   const buttons = [];
-  if ((p.status === "pending-review" || p.status === "voting") && sigs === 0) {
+  if (canVote) {
     buttons.push(
       <button key="vote" type="button" className="tfw-btn tfw-btn--primary"
               onClick={() => { onClose(); actions.openVote(p.id); }}>
@@ -2828,50 +2914,16 @@ function ProposalDetailContent({ proposal, registry, actions, onClose }) {
       </button>
     );
   }
-  if (TFW_reviewPassed(p) && yes >= 3 && p.status !== "executed" && p.status !== "rejected" && !TFW_isReady(p)) {
-    buttons.push(
-      <button key="sign" type="button" className="tfw-btn tfw-btn--accent"
-              onClick={() => { onClose(); actions.openSign(p.id); }}>
-        Sign
-      </button>
-    );
-  }
-  if (TFW_isReady(p)) {
-    buttons.push(
-      <button key="exec" type="button" className="tfw-btn tfw-btn--accent"
-              onClick={() => { onClose(); actions.openExecute(p.id); }}>
-        Build &amp; download TX
-      </button>
-    );
-  }
   buttons.push(
     <button key="export" type="button" className="tfw-btn tfw-btn--ghost"
             onClick={() => actions.exportProposal(p)}>
-      ↓ Export JSON
+      Export JSON
     </button>
   );
 
   return (
     <div className="tfw-detail">
 
-      {/* Pipeline */}
-      <div className="tfw-pipeline">
-        {steps.map((s, i) => (
-          <React.Fragment key={s.key}>
-            <div className={`tfw-pipe-step${s.done ? " tfw-pipe-step--done" : ""}${s.active ? " tfw-pipe-step--active" : ""}${s.rejected ? " tfw-pipe-step--rejected" : ""}`}>
-              <div className="tfw-pipe-step__circle">
-                {s.done ? "✓" : s.rejected ? "✕" : i + 1}
-              </div>
-              <div className="tfw-pipe-step__label">{s.label}</div>
-            </div>
-            {i < steps.length - 1 && (
-              <div className={`tfw-pipe-conn${s.done ? " tfw-pipe-conn--done" : ""}`} />
-            )}
-          </React.Fragment>
-        ))}
-      </div>
-
-      {/* Top dossier */}
       <div className="tfw-dossier">
         <div className="tfw-dossier__row">
           <div className="tfw-dossier__label">ACTION</div>
@@ -2895,12 +2947,12 @@ function ProposalDetailContent({ proposal, registry, actions, onClose }) {
             {!inReg && <span className="tfw-dossier__none">Not on chain</span>}
             {inReg && isExpReg && (
               <TFW_Badge tone="red" size="sm">
-                expired — {TFW_fmtDateShort(new Date(Number(reg.expiresAt) * 1000).toISOString())}
+                expired — {TFW_fmtDateShort(safeUnixToISO(reg.expiresAt))}
               </TFW_Badge>
             )}
             {inReg && !isExpReg && reg.expiresAt && (
               <TFW_Badge tone="green" size="sm">
-                active — expires {TFW_fmtDateShort(new Date(Number(reg.expiresAt) * 1000).toISOString())}
+                active — expires {TFW_fmtDateShort(safeUnixToISO(reg.expiresAt))}
               </TFW_Badge>
             )}
             {inReg && !isExpReg && !reg.expiresAt && (
@@ -2924,18 +2976,16 @@ function ProposalDetailContent({ proposal, registry, actions, onClose }) {
           <div className="tfw-dossier__val tfw-mono">{TFW_fmtDate(p.submittedAt)} ({TFW_relTime(p.submittedAt)})</div>
         </div>
         <div className="tfw-dossier__row">
-          <div className="tfw-dossier__label">REVIEW ENDS</div>
+          <div className="tfw-dossier__label">REVIEW</div>
           <div className="tfw-dossier__val tfw-mono">
-            {TFW_fmtDate(p.reviewWindowEndsAt)}
-            {!review.done && <span style={{ color: "var(--c-amber)", marginLeft: 8 }}>({review.text} left)</span>}
-            {review.done && <span style={{ color: "var(--c-green)", marginLeft: 8 }}>(complete)</span>}
+            {review.done ? "complete" : `${review.text} left`}
           </div>
         </div>
         {p.expiresAt && p.expiresAt !== "0" && (
           <div className="tfw-dossier__row">
             <div className="tfw-dossier__label">ENTRY EXPIRES</div>
             <div className="tfw-dossier__val tfw-mono">
-              {TFW_fmtDate(new Date(Number(p.expiresAt) * 1000).toISOString())}
+              {TFW_fmtDate(safeUnixToISO(p.expiresAt))}
             </div>
           </div>
         )}
@@ -2994,44 +3044,36 @@ function ProposalDetailContent({ proposal, registry, actions, onClose }) {
         )}
       </div>
 
-      {/* Signatures */}
-      <div className="tfw-detail-sec">
-        <div className="tfw-detail-sec__head">
-          SIGNATURES <span className="tfw-detail-sec__meta">{sigs} / 3 required</span>
-        </div>
-        {sigs === 0 ? (
-          <div className="tfw-detail-sec__empty">No signatures yet.</div>
-        ) : (
-          <div className="tfw-list">
-            {p.signatures.map((s, i) => (
-              <div key={i} className="tfw-list-row">
-                <div className="tfw-list-row__sigidx tfw-mono">SIGNER #{s.signerIndex}</div>
-                <code className="tfw-mono tfw-list-row__id">{TFW_trunc(s.signature, 34)}</code>
-                <span className="tfw-list-row__time">{TFW_fmtDate(s.timestamp)}</span>
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-
-      {/* CLI commands */}
-      <div className="tfw-detail-sec">
-        <div className="tfw-detail-sec__head">CLI COMMANDS</div>
-        {(p.status === "pending-review" || p.status === "voting") && (
-          <TFW_CodeBlock label="Vote on this proposal">{`ckb-firewall vote --proposal ${p.id}`}</TFW_CodeBlock>
-        )}
-        {(p.status === "approved" || (TFW_reviewPassed(p) && yes >= 3)) && p.status !== "executed" && (
-          <TFW_CodeBlock label="Sign (3-of-5 required)">{`ckb-firewall sign --proposal ${p.id}`}</TFW_CodeBlock>
-        )}
-        {TFW_isReady(p) && (
-          <TFW_CodeBlock label="Execute on-chain">{`ckb-firewall execute --proposal ${p.id}`}</TFW_CodeBlock>
-        )}
-        <TFW_CodeBlock label="Export JSON">{`ckb-firewall export --proposal ${p.id} --out proposal-${p.id}.json`}</TFW_CodeBlock>
-        <TFW_CodeBlock label="Check this address in registry">{`ckb-firewall check --lock-args ${p.lockArgs}`}</TFW_CodeBlock>
-      </div>
-
       {/* Action bar */}
       <div className="tfw-detail-actions">{buttons}</div>
+
+      {hasAdvancedActions && (
+        <div className="tfw-detail-sec">
+          <button
+            type="button"
+            className="tfw-link"
+            onClick={() => setShowAdvancedActions(v => !v)}
+          >
+            {showAdvancedActions ? "Hide advanced actions" : "Show advanced actions"}
+          </button>
+          {showAdvancedActions && (
+            <div className="tfw-advanced-actions">
+              {!p.proposalCellTxHash && p.status !== "executed" && p.status !== "rejected" && (
+                <button type="button" className="tfw-btn tfw-btn--ghost"
+                        onClick={() => { onClose(); actions.openAnchor(p.id); }}>
+                  Anchor proposal
+                </button>
+              )}
+              {TFW_isReady(p) && (
+                <button type="button" className="tfw-btn tfw-btn--ghost"
+                        onClick={() => { onClose(); actions.openExecute(p.id); }}>
+                  Build execute transaction
+                </button>
+              )}
+            </div>
+          )}
+        </div>
+      )}
     </div>
   );
 }
@@ -3136,14 +3178,14 @@ function SecurityNote({ kind = "info", children }) {
 }
 
 // ─── Create proposal form ───────────────────────────────────────────────────
-function CreateForm({ onSubmit, onClose }) {
+function CreateForm({ meta, onSubmit, onClose }) {
   const [action, setAction] = React.useState("add");
   const [lockArgs, setLockArgs] = React.useState("");
   const [classification, setClassification] = React.useState("theft");
   const [severity, setSeverity] = React.useState("critical");
   const [evidence, setEvidence] = React.useState("");
   const [rationale, setRationale] = React.useState("");
-  const [proposer, setProposer] = React.useState("");
+  const [proposer, setProposer] = React.useState(meta?.proposerName || "");
   const [expires, setExpires] = React.useState("0");
   const [errors, setErrors] = React.useState({});
   const [submitting, setSubmitting] = React.useState(false);
@@ -3210,7 +3252,7 @@ function CreateForm({ onSubmit, onClose }) {
         </div>
       </FormField>
 
-      <FormField label="Lock args" hint="0x-prefixed hex" error={errors.lockArgs}>
+      <FormField label="Lock args" hint="hex identifier of the CKB lock script to blacklist" error={errors.lockArgs}>
         <input
           type="text"
           className="tfw-input tfw-mono"
@@ -3273,13 +3315,20 @@ function CreateForm({ onSubmit, onClose }) {
           />
         </FormField>
         {action === "add" && (
-          <FormField label="Expires at" hint="unix timestamp, 0 = never">
+          <FormField
+            label="Expires at"
+            hint={expires && expires !== "0"
+              ? `Unix timestamp: ${expires}`
+              : "no expiry — entry is permanent"}
+          >
             <input
-              type="number"
-              className="tfw-input tfw-mono"
-              value={expires}
-              min="0"
-              onChange={e => setExpires(e.target.value)}
+              type="datetime-local"
+              className="tfw-input"
+              value={safeUnixToISO(expires)?.slice(0, 16) ?? ""}
+              min={new Date().toISOString().slice(0, 16)}
+              onChange={e => setExpires(e.target.value
+                ? String(Math.floor(new Date(e.target.value).getTime() / 1000))
+                : "0")}
             />
           </FormField>
         )}
@@ -3342,8 +3391,8 @@ function VoteForm({ proposal, meta, onSubmit, onClose }) {
   return (
     <div className="tfw-form">
       <SecurityNote kind="warn">
-        Your private key is posted over loopback only and zeroed immediately after the cryptographic operation.
-        It is never stored, logged, or forwarded beyond localhost.
+        Only keys in the registry governance voter set can vote. This is not a public user vote.
+        The private key is posted over loopback only, zeroed immediately after signing, and never stored.
       </SecurityNote>
 
       <FormField label="Your vote">
@@ -3395,109 +3444,208 @@ function VoteForm({ proposal, meta, onSubmit, onClose }) {
   );
 }
 
-// ─── Sign form ───────────────────────────────────────────────────────────────
-function SignForm({ proposal, meta, onSubmit, onClose }) {
-  const [idx, setIdx] = React.useState(String(meta.yourSignerIndex || 0));
-  const [pk, setPk] = React.useState("");
+// ─── Anchor form ─────────────────────────────────────────────────────────────
+function AnchorForm({ proposal, meta, onSubmit, onClose }) {
+  const [toAddress, setToAddress] = React.useState("");
+  const [proposalTx, setProposalTx] = React.useState(proposal.proposalCellTxHash || "");
+  const [proposalIndex, setProposalIndex] = React.useState(String(proposal.proposalCellIndex ?? 0));
+  // If already anchored, skip to step 2
+  const [step, setStep] = React.useState(proposal.proposalCellTxHash ? 2 : 1);
+  const [command, setCommand] = React.useState(null);
+  const [recordResult, setRecordResult] = React.useState(null);
   const [error, setError] = React.useState("");
   const [submitting, setSubmitting] = React.useState(false);
-  const [success, setSuccess] = React.useState(false);
+  const treasuryBacked = Boolean(meta?.treasury);
 
-  const submit = () => {
+  const generateCommand = () => {
     setError("");
-    const i = Number(idx);
-    if (!Number.isInteger(i) || i < 0 || i > 4) {
-      setError("Signer index must be 0–4");
+    if (!treasuryBacked && !toAddress.trim()) {
+      setError("Payment recipient address is required for non-treasury registries.");
       return;
     }
-    if ((proposal.signatures || []).some(s => s.signerIndex === i)) {
-      setError("Signer #" + i + " has already signed.");
+    setSubmitting(true);
+    fetch('/api/anchor', { method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        proposalId: proposal.id,
+        toAddress: treasuryBacked ? undefined : toAddress.trim(),
+      }) })
+      .then(r => r.json())
+      .then(d => {
+        setSubmitting(false);
+        if (!d.ok) { setError(d.error || 'Server error'); return; }
+        setCommand(d.command);
+        if (d.proposal) onSubmit(d.proposal);
+        setStep(2);
+      })
+      .catch(e => { setSubmitting(false); setError(e.message); });
+  };
+
+  const recordAnchor = () => {
+    setError("");
+    if (!/^0x[0-9a-fA-F]{64}$/.test(proposalTx.trim())) {
+      setError("Proposal tx must be 0x + 64 hex chars");
       return;
     }
-    if (!/^0x[0-9a-fA-F]{64}$/.test(pk.trim())) {
-      setError("Private key must be 0x + 64 hex chars");
+    if (!/^\d+$/.test(proposalIndex.trim())) {
+      setError("Proposal index must be a non-negative integer");
       return;
     }
     setSubmitting(true);
-    fetch('/api/sign', { method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ proposalId: proposal.id, signerIndex: i, privateKey: pk.trim() }) })
+    fetch('/api/anchor', { method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        proposalId: proposal.id,
+        proposalTx: proposalTx.trim(),
+        proposalIndex: proposalIndex.trim(),
+        toAddress: treasuryBacked ? undefined : toAddress.trim(),
+      }) })
       .then(r => r.json())
       .then(d => {
         setSubmitting(false);
-        setPk("");
         if (!d.ok) { setError(d.error || 'Server error'); return; }
-        onSubmit({ proposalId: proposal.id, signerIndex: i, signature: d.signature || '', timestamp: new Date().toISOString() });
-        setSuccess(true);
-        setTimeout(onClose, 1100);
+        setRecordResult(d);
+        onSubmit(d.proposal);
       })
-      .catch(e => { setSubmitting(false); setPk(""); setError(e.message); });
+      .catch(e => { setSubmitting(false); setError(e.message); });
   };
 
-  if (success) {
-    return (
-      <div className="tfw-form-success">
-        <div className="tfw-form-success__glyph">✓</div>
-        <div className="tfw-form-success__title">Signature added</div>
-        <div className="tfw-form-success__sub">Signature recorded.</div>
-      </div>
-    );
-  }
-
   return (
     <div className="tfw-form">
-      <SecurityNote kind="warn">
-        Your private key is posted over loopback only and zeroed immediately after the cryptographic operation. It is never stored, logged, or forwarded beyond localhost.
+      <SecurityNote kind="info">
+        Anchoring writes a proposal cell on-chain that enforces the 72-hour review window via CKB consensus.
+        {!treasuryBacked && " This registry has no treasury — you'll need a recipient address for the proposal cell deposit."}
       </SecurityNote>
 
-      <FormField label="Signer index" hint="0–4, your slot in the 5-key governance set">
-        <input
-          type="number"
-          className="tfw-input tfw-mono"
-          min="0"
-          max="4"
-          value={idx}
-          onChange={e => setIdx(e.target.value)}
-        />
-      </FormField>
+      {!treasuryBacked && step === 1 && (
+        <FormField label="Address for proposal-cell deposit" hint="who pays the on-chain capacity">
+          <input
+            className="tfw-input tfw-mono"
+            value={toAddress}
+            onChange={e => setToAddress(e.target.value)}
+            placeholder="ckt1..."
+            autoComplete="off"
+            spellCheck={false}
+          />
+        </FormField>
+      )}
 
-      <FormField label="Private key" hint="32 bytes, hex" error={error}>
-        <input
-          type="password"
-          className="tfw-input tfw-mono"
-          value={pk}
-          onChange={e => setPk(e.target.value)}
-          placeholder="0x… (64 hex chars)"
-          autoComplete="off"
-          spellCheck={false}
-        />
-      </FormField>
+      {/* ── Step 1: generate the CLI command ── */}
+      <div className="tfw-step">
+        <div className="tfw-step__label">Step 1 — Generate the anchor command</div>
+        {command ? (
+          <>
+            <TFW_CodeBlock label={treasuryBacked ? "Run in your terminal" : "Run in your terminal (ckb-cli)"}>{command}</TFW_CodeBlock>
+            <div className="tfw-field__hint">
+              Copy and run the command above. Wait until the transaction is accepted on-chain, then complete Step 2.
+            </div>
+          </>
+        ) : step === 1 ? (
+          <>
+            <div className="tfw-field__hint">
+              This generates the CLI command to create the proposal cell. You will run it in a terminal.
+            </div>
+            <button
+              type="button"
+              className="tfw-btn tfw-btn--accent"
+              style={{ alignSelf: "flex-start" }}
+              onClick={generateCommand}
+              disabled={submitting}
+            >
+              {submitting ? "Preparing…" : "Generate anchor command"}
+            </button>
+          </>
+        ) : (
+          <div className="tfw-field__hint">
+            Already done.{" "}
+            <button type="button" className="tfw-link" onClick={() => setStep(1)}>Re-generate</button>
+          </div>
+        )}
+      </div>
+
+      {/* ── Step 2: record the accepted tx hash ── */}
+      <div className="tfw-step">
+        <div className="tfw-step__label">Step 2 — Record the accepted transaction</div>
+        {recordResult?.anchorVerified ? (
+          <div className="tfw-exec-preview">
+            <div className="tfw-exec-preview__row">
+              <span>Verified cell</span>
+              <code className="tfw-mono" style={{ fontSize: "11px" }}>
+                {TFW_trunc(recordResult.proposal.proposalCellTxHash, 22)}:{recordResult.proposal.proposalCellIndex ?? 0}
+              </code>
+            </div>
+            <div className="tfw-exec-preview__row">
+              <span>Proposal hash</span>
+              <code className="tfw-mono" style={{ fontSize: "11px" }}>{TFW_trunc(recordResult.proposalDataHash, 30)}</code>
+            </div>
+          </div>
+        ) : (
+          <>
+            <div className="tfw-field__hint">
+              After the anchor transaction is accepted, paste the tx hash below to verify and record it.
+            </div>
+            <div style={{ display: "grid", gridTemplateColumns: "minmax(0,1fr) 120px", gap: 12 }}>
+              <FormField label="Accepted anchor tx hash">
+                <input
+                  className="tfw-input tfw-mono"
+                  value={proposalTx}
+                  onChange={e => setProposalTx(e.target.value)}
+                  placeholder="0x..."
+                  autoComplete="off"
+                  spellCheck={false}
+                />
+              </FormField>
+              <FormField label="Output index">
+                <input
+                  className="tfw-input tfw-mono"
+                  value={proposalIndex}
+                  onChange={e => setProposalIndex(e.target.value)}
+                  placeholder="0"
+                  inputMode="numeric"
+                />
+              </FormField>
+            </div>
+            <button
+              type="button"
+              className="tfw-btn tfw-btn--accent"
+              style={{ alignSelf: "flex-start" }}
+              onClick={recordAnchor}
+              disabled={submitting || step === 1 && !command}
+            >
+              {submitting ? "Verifying…" : "Verify & record anchor"}
+            </button>
+          </>
+        )}
+      </div>
+
+      {error && <div className="tfw-field__err" style={{ marginTop: 12 }}>{error}</div>}
 
       <div className="tfw-form-actions">
-        <button type="button" className="tfw-btn tfw-btn--ghost" onClick={onClose}>Cancel</button>
-        <button
-          type="button"
-          className="tfw-btn tfw-btn--accent"
-          onClick={submit}
-          disabled={submitting}
-        >
-          {submitting ? "Signing…" : "Sign proposal"}
-        </button>
+        <button type="button" className="tfw-btn tfw-btn--ghost" onClick={onClose}>Close</button>
       </div>
     </div>
   );
 }
 
 // ─── Execute form ────────────────────────────────────────────────────────────
-function ExecuteForm({ proposal, onSubmit, onClose }) {
+function ExecuteForm({ proposal, meta, onSubmit, onClose }) {
+  const [proposalTx, setProposalTx] = React.useState(proposal.proposalCellTxHash || "");
+  const [proposalIndex, setProposalIndex] = React.useState(String(proposal.proposalCellIndex ?? 0));
   const [submitting, setSubmitting] = React.useState(false);
   const [success, setSuccess] = React.useState(false);
   const [error, setError] = React.useState("");
 
   const submit = () => {
     setError("");
+    if (!/^0x[0-9a-fA-F]{64}$/.test(proposalTx.trim())) {
+      setError("Proposal tx must be 0x + 64 hex chars. Anchor the proposal cell first.");
+      return;
+    }
+    if (!/^\d+$/.test(proposalIndex.trim())) {
+      setError("Proposal index must be a non-negative integer.");
+      return;
+    }
     setSubmitting(true);
     fetch('/api/execute', { method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ proposalId: proposal.id }) })
+      body: JSON.stringify({ proposalId: proposal.id, proposalTx: proposalTx.trim(), proposalIndex: proposalIndex.trim() }) })
       .then(r => r.json())
       .then(d => {
         setSubmitting(false);
@@ -3508,7 +3656,7 @@ function ExecuteForm({ proposal, onSubmit, onClose }) {
         a.href = url; a.download = d.filename || ('gov_execute_tx_' + proposal.id + '.json');
         document.body.appendChild(a); a.click();
         document.body.removeChild(a); URL.revokeObjectURL(url);
-        onSubmit(proposal.id);
+        onSubmit(d);
         setSuccess(true);
         setTimeout(onClose, 1500);
       })
@@ -3520,10 +3668,10 @@ function ExecuteForm({ proposal, onSubmit, onClose }) {
       <div className="tfw-form-success">
         <div className="tfw-form-success__glyph">↓</div>
         <div className="tfw-form-success__title">Transaction downloaded</div>
-        <div className="tfw-form-success__sub">
-          Broadcast <code className="tfw-mono">gov_execute_tx_{proposal.id}.json</code> via ckb-cli
-          or your wallet to submit it to the network.
+        <div className="tfw-form-success__sub" style={{ marginBottom: 16 }}>
+          Broadcast <code className="tfw-mono">gov_execute_tx_{proposal.id}.json</code> to submit it to the CKB network:
         </div>
+        <TFW_CodeBlock label="Submit via ckb-cli">{`ckb-cli tx send --tx-file gov_execute_tx_${proposal.id}.json`}</TFW_CodeBlock>
       </div>
     );
   }
@@ -3531,10 +3679,31 @@ function ExecuteForm({ proposal, onSubmit, onClose }) {
   return (
     <div className="tfw-form">
       <SecurityNote kind="tip">
-        This verifies all 3 signatures, builds the on-chain transaction JSON, and downloads it.
+        This verifies the anchored proposal cell and validator votes, builds the on-chain transaction JSON, and downloads it.
         Submit it via <code className="tfw-mono">ckb-cli</code> or a CKB wallet.
       </SecurityNote>
 
+      <div style={{ display: "grid", gridTemplateColumns: "minmax(0,1fr) 120px", gap: 12 }}>
+        <FormField label="Proposal tx hash">
+          <input
+            className="tfw-input tfw-mono"
+            value={proposalTx}
+            onChange={e => setProposalTx(e.target.value)}
+            placeholder="0x..."
+            autoComplete="off"
+            spellCheck={false}
+          />
+        </FormField>
+        <FormField label="Output index">
+          <input
+            className="tfw-input tfw-mono"
+            value={proposalIndex}
+            onChange={e => setProposalIndex(e.target.value)}
+            inputMode="numeric"
+          />
+        </FormField>
+      </div>
+
       <div className="tfw-exec-preview">
         <div className="tfw-exec-preview__row">
           <span>Action</span>
@@ -3545,8 +3714,8 @@ function ExecuteForm({ proposal, onSubmit, onClose }) {
           <code className="tfw-mono" style={{ fontSize: "11px" }}>{TFW_trunc(proposal.lockArgs, 28)}</code>
         </div>
         <div className="tfw-exec-preview__row">
-          <span>Signatures verified</span>
-          <span className="tfw-mono">{TFW_sigCount(proposal)} / 3</span>
+          <span>Yes votes</span>
+          <span className="tfw-mono">{TFW_countYes(proposal)} / {meta?.threshold || 3}</span>
         </div>
         <div className="tfw-exec-preview__row">
           <span>Output file</span>
@@ -3610,7 +3779,7 @@ function ImportForm({ onSubmit, onClose }) {
       <div className="tfw-form-success">
         <div className="tfw-form-success__glyph">↥</div>
         <div className="tfw-form-success__title">Proposal imported</div>
-        <div className="tfw-form-success__sub">Merged any new votes or signatures.</div>
+        <div className="tfw-form-success__sub">Merged any new votes.</div>
       </div>
     );
   }
@@ -3619,7 +3788,7 @@ function ImportForm({ onSubmit, onClose }) {
     <div className="tfw-form">
       <SecurityNote kind="info">
         Paste or upload a proposal JSON exported by another governance participant.
-        Votes and signatures will be merged.
+        Votes will be merged.
       </SecurityNote>
 
       <FormField label="Upload JSON file">
@@ -3663,7 +3832,7 @@ Object.assign(window, {
   TFW_AddressDetailContent: AddressDetailContent,
   TFW_CreateForm: CreateForm,
   TFW_VoteForm: VoteForm,
-  TFW_SignForm: SignForm,
+  TFW_AnchorForm: AnchorForm,
   TFW_ExecuteForm: ExecuteForm,
   TFW_ImportForm: ImportForm,
 });
@@ -3676,7 +3845,7 @@ const {
   TFW_PROPOSALS, TFW_REGISTRY_ENTRIES, TFW_META,
   TFW_OverviewPage, TFW_RegistryPage, TFW_ProposalsPage,
   TFW_Modal, TFW_ProposalDetailContent, TFW_AddressDetailContent,
-  TFW_CreateForm, TFW_VoteForm, TFW_SignForm, TFW_ExecuteForm, TFW_ImportForm,
+  TFW_CreateForm, TFW_VoteForm, TFW_AnchorForm, TFW_ExecuteForm, TFW_ImportForm,
   TFW_ConnectionDot, TFW_Badge, TFW_StatusBadge, TFW_ActionPill, TFW_Toast,
   TFW_trunc, TFW_isReady, TFW_displayStatus,
 } = window;
@@ -3698,18 +3867,8 @@ function reducer(state, action) {
       });
       return { ...state, proposals };
     }
-    case "ADD_SIG": {
-      const proposals = state.proposals.map(p => {
-        if (p.id !== action.proposalId) return p;
-        const signatures = [...(p.signatures || []), {
-          signerIndex: action.signerIndex,
-          signature: action.signature,
-          timestamp: action.timestamp
-        }];
-        let status = p.status;
-        if (status === "voting") status = "approved";
-        return { ...p, signatures, status };
-      });
+    case "UPDATE_PROPOSAL": {
+      const proposals = state.proposals.map(p => p.id === action.proposal.id ? action.proposal : p);
       return { ...state, proposals };
     }
     case "EXECUTE": {
@@ -3740,20 +3899,23 @@ function reducer(state, action) {
       if (!existing) {
         return { ...state, proposals: [action.proposal, ...state.proposals] };
       }
-      // merge votes/sigs
+      // merge votes
       const votes = [
         ...(existing.votes || []),
         ...(action.proposal.votes || []).filter(v =>
           !(existing.votes || []).some(ev => ev.pubkey === v.pubkey)
         ),
       ];
-      const signatures = [
-        ...(existing.signatures || []),
-        ...(action.proposal.signatures || []).filter(s =>
-          !(existing.signatures || []).some(es => es.signerIndex === s.signerIndex)
-        ),
-      ];
-      const proposals = state.proposals.map(p => p.id === existing.id ? { ...p, votes, signatures } : p);
+      const proposals = state.proposals.map(p => p.id === existing.id ? {
+        ...p,
+        ...action.proposal,
+        votes,
+        signatures: [],
+        proposalDataHash: p.proposalDataHash || action.proposal.proposalDataHash,
+        reviewDelayMs: p.reviewDelayMs || action.proposal.reviewDelayMs,
+        proposalCellTxHash: p.proposalCellTxHash || action.proposal.proposalCellTxHash,
+        proposalCellIndex: p.proposalCellIndex ?? action.proposal.proposalCellIndex,
+      } : p);
       return { ...state, proposals };
     }
     case "SET_DATA":
@@ -3762,7 +3924,6 @@ function reducer(state, action) {
         proposals: action.proposals,
         registry: action.registry,
         meta: { ...action.meta,
-          yourSignerIndex: state.meta.yourSignerIndex || 0,
           yourPubkey: state.meta.yourPubkey },
       };
     default:
@@ -3801,6 +3962,9 @@ function App() {
           meta: Object.assign({}, d.meta || {}, {
             registryTxHash: d.registry && d.registry.txHash,
             registryError: d.registry && d.registry.error,
+            treasury: (d.registry && d.registry.treasury) || null,
+            threshold: (d.registry && d.registry.threshold) || null,
+            governanceSetSize: (d.registry && d.registry.validatorCount) || null,
           }),
         });
       })
@@ -3821,7 +3985,7 @@ function App() {
     openAddr:     (id) => setModal({ kind: "addr",     payload: id }),
     openCreate:   ()   => setModal({ kind: "create" }),
     openVote:     (id) => setModal({ kind: "vote",     payload: id }),
-    openSign:     (id) => setModal({ kind: "sign",     payload: id }),
+    openAnchor:   (id) => setModal({ kind: "anchor",   payload: id }),
     openExecute:  (id) => setModal({ kind: "execute",  payload: id }),
     openImport:   ()   => setModal({ kind: "import" }),
     exportProposal: (p) => {
@@ -3842,7 +4006,7 @@ function App() {
 
   // resolve proposal for active modal
   const modalProposal = useMemo(() => {
-    if (!modal || !["proposal", "vote", "sign", "execute"].includes(modal.kind)) return null;
+    if (!modal || !["proposal", "vote", "anchor", "execute"].includes(modal.kind)) return null;
     return state.proposals.find(p => p.id === modal.payload);
   }, [modal, state.proposals]);
 
@@ -3862,14 +4026,14 @@ function App() {
       <header className="tfw-header">
         <div className="tfw-header__left">
           <div className="tfw-brand">
-            <div className="tfw-brand__mark">
+              <div className="tfw-brand__mark">
               <span className="tfw-brand__mark-bar" />
               <span className="tfw-brand__mark-bar" />
               <span className="tfw-brand__mark-bar" />
             </div>
             <div className="tfw-brand__text">
               <div className="tfw-brand__name">Transaction Firewall</div>
-              <div className="tfw-brand__sub">{state.meta?.cliVersion || "v0.4.0"} · 3-of-5 multisig</div>
+              <div className="tfw-brand__sub">{state.meta?.cliVersion} · validator console</div>
             </div>
           </div>
         </div>
@@ -3918,7 +4082,7 @@ function App() {
             <div className="tfw-you__avatar">{state.meta?.yourPubkey ? state.meta.yourPubkey.slice(2,4).toUpperCase() : "?"}</div>
             <div className="tfw-you__text">
               <div className="tfw-you__line1">{state.meta?.yourPubkey ? TFW_trunc(state.meta.yourPubkey, 16) : "anonymous"}</div>
-              <div className="tfw-you__line2 tfw-mono">SIGNER #{state.meta.yourSignerIndex}</div>
+              <div className="tfw-you__line2 tfw-mono">validator key</div>
             </div>
           </div>
         </div>
@@ -3972,6 +4136,7 @@ function App() {
           <TFW_ProposalDetailContent
             proposal={modalProposal}
             registry={state.registry}
+            meta={state.meta}
             actions={actions}
             onClose={closeModal}
           />
@@ -4004,6 +4169,7 @@ function App() {
         subtitle="Will enter a 72-hour review window before voting opens."
       >
         <TFW_CreateForm
+          meta={state.meta}
           onSubmit={(p) => {
             dispatch({ type: "ADD_PROPOSAL", proposal: p });
             addToast("success", `Proposal #${p.id} created`);
@@ -4033,19 +4199,20 @@ function App() {
       </TFW_Modal>
 
       <TFW_Modal
-        open={modal?.kind === "sign" && !!modalProposal}
+        open={modal?.kind === "anchor" && !!modalProposal}
         onClose={closeModal}
         size="md"
-        eyebrow={modalProposal ? `SIGN · PROPOSAL № ${modalProposal.id}` : ""}
-        title="Add multisig signature"
+        eyebrow={modalProposal ? `ANCHOR · PROPOSAL № ${modalProposal.id}` : ""}
+        title="Anchor proposal"
+        subtitle="Creates or records the on-chain proposal anchor used to enforce the review window."
       >
         {modalProposal && (
-          <TFW_SignForm
+          <TFW_AnchorForm
             proposal={modalProposal}
             meta={state.meta}
-            onSubmit={(s) => {
-              dispatch({ type: "ADD_SIG", ...s });
-              addToast("success", `Signature added by signer #${s.signerIndex}`);
+            onSubmit={(p) => {
+              dispatch({ type: "UPDATE_PROPOSAL", proposal: p });
+              addToast("success", p.proposalCellTxHash ? "Proposal cell outpoint recorded" : "Proposal cell data prepared");
             }}
             onClose={closeModal}
           />
@@ -4062,7 +4229,9 @@ function App() {
         {modalProposal && (
           <TFW_ExecuteForm
             proposal={modalProposal}
-            onSubmit={(pid) => {
+            meta={state.meta}
+            onSubmit={(result) => {
+              if (result.proposal) dispatch({ type: "UPDATE_PROPOSAL", proposal: result.proposal });
               addToast("success", "TX downloaded — broadcast it via ckb-cli to complete execution.");
             }}
             onClose={closeModal}