Format phase 87 web refactor

Cyber-preacher · Cyber-preacher · commit fb9c2b8df108 · 2026-05-22T17:17:19.000+04:00
diff --git a/src/lib/feedStageStats.ts b/src/lib/feedStageStats.ts
@@ -21,8 +21,7 @@ export function getFeedPoolStats(poolPage: PoolProposalPageDto) {
       poolPage.upvoteFloor > 0 ? poolPage.upvotes / poolPage.upvoteFloor : 0,
     ) * upvoteFloorFractionPercent,
   );
-  const meetsAttention =
-    engaged / activeGovernors >= poolPage.attentionQuorum;
+  const meetsAttention = engaged / activeGovernors >= poolPage.attentionQuorum;
   const meetsUpvoteFloor = poolPage.upvotes >= poolPage.upvoteFloor;
   const engagedNeeded = Math.ceil(poolPage.attentionQuorum * activeGovernors);
 
@@ -48,9 +47,7 @@ export function getFeedChamberStats(chamberPage: ChamberProposalPageDto) {
   const totalVotes = yesTotal + noTotal + abstainTotal;
 
   const engaged = chamberPage.engagedGovernors;
-  const quorumNeeded = Math.ceil(
-    activeGovernors * chamberPage.attentionQuorum,
-  );
+  const quorumNeeded = Math.ceil(activeGovernors * chamberPage.attentionQuorum);
   const quorumPercent = Math.round((engaged / activeGovernors) * 100);
   const quorumNeededPercent = Math.round(chamberPage.attentionQuorum * 100);
   const yesPercentOfQuorum =
@@ -82,9 +79,7 @@ export function getFeedChamberStats(chamberPage: ChamberProposalPageDto) {
   };
 }
 
