@gzeoneth/gov-tracker 0.2.1-alpha.cli-preview.375ef6c → 0.2.1-alpha.cli-preview.99d3341

package/dist/cli/tui/views/DescriptionView.js

@@ -19,90 +19,6 @@ function getDescription(proposal) {
     }
     return "No description available";
 }
-function parseMarkdown(text, width) {
-    const result = [];
-    const lines = text.split("\n");
-    // Guard against very narrow terminals
-    const safeWidth = Math.max(20, width);
-    for (const rawLine of lines) {
-        const trimmed = rawLine.trim();
-        // Empty line
-        if (trimmed.length === 0) {
-            result.push({ text: "", type: "normal", indent: 0 });
-            continue;
-        }
-        // Horizontal rule
-        if (/^[-*_]{3,}$/.test(trimmed)) {
-            result.push({ text: "─".repeat(Math.min(safeWidth - 4, 60)), type: "separator", indent: 0 });
-            continue;
-        }
-        // Headers
-        if (trimmed.startsWith("### ")) {
-            result.push({ text: trimmed.slice(4), type: "h3", indent: 0 });
-            continue;
-        }
-        if (trimmed.startsWith("## ")) {
-            result.push({ text: trimmed.slice(3), type: "h2", indent: 0 });
-            continue;
-        }
-        if (trimmed.startsWith("# ")) {
-            result.push({ text: trimmed.slice(2), type: "h1", indent: 0 });
-            continue;
-        }
-        // Bullet points
-        if (/^[-*+] /.test(trimmed)) {
-            const bulletText = trimmed.slice(2);
-            wrapTextToLines(bulletText, safeWidth - 6, "bullet", 2, result);
-            continue;
-        }
-        // Numbered lists
-        if (/^\d+\. /.test(trimmed)) {
-            const match = trimmed.match(/^(\d+)\. /);
-            if (match) {
-                const numText = trimmed.slice(match[0].length);
-                const textWidth = safeWidth - 6;
-                result.push({ text: `${match[1]}. ${numText.slice(0, textWidth)}`, type: "bullet", indent: 0 });
-                if (numText.length > textWidth) {
-                    wrapTextToLines(numText.slice(textWidth), textWidth, "normal", 3, result);
-                }
-                continue;
-            }
-        }
-        // Code blocks (just show as-is with code styling)
-        if (trimmed.startsWith("```")) {
-            continue; // Skip code fence markers
-        }
-        // Links - simplify [text](url) to just text
-        const processedLine = trimmed.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
-        // Normal paragraph
-        wrapTextToLines(processedLine, safeWidth - 4, "normal", 0, result);
-    }
-    return result;
-}
-function wrapTextToLines(text, width, type, indent, result) {
-    const safeWidth = Math.max(10, width);
-    const words = text.split(/\s+/);
-    let currentLine = "";
-    for (const word of words) {
-        if (currentLine.length === 0) {
-            currentLine = word;
-        }
-        else if (currentLine.length + 1 + word.length <= safeWidth) {
-            currentLine += " " + word;
-        }
-        else {
-            result.push({ text: currentLine, type, indent });
-            currentLine = word;
-            // Continuation lines of bullets get extra indent
-            if (type === "bullet" && indent === 2) {
-                indent = 4;
-            }
-        }
-    }
-    if (currentLine.length > 0) {
-        result.push({ text: currentLine, type, indent });
-    }
-}
 const RESERVED_LINES = 8;
 function FormattedLineComponent({ line }) {
     const indent = " ".repeat(line.indent);
@@ -139,7 +55,7 @@ function DescriptionView({ proposal, navigation, }) {
     const { state } = navigation;
     const description = getDescription(proposal);
     const terminalWidth = process.stdout.columns || 80;
-    const lines = (0, ink_wrapper_js_1.useMemo)(() => parseMarkdown(description, terminalWidth - 4), [description, terminalWidth]);
+    const lines = (0, ink_wrapper_js_1.useMemo)(() => (0, index_js_1.parseMarkdown)(description, terminalWidth - 4), [description, terminalWidth]);
     const visibleCount = (0, index_js_1.getVisibleRows)(RESERVED_LINES);
     const visibleLines = lines.slice(state.scrollOffset, state.scrollOffset + visibleCount);
     (0, ink_wrapper_js_1.useInput)((input, key) => {

package/dist/cli/tui/views/DescriptionView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionView.js","sourceRoot":"","sources":["../../../../src/cli/tui/views/DescriptionView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DescriptionView.js","sourceRoot":"","sources":["../../../../src/cli/tui/views/DescriptionView.tsx"],"names":[],"mappings":"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"}

package/dist/cli/tui/views/ElectionView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElectionView.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/views/ElectionView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AA8BD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA8J7F"}
+{"version":3,"file":"ElectionView.d.ts","sourceRoot":"","sources":["../../../../src/cli/tui/views/ElectionView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,UAAU,iBAAiB;IACzB,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AA4MD,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAsK7F"}

package/dist/cli/tui/views/ElectionView.js

@@ -5,193 +5,296 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ElectionView = ElectionView;
 const ink_wrapper_js_1 = require("../ink-wrapper.js");
-const react_1 = require("react");
 const ViewLayout_js_1 = require("../components/ViewLayout.js");
-const election_js_1 = require("../../../election.js");
+const ScrollIndicator_js_1 = require("../components/ScrollIndicator.js");
+const index_js_1 = require("../utils/index.js");
+const useElectionData_js_1 = require("../hooks/useElectionData.js");
+const useElectionDetails_js_1 = require("../hooks/useElectionDetails.js");
+const PHASE_COLORS = {
+    COMPLETED: "green",
+    MEMBER_ELECTION: "yellow",
+    NOMINEE_SELECTION: "yellow",
+    VETTING_PERIOD: "cyan",
+    PENDING_EXECUTION: "magenta",
+    NOT_STARTED: "gray",
+};
+const PHASE_ICONS = {
+    COMPLETED: "✓",
+    MEMBER_ELECTION: "●",
+    NOMINEE_SELECTION: "●",
+    VETTING_PERIOD: "◐",
+    PENDING_EXECUTION: "→",
+    NOT_STARTED: "○",
+};
 function formatTimestamp(ts) {
     return new Date(ts * 1000).toLocaleString();
 }
-function PhaseIcon({ phase }) {
-    switch (phase) {
-        case "COMPLETED":
-            return ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "green" }, "\u2713");
-        case "MEMBER_ELECTION":
-        case "NOMINEE_SELECTION":
-            return ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "yellow" }, "\u25CF");
-        case "VETTING_PERIOD":
-            return ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "cyan" }, "\u25D0");
-        case "PENDING_EXECUTION":
-            return ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "magenta" }, "\u2192");
-        default:
-            return ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "\u25CB");
+function formatVotes(votes) {
+    const str = votes.toString();
+    const WEI_DECIMALS = 18;
+    if (str.length <= WEI_DECIMALS)
+        return str;
+    const intPart = str.slice(0, str.length - WEI_DECIMALS);
+    return intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function buildStatusLines(status) {
+    const lines = [];
+    const cohortName = status.cohort === 0 ? "FIRST" : "SECOND";
+    lines.push({ text: "Security Council Election Status", bold: true });
+    lines.push({ text: `  Election Count: ${status.electionCount}` });
+    lines.push({ text: `  Current Cohort: ${cohortName}`, color: status.cohort === 0 ? "cyan" : "magenta" });
+    lines.push({ text: `  Can Create: ${status.canCreateElection ? "Yes" : "No"}`, color: status.canCreateElection ? "green" : "gray" });
+    if (!status.canCreateElection) {
+        lines.push({ text: `  Next Election: ${formatTimestamp(status.nextElectionTimestamp)} (${status.timeUntilElection})` });
+    }
+    lines.push({ text: "" });
+    return lines;
+}
+function buildListLines(proposals, selectedIndex) {
+    const lines = [];
+    for (let i = 0; i < proposals.length; i++) {
+        const election = proposals[i];
+        const isSelected = i === selectedIndex;
+        const icon = PHASE_ICONS[election.phase] ?? "○";
+        const phaseColor = PHASE_COLORS[election.phase] ?? "gray";
+        const prefix = isSelected ? "> " : "  ";
+        const phaseName = election.phase.replace(/_/g, " ");
+        lines.push({
+            text: `${prefix}${icon} Election #${election.electionIndex} - ${phaseName}`,
+            color: isSelected ? "cyan" : phaseColor,
+            bold: isSelected,
+        });
+        if (isSelected) {
+            const cohortName = election.cohort === 0 ? "FIRST" : "SECOND";
+            lines.push({ text: `      Cohort: ${cohortName}`, color: "gray" });
+            if (election.nomineeProposalId) {
+                lines.push({ text: `      Nominee State: ${election.nomineeProposalState}`, color: "gray" });
+            }
+            if (election.memberProposalId) {
+                lines.push({ text: `      Member State: ${election.memberProposalState}`, color: "gray" });
+            }
+            const nomineeColor = election.compliantNomineeCount >= election.targetNomineeCount ? "green" : "yellow";
+            lines.push({
+                text: `      Compliant Nominees: ${election.compliantNomineeCount}/${election.targetNomineeCount}`,
+                color: nomineeColor,
+            });
+            if (election.isInVettingPeriod) {
+                lines.push({ text: `      In vetting period until block ${election.vettingDeadline}`, color: "cyan" });
+            }
+            if (election.canProceedToMemberPhase) {
+                lines.push({ text: "      Ready to trigger member election!", color: "green" });
+            }
+            if (election.canExecuteMember) {
+                lines.push({ text: "      Ready to execute member election!", color: "green" });
+            }
+        }
+    }
+    return lines;
+}
+function buildDetailLines(election, nomineeDetails, memberDetails) {
+    const lines = [];
+    const icon = PHASE_ICONS[election.phase] ?? "○";
+    const phaseColor = PHASE_COLORS[election.phase] ?? "gray";
+    const phaseName = election.phase.replace(/_/g, " ");
+    const cohortName = election.cohort === 0 ? "FIRST" : "SECOND";
+    lines.push({ text: `${icon} Election #${election.electionIndex} - ${phaseName}`, color: phaseColor, bold: true });
+    lines.push({ text: "" });
+    lines.push({ text: `  Cohort: ${cohortName}` });
+    if (election.nomineeProposalId) {
+        lines.push({ text: `  Nominee Proposal ID: ${election.nomineeProposalId}`, dimColor: true });
+    }
+    if (election.memberProposalId) {
+        lines.push({ text: `  Member Proposal ID: ${election.memberProposalId}`, dimColor: true });
+    }
+    if (nomineeDetails) {
+        lines.push({ text: "" });
+        lines.push({ text: "  ── Nominee Phase ──", color: "cyan", bold: true });
+        lines.push({ text: `     Quorum: ${formatVotes(nomineeDetails.quorumThreshold)} votes` });
+        lines.push({ text: `     Target: ${nomineeDetails.targetNomineeCount} nominees needed` });
+        if (nomineeDetails.contenders.length > 0) {
+            lines.push({ text: "" });
+            lines.push({ text: `     Contenders (${nomineeDetails.contenders.length})`, color: "yellow" });
+            for (const contender of nomineeDetails.contenders.slice(0, 10)) {
+                lines.push({ text: `       ${contender.address}  (block ${contender.registeredAtBlock})`, color: "gray" });
+            }
+            if (nomineeDetails.contenders.length > 10) {
+                lines.push({ text: `       ... and ${nomineeDetails.contenders.length - 10} more`, color: "gray" });
+            }
+        }
+        if (nomineeDetails.compliantNominees.length > 0) {
+            lines.push({ text: "" });
+            lines.push({ text: `     Qualified Nominees (${nomineeDetails.compliantNominees.length})`, color: "green" });
+            for (const nominee of nomineeDetails.compliantNominees.slice(0, 10)) {
+                lines.push({ text: `       ${nominee.address}  ${formatVotes(nominee.votesReceived)} votes`, color: "gray" });
+            }
+            if (nomineeDetails.compliantNominees.length > 10) {
+                lines.push({ text: `       ... and ${nomineeDetails.compliantNominees.length - 10} more`, color: "gray" });
+            }
+        }
+        if (nomineeDetails.excludedNominees.length > 0) {
+            lines.push({ text: "" });
+            lines.push({ text: `     Excluded (${nomineeDetails.excludedNominees.length})`, color: "red" });
+            for (const nominee of nomineeDetails.excludedNominees.slice(0, 5)) {
+                lines.push({ text: `       ${nominee.address}  (excluded)`, color: "gray" });
+            }
+            if (nomineeDetails.excludedNominees.length > 5) {
+                lines.push({ text: `       ... and ${nomineeDetails.excludedNominees.length - 5} more`, color: "gray" });
+            }
+        }
     }
+    if (memberDetails) {
+        lines.push({ text: "" });
+        lines.push({ text: "  ── Member Phase ──", color: "magenta", bold: true });
+        lines.push({ text: `     Full Weight Deadline: block ${memberDetails.fullWeightDeadline}` });
+        lines.push({ text: `     Proposal Deadline: block ${memberDetails.proposalDeadline}` });
+        if (memberDetails.nominees.length > 0) {
+            lines.push({ text: "" });
+            lines.push({ text: `     Candidates by Weight (${memberDetails.nominees.length})`, color: "yellow" });
+            for (const nominee of memberDetails.nominees.slice(0, 12)) {
+                const rank = `#${nominee.rank.toString().padStart(2)}`;
+                const winner = nominee.isWinner ? " [WINNER]" : "";
+                const color = nominee.isWinner ? "green" : "gray";
+                lines.push({ text: `       ${rank} ${nominee.address}  ${formatVotes(nominee.weightReceived)}${winner}`, color });
+            }
+            if (memberDetails.nominees.length > 12) {
+                lines.push({ text: `       ... and ${memberDetails.nominees.length - 12} more`, color: "gray" });
+            }
+        }
+        if (memberDetails.winners.length > 0) {
+            lines.push({ text: "" });
+            lines.push({ text: `     Elected Members (${memberDetails.winners.length})`, color: "green" });
+            for (const winner of memberDetails.winners) {
+                lines.push({ text: `       ✓ ${winner}`, color: "green" });
+            }
+        }
+    }
+    return lines;
 }
+const RESERVED_LINES = 8;
 function ElectionView({ navigation, providers }) {
-    const [data, setData] = (0, react_1.useState)({
-        status: null,
-        proposals: [],
-        loading: true,
-        error: null,
-        warning: null,
-    });
-    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(0);
-    // Reset selection when proposals change to avoid out-of-bounds index
-    (0, react_1.useEffect)(() => {
+    const data = (0, useElectionData_js_1.useElectionData)(providers);
+    const { details, loadDetails, clearDetails } = (0, useElectionDetails_js_1.useElectionDetails)(providers);
+    const [selectedIndex, setSelectedIndex] = (0, ink_wrapper_js_1.useState)(0);
+    const [showDetails, setShowDetails] = (0, ink_wrapper_js_1.useState)(false);
+    const [scrollOffset, setScrollOffset] = (0, ink_wrapper_js_1.useState)(0);
+    (0, ink_wrapper_js_1.useEffect)(() => {
         setSelectedIndex(0);
-    }, [data.proposals.length]);
-    (0, react_1.useEffect)(() => {
-        if (!providers) {
-            setData({
-                status: null,
-                proposals: [],
-                loading: false,
-                error: "RPC providers required. Use --l2-rpc and --l1-rpc options.",
-                warning: null,
-            });
-            return;
+        setShowDetails(false);
+        setScrollOffset(0);
+        clearDetails();
+    }, [data.proposals.length, clearDetails]);
+    const selectedElection = data.proposals[selectedIndex];
+    const lines = (0, ink_wrapper_js_1.useMemo)(() => {
+        const result = [];
+        const selected = data.proposals[selectedIndex];
+        if (data.status) {
+            result.push(...buildStatusLines(data.status));
         }
-        let cancelled = false;
-        const loadElectionData = async () => {
-            try {
-                setData((prev) => ({ ...prev, loading: true, error: null }));
-                const status = await (0, election_js_1.checkElectionStatus)(providers.l2Provider, providers.l1Provider);
-                if (cancelled)
-                    return;
-                const proposals = [];
-                let failedCount = 0;
-                if (status.electionCount > 0) {
-                    const startIndex = Math.max(1, status.electionCount - 2);
-                    for (let i = status.electionCount; i >= startIndex; i--) {
-                        if (cancelled)
-                            return;
-                        try {
-                            const proposal = await (0, election_js_1.trackElectionProposal)(i, providers.l2Provider, providers.l1Provider);
-                            proposals.push(proposal);
-                        }
-                        catch {
-                            failedCount++;
-                        }
-                    }
-                }
-                if (!cancelled) {
-                    setData({
-                        status,
-                        proposals,
-                        loading: false,
-                        error: failedCount > 0 && proposals.length === 0
-                            ? `Failed to load ${failedCount} election(s)`
-                            : null,
-                        warning: failedCount > 0 && proposals.length > 0
-                            ? `Loaded ${proposals.length} election(s), ${failedCount} failed`
-                            : null,
-                    });
-                }
-            }
-            catch (err) {
-                if (!cancelled) {
-                    setData({
-                        status: null,
-                        proposals: [],
-                        loading: false,
-                        error: err instanceof Error ? err.message : String(err),
-                        warning: null,
-                    });
-                }
-            }
-        };
-        loadElectionData();
-        return () => {
-            cancelled = true;
-        };
-    }, [providers]);
-    (0, ink_wrapper_js_1.useInput)((input, key) => {
-        if (input === "b" || key.escape) {
+        const headerText = showDetails ? "Recent Elections • Press b to go back" : "Recent Elections • Press Enter for details";
+        result.push({ text: headerText, bold: true });
+        result.push({ text: "" });
+        if (data.proposals.length === 0) {
+            result.push({ text: "  No elections found", color: "gray" });
+        }
+        else if (showDetails && selected) {
+            if (details.loading) {
+                result.push({ text: "  Loading election details...", color: "cyan" });
+            }
+            else if (details.error) {
+                result.push({ text: `  Error: ${details.error}`, color: "red" });
+            }
+            else {
+                result.push(...buildDetailLines(selected, details.nomineeDetails, details.memberDetails));
+            }
+        }
+        else {
+            result.push(...buildListLines(data.proposals, selectedIndex));
+        }
+        return result;
+    }, [data.status, data.proposals, selectedIndex, showDetails, details]);
+    const visibleCount = (0, index_js_1.getVisibleRows)(RESERVED_LINES);
+    const visibleLines = lines.slice(scrollOffset, scrollOffset + visibleCount);
+    const hasMore = scrollOffset + visibleCount < lines.length;
+    const hasLess = scrollOffset > 0;
+    const handleBackOrEscape = () => {
+        if (showDetails) {
+            setShowDetails(false);
+            setScrollOffset(0);
+            clearDetails();
+        }
+        else {
             navigation.back();
         }
-        else if (key.upArrow || input === "k") {
+    };
+    const handleDetailScroll = (input, key) => {
+        const maxOffset = Math.max(0, lines.length - visibleCount);
+        const PAGE_SIZE = 10;
+        if (key.upArrow || input === "k") {
+            setScrollOffset((prev) => Math.max(0, prev - 1));
+        }
+        else if (key.downArrow || input === "j") {
+            setScrollOffset((prev) => Math.min(maxOffset, prev + 1));
+        }
+        else if (key.pageUp || (key.ctrl && input === "u")) {
+            setScrollOffset((prev) => Math.max(0, prev - PAGE_SIZE));
+        }
+        else if (key.pageDown || (key.ctrl && input === "d")) {
+            setScrollOffset((prev) => Math.min(maxOffset, prev + PAGE_SIZE));
+        }
+        else if (input === "g") {
+            setScrollOffset(0);
+        }
+        else if (input === "G") {
+            setScrollOffset(maxOffset);
+        }
+    };
+    const handleListNavigation = (input, key) => {
+        if (data.proposals.length === 0)
+            return;
+        const maxIndex = data.proposals.length - 1;
+        if (key.upArrow || input === "k") {
             setSelectedIndex((prev) => Math.max(0, prev - 1));
         }
-        else if ((key.downArrow || input === "j") && data.proposals.length > 0) {
-            setSelectedIndex((prev) => Math.min(data.proposals.length - 1, prev + 1));
+        else if (key.downArrow || input === "j") {
+            setSelectedIndex((prev) => Math.min(maxIndex, prev + 1));
         }
         else if (input === "g") {
             setSelectedIndex(0);
         }
-        else if (input === "G" && data.proposals.length > 0) {
-            setSelectedIndex(data.proposals.length - 1);
+        else if (input === "G") {
+            setSelectedIndex(maxIndex);
+        }
+        else if ((key.return || input === "l") && selectedElection && providers) {
+            setShowDetails(true);
+            setScrollOffset(0);
+            loadDetails(selectedElection.electionIndex);
+        }
+    };
+    (0, ink_wrapper_js_1.useInput)((input, key) => {
+        if (input === "b" || key.escape) {
+            handleBackOrEscape();
+            return;
         }
-        else if (input === "?") {
+        if (input === "?") {
             navigation.goToHelp();
+            return;
+        }
+        if (showDetails) {
+            handleDetailScroll(input, key);
+        }
+        else {
+            handleListNavigation(input, key);
         }
     });
-    const { status, proposals, warning } = data;
-    return (ink_wrapper_js_1.React.createElement(ViewLayout_js_1.ViewLayout, { view: "election", hasProviders: !!providers, isTracking: data.loading, loading: data.loading, loadingText: "Loading election status...", skeletonType: "detail", error: data.error },
-        warning && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginBottom: 1 },
+    return (ink_wrapper_js_1.React.createElement(ViewLayout_js_1.ViewLayout, { view: "election", hasProviders: !!providers, isTracking: data.loading || details.loading, loading: data.loading, loadingText: "Loading election status...", skeletonType: "detail", error: data.error },
+        data.warning && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginBottom: 1 },
             ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "yellow" },
                 "[Warning] ",
-                warning))),
-        status && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { flexDirection: "column", marginBottom: 1 },
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { bold: true }, "Security Council Election Status"),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginLeft: 1, flexDirection: "column" },
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Election Count: "),
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, status.electionCount)),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Current Cohort: "),
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: status.cohort === 0 ? "cyan" : "magenta" }, status.cohort === 0 ? "FIRST" : "SECOND")),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Can Create Election: "),
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: status.canCreateElection ? "green" : "gray" }, status.canCreateElection ? "Yes" : "No")),
-                !status.canCreateElection && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Next Election: "),
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, formatTimestamp(status.nextElectionTimestamp)),
-                    ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" },
-                        " (",
-                        status.timeUntilElection,
-                        ")")))))),
-        ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { flexDirection: "column" },
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { bold: true }, "Recent Elections"),
-            proposals.length === 0 ? (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray", marginLeft: 1 }, "No elections found")) : (proposals.map((election, i) => (ink_wrapper_js_1.React.createElement(ElectionItem, { key: election.electionIndex, election: election, isSelected: i === selectedIndex })))))));
-}
-function getPhaseColor(phase) {
-    if (phase === "COMPLETED")
-        return "green";
-    if (phase === "NOT_STARTED")
-        return "gray";
-    return "yellow";
-}
-function ElectionItem({ election, isSelected }) {
-    return (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginLeft: 1, flexDirection: "column" },
-        ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: isSelected ? "cyan" : undefined }, isSelected ? "> " : "  "),
-            ink_wrapper_js_1.React.createElement(PhaseIcon, { phase: election.phase }),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, " "),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: isSelected ? "cyan" : undefined, bold: isSelected },
-                "Election #",
-                election.electionIndex),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, " - "),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: getPhaseColor(election.phase) }, election.phase.replace(/_/g, " "))),
-        isSelected && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginLeft: 4, flexDirection: "column" },
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Cohort: "),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, election.cohort === 0 ? "FIRST" : "SECOND")),
-            election.nomineeProposalId && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Nominee State: "),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, election.nomineeProposalState))),
-            election.memberProposalId && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Member State: "),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, null, election.memberProposalState))),
-            ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "gray" }, "Compliant Nominees: "),
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: election.compliantNomineeCount >= election.targetNomineeCount ? "green" : "yellow" },
-                    election.compliantNomineeCount,
-                    "/",
-                    election.targetNomineeCount)),
-            election.isInVettingPeriod && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "cyan" },
-                    "In vetting period until block ",
-                    election.vettingDeadline))),
-            election.canProceedToMemberPhase && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, null,
-                ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { color: "green" }, "Ready to trigger member election!")))))));
+                data.warning))),
+        lines.length > visibleCount && (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Box, { marginBottom: 1 },
+            ink_wrapper_js_1.React.createElement(ScrollIndicator_js_1.ScrollPosition, { scrollOffset: scrollOffset, visibleRows: visibleCount, totalItems: lines.length }))),
+        hasLess && ink_wrapper_js_1.React.createElement(ScrollIndicator_js_1.ScrollIndicatorTop, { scrollOffset: scrollOffset, unit: "lines" }),
+        visibleLines.map((line, i) => (ink_wrapper_js_1.React.createElement(ink_wrapper_js_1.Text, { key: i, color: line.color, bold: line.bold, dimColor: line.dimColor }, line.text))),
+        hasMore && (ink_wrapper_js_1.React.createElement(ScrollIndicator_js_1.ScrollIndicatorBottom, { scrollOffset: scrollOffset, visibleRows: visibleCount, totalItems: lines.length, unit: "lines" }))));
 }
 //# sourceMappingURL=ElectionView.js.map