-export function getFeedFormationStats(
-  formationPage: FormationProposalPageDto,
-) {
+export function getFeedFormationStats(formationPage: FormationProposalPageDto) {
   const progressRaw = Number.parseInt(
     formationPage.progress.replace("%", ""),
     10,
diff --git a/src/lib/humanNodesUi.ts b/src/lib/humanNodesUi.ts
@@ -15,11 +15,7 @@ export type HumanNodesTierFilter =
   | "legate"
   | "consul"
   | "citizen";
-export type HumanNodesStatusFilter =
-  | "all"
-  | "governor"
-  | "human"
-  | "inactive";
+export type HumanNodesStatusFilter = "all" | "governor" | "human" | "inactive";
 export type HumanNodesCmRange = "all" | "0-50" | "50-200" | "200+";
 
 export type HumanNodesFilters = {
@@ -60,8 +56,7 @@ export function filterHumanNodes(input: {
     .filter((node) => {
       const factionName =
         factionsById[node.factionId]?.name?.toLowerCase() ?? "";
-      const chamberName =
-        chambersById[node.chamber]?.name?.toLowerCase() ?? "";
+      const chamberName = chambersById[node.chamber]?.name?.toLowerCase() ?? "";
       const matchesTerm =
         node.name.toLowerCase().includes(term) ||
         node.role.toLowerCase().includes(term) ||
@@ -135,7 +130,9 @@ export function getHumanNodeVisibleHeroStats(
   });
 }
 
-export function getHumanNodeCmTotals(heroStats: HumanNodeProfileDto["heroStats"]) {
+export function getHumanNodeCmTotals(
+  heroStats: HumanNodeProfileDto["heroStats"],
+) {
   return heroStats.reduce(
     (acc, stat) => {
       const label = stat.label.trim().toUpperCase();
diff --git a/src/lib/myGovernanceUi.ts b/src/lib/myGovernanceUi.ts
@@ -9,7 +9,12 @@ export type GoverningStatus =
 
 export type TierProgress = NonNullable<GetMyGovernanceResponse["tier"]>;
 
-export type TierKey = "Nominee" | "Ecclesiast" | "Legate" | "Consul" | "Citizen";
+export type TierKey =
+  | "Nominee"
+  | "Ecclesiast"
+  | "Legate"
+  | "Consul"
+  | "Citizen";
 
 export const proposalRightsByTier: Record<TierKey, string[]> = {
   Nominee: ["Basic proposals"],
diff --git a/src/pages/factions/Faction.tsx b/src/pages/factions/Faction.tsx
@@ -2,10 +2,7 @@ import { Link, useParams } from "react-router";
 
 import { PageHint } from "@/components/PageHint";
 import { Button } from "@/components/primitives/button";
-import {
-  Card,
-  CardContent,
-} from "@/components/primitives/card";
+import { Card, CardContent } from "@/components/primitives/card";
 import {
   apiFactionChannelCreate,
   apiFactionChannelLock,
diff --git a/src/pages/factions/components/FactionEditCard.tsx b/src/pages/factions/components/FactionEditCard.tsx
@@ -93,7 +93,9 @@ export function FactionEditCard({
           <Button
             size="sm"
             disabled={
-              mutating || name.trim().length < 2 || description.trim().length < 2
+              mutating ||
+              name.trim().length < 2 ||
+              description.trim().length < 2
             }
             onClick={onSave}
           >
diff --git a/src/pages/factions/components/FactionHero.tsx b/src/pages/factions/components/FactionHero.tsx
@@ -88,7 +88,8 @@ export const FactionHero: React.FC<FactionHeroProps> = ({
               </Badge>
             </div>
           ) : null}
-          {viewerJoinRequest?.status === "pending" && !viewerMembershipActive ? (
+          {viewerJoinRequest?.status === "pending" &&
+          !viewerMembershipActive ? (
             <div className="mt-3">
               <Badge variant="outline">
                 Private faction join request pending
diff --git a/src/pages/factions/components/FactionInitiativeDetailCard.tsx b/src/pages/factions/components/FactionInitiativeDetailCard.tsx
@@ -10,9 +10,7 @@ import { Select } from "@/components/primitives/select";
 import { formatDateTime } from "@/lib/dateTime";
 import type { FactionDto } from "@/types/api";
 
-type FactionInitiative = NonNullable<
-  FactionDto["initiativesDetailed"]
->[number];
+type FactionInitiative = NonNullable<FactionDto["initiativesDetailed"]>[number];
 
 type FactionInitiativeStatus =
   | "draft"
diff --git a/src/pages/factions/components/FactionInitiativeListCard.tsx b/src/pages/factions/components/FactionInitiativeListCard.tsx
@@ -11,9 +11,7 @@ import {
 import { formatDateTime } from "@/lib/dateTime";
 import type { FactionDto } from "@/types/api";
 
-type FactionInitiative = NonNullable<
-  FactionDto["initiativesDetailed"]
->[number];
+type FactionInitiative = NonNullable<FactionDto["initiativesDetailed"]>[number];
 
 type FactionInitiativeListCardProps = {
   activeInitiativeId?: string;
diff --git a/src/pages/factions/components/FactionInitiativesSection.tsx b/src/pages/factions/components/FactionInitiativesSection.tsx
@@ -10,9 +10,7 @@ import {
 } from "@/components/primitives/card";
 import type { FactionDto } from "@/types/api";
 
-type FactionInitiative = NonNullable<
-  FactionDto["initiativesDetailed"]
->[number];
+type FactionInitiative = NonNullable<FactionDto["initiativesDetailed"]>[number];
 
 type FactionInitiativesSectionProps = {
   factionId: string;
diff --git a/src/pages/factions/components/FactionMembersSection.tsx b/src/pages/factions/components/FactionMembersSection.tsx
@@ -18,10 +18,7 @@ type FactionMembersSectionProps = {
   canManageMembers: boolean;
   memberships: FactionMember[];
   mutating: boolean;
-  onRoleSet: (
-    address: string,
-    role: "founder" | "steward" | "member",
-  ) => void;
+  onRoleSet: (address: string, role: "founder" | "steward" | "member") => void;
   viewerAddress: string | null;
 };
 
diff --git a/src/pages/factions/components/FactionThreadDetailCard.tsx b/src/pages/factions/components/FactionThreadDetailCard.tsx
@@ -41,7 +41,9 @@ export function FactionThreadDetailCard({
       </CardHeader>
       <CardContent className="space-y-3">
         {!thread ? (
-          <p className="text-sm text-muted">Thread not found in this channel.</p>
+          <p className="text-sm text-muted">
+            Thread not found in this channel.
+          </p>
         ) : (
           <>
             <div className="space-y-1">
diff --git a/src/pages/factions/hooks/useFactionActionRunner.ts b/src/pages/factions/hooks/useFactionActionRunner.ts
@@ -6,7 +6,9 @@ type UseFactionActionRunnerInput = {
   reload: () => Promise<void>;
 };
 
-export function useFactionActionRunner({ reload }: UseFactionActionRunnerInput) {
+export function useFactionActionRunner({
+  reload,
+}: UseFactionActionRunnerInput) {
   const [actionError, setActionError] = useState<string | null>(null);
   const [mutating, setMutating] = useState(false);
 
diff --git a/src/pages/feed/components/FeedExpandedContent.tsx b/src/pages/feed/components/FeedExpandedContent.tsx
@@ -96,9 +96,7 @@ export const FeedExpandedContent: React.FC<FeedExpandedContentProps> = ({
         </Surface>
       ) : item.stage === "pool" && poolPage && poolStats ? (
         <div className="space-y-3">
-          <p className="text-sm font-semibold text-text">
-            Quorum of attention
-          </p>
+          <p className="text-sm font-semibold text-text">Quorum of attention</p>
 
           <Surface
             variant="panelAlt"
@@ -417,7 +415,11 @@ export const FeedExpandedContent: React.FC<FeedExpandedContentProps> = ({
       item.summaryPill === "Cofounder invitation" &&
       item.actionable ? (
         <div className="flex flex-wrap gap-2">
-          <Button size="sm" disabled={inviteActionBusy} onClick={onInviteAccept}>
+          <Button
+            size="sm"
+            disabled={inviteActionBusy}
+            onClick={onInviteAccept}
+          >
             Accept
           </Button>
           <Button
diff --git a/src/pages/feed/components/FeedListSection.tsx b/src/pages/feed/components/FeedListSection.tsx
@@ -4,7 +4,11 @@ import { cn } from "@/lib/utils";
 import { ExpandableCard } from "@/components/ExpandableCard";
 import { StageChip } from "@/components/StageChip";
 import { formatDateTime } from "@/lib/dateTime";
-import { feedItemKey, hasFinishedRoute, proposalIdFromHref } from "@/lib/feedUi";
+import {
+  feedItemKey,
+  hasFinishedRoute,
+  proposalIdFromHref,
+} from "@/lib/feedUi";
 import {
   getFeedChamberStats,
   getFeedFormationStats,
@@ -23,14 +27,8 @@ type FeedListSectionProps = {
     string,
     import("@/types/api").ChamberProposalPageDto | undefined
   >;
-  chamberVetoPagesById: Record<
-    string,
-    ChamberVetoProposalPageDto | undefined
-  >;
-  citizenVetoPagesById: Record<
-    string,
-    CitizenVetoProposalPageDto | undefined
-  >;
+  chamberVetoPagesById: Record<string, ChamberVetoProposalPageDto | undefined>;
+  citizenVetoPagesById: Record<string, CitizenVetoProposalPageDto | undefined>;
   expandedKey: string | null;
   feedListRef: RefObject<HTMLDivElement | null>;
   finishedPagesById: Record<string, ProposalFinishedPageDto | undefined>;
diff --git a/src/pages/feed/hooks/useFeedDetailPages.ts b/src/pages/feed/hooks/useFeedDetailPages.ts
@@ -1,6 +1,10 @@
 import { useEffect, useState } from "react";
 
-import { feedItemKey, hasFinishedRoute, proposalIdFromHref } from "@/lib/feedUi";
+import {
+  feedItemKey,
+  hasFinishedRoute,
+  proposalIdFromHref,
+} from "@/lib/feedUi";
 import {
   apiProposalChamberPage,
   apiProposalChamberVetoPage,
diff --git a/src/pages/feed/hooks/useFeedItems.ts b/src/pages/feed/hooks/useFeedItems.ts
@@ -5,10 +5,7 @@ import { feedItemKey, toUrgentItems } from "@/lib/feedUi";
 import { apiFeed } from "@/lib/apiClient";
 import type { FeedItemDto } from "@/types/api";
 import type { FeedScope } from "../components/FeedControls";
-import {
-  FEED_MAX_PAGE_SIZE,
-  FEED_MIN_PAGE_SIZE,
-} from "./useFeedPageSize";
+import { FEED_MAX_PAGE_SIZE, FEED_MIN_PAGE_SIZE } from "./useFeedPageSize";
 
 const URGENT_STAGE_LIMIT = FEED_MAX_PAGE_SIZE * 2;
 
diff --git a/src/pages/human-nodes/hooks/useHumanNodePageData.ts b/src/pages/human-nodes/hooks/useHumanNodePageData.ts
@@ -1,10 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 
 import { apiHuman, apiMyGovernance } from "@/lib/apiClient";
-import type {
-  GetMyGovernanceResponse,
-  HumanNodeProfileDto,
-} from "@/types/api";
+import type { GetMyGovernanceResponse, HumanNodeProfileDto } from "@/types/api";
 
 export function useHumanNodePageData(profileId: string | undefined) {
   const [profile, setProfile] = useState<HumanNodeProfileDto | null>(null);
diff --git a/src/pages/my-governance/components/MyGovernanceDelegationCard.tsx b/src/pages/my-governance/components/MyGovernanceDelegationCard.tsx
@@ -13,8 +13,7 @@ import { Surface } from "@/components/Surface";
 import { formatChamberLabel } from "@/lib/chamberUi";
 import type { ChamberDto, GetMyGovernanceResponse } from "@/types/api";
 
-type DelegationItem =
-  GetMyGovernanceResponse["delegation"]["chambers"][number];
+type DelegationItem = GetMyGovernanceResponse["delegation"]["chambers"][number];
 
 type MyGovernanceDelegationCardProps = {
   chambers: ChamberDto[];
@@ -49,9 +48,7 @@ export function MyGovernanceDelegationCard({
               const pending =
                 delegationPendingByChamber[item.chamberId] ?? false;
               const currentValue =
-                delegationDrafts[item.chamberId] ??
-                item.delegateeAddress ??
-                "";
+                delegationDrafts[item.chamberId] ?? item.delegateeAddress ?? "";
 
               return (
                 <Surface
@@ -63,7 +60,9 @@ export function MyGovernanceDelegationCard({
                 >
                   <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
                     <div>
-                      <Kicker>{formatChamberLabel(item.chamberId, chambers)}</Kicker>
+                      <Kicker>
+                        {formatChamberLabel(item.chamberId, chambers)}
+                      </Kicker>
                       <p className="mt-1 text-sm font-semibold text-text">
                         Current delegate
                       </p>
diff --git a/src/pages/my-governance/components/MyGovernanceThresholdCard.tsx b/src/pages/my-governance/components/MyGovernanceThresholdCard.tsx
@@ -1,4 +1,9 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/primitives/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
 import { HintLabel } from "@/components/Hint";
 import { Kicker } from "@/components/Kicker";
 import { Surface } from "@/components/Surface";
diff --git a/src/pages/my-governance/components/MyGovernanceVetoProcessCard.tsx b/src/pages/my-governance/components/MyGovernanceVetoProcessCard.tsx
@@ -1,4 +1,9 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/primitives/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/primitives/card";
 import { Surface } from "@/components/Surface";
 
 export function MyGovernanceVetoProcessCard() {
diff --git a/src/pages/proposals/ProposalChamber.tsx b/src/pages/proposals/ProposalChamber.tsx
@@ -226,7 +226,9 @@ const ProposalChamber: React.FC = () => {
         attachments={proposal.attachments}
         showExecutionPlan={proposal.formationEligible}
         showBudgetScope={proposal.formationEligible}
-        teamLocked={proposal.formationEligible ? proposal.teamLocked : undefined}
+        teamLocked={
+          proposal.formationEligible ? proposal.teamLocked : undefined
+        }
         openSlots={
           proposal.formationEligible ? proposal.openSlotNeeds : undefined
         }
diff --git a/src/pages/proposals/ProposalFinished.tsx b/src/pages/proposals/ProposalFinished.tsx
@@ -84,7 +84,10 @@ const ProposalFinished: React.FC = () => {
         </Surface>
       </section>
 
-      <ProposalStageStatus title="Outcome status" stageData={proposal.stageData} />
+      <ProposalStageStatus
+        title="Outcome status"
+        stageData={proposal.stageData}
+      />
 
       <ProposalDetailsSections
         summary={proposal.summary}
diff --git a/src/pages/proposals/ProposalPP.tsx b/src/pages/proposals/ProposalPP.tsx
@@ -3,10 +3,7 @@ import { useParams } from "react-router";
 
 import { ProposalPageHeader } from "@/components/ProposalPageHeader";
 import { VoteButton } from "@/components/VoteButton";
-import {
-  apiPoolVote,
-  apiProposalPoolPage,
-} from "@/lib/apiClient";
+import { apiPoolVote, apiProposalPoolPage } from "@/lib/apiClient";
 import {
   getProposalPoolVotingGate,
   proposalFormationSummaryStats,
@@ -132,9 +129,7 @@ const ProposalPP: React.FC = () => {
               icon="▲"
               label="Upvote"
               disabled={!votingGate.allowed}
-              title={
-                votingGate.allowed ? undefined : votingGate.disabledReason
-              }
+              title={votingGate.allowed ? undefined : votingGate.disabledReason}
               onClick={() => {
                 setPendingAction("upvote");
                 setRulesChecked(false);
@@ -148,9 +143,7 @@ const ProposalPP: React.FC = () => {
               icon="▼"
               label="Downvote"
               disabled={!votingGate.allowed}
-              title={
-                votingGate.allowed ? undefined : votingGate.disabledReason
-              }
+              title={votingGate.allowed ? undefined : votingGate.disabledReason}
               onClick={() => {
                 setPendingAction("downvote");
                 setRulesChecked(false);
@@ -190,7 +183,9 @@ const ProposalPP: React.FC = () => {
         attachments={proposal.attachments}
         showExecutionPlan={proposal.formationEligible}
         showBudgetScope={proposal.formationEligible}
-        teamLocked={proposal.formationEligible ? proposal.teamLocked : undefined}
+        teamLocked={
+          proposal.formationEligible ? proposal.teamLocked : undefined
+        }
         openSlots={
           proposal.formationEligible ? proposal.openSlotNeeds : undefined
         }
diff --git a/src/pages/proposals/ProposalReferendum.tsx b/src/pages/proposals/ProposalReferendum.tsx
diff --git a/src/pages/proposals/draft/ProposalDraftDetailsCard.tsx b/src/pages/proposals/draft/ProposalDraftDetailsCard.tsx
diff --git a/src/pages/proposals/formation/ProposalFormationStatus.tsx b/src/pages/proposals/formation/ProposalFormationStatus.tsx
diff --git a/src/pages/proposals/list/ProposalListCard.tsx b/src/pages/proposals/list/ProposalListCard.tsx
diff --git a/src/pages/proposals/pool/ProposalPoolRulesModal.tsx b/src/pages/proposals/pool/ProposalPoolRulesModal.tsx
diff --git a/src/pages/proposals/proposalCreation/ProposalCreationToolbar.tsx b/src/pages/proposals/proposalCreation/ProposalCreationToolbar.tsx
diff --git a/src/pages/proposals/veto/ProposalChamberVetoCard.tsx b/src/pages/proposals/veto/ProposalChamberVetoCard.tsx
diff --git a/tests/unit/faction-ui.test.ts b/tests/unit/faction-ui.test.ts
diff --git a/tests/unit/human-nodes-ui.test.ts b/tests/unit/human-nodes-ui.test.ts
diff --git a/tests/unit/my-governance-ui.test.ts b/tests/unit/my-governance-ui.test.ts

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,9 @@ export function FactionEditCard({`
`93`	`93`	`<Button`
`94`	`94`	`size="sm"`
`95`	`95`	`disabled={`
`96`		`- mutating \|\| name.trim().length < 2 \|\| description.trim().length < 2`
	`96`	`+ mutating \|\|`
	`97`	`+ name.trim().length < 2 \|\|`
	`98`	`+ description.trim().length < 2`
`97`	`99`	`}`
`98`	`100`	`onClick={onSave}`
`99`	`101`	`>`