Release v2-testnet-4.0.5

subgraph/core-neo/subgraph.yaml

@@ -8,9 +8,9 @@ dataSources:
     name: KlerosCore
     network: arbitrum-one
     source:
-      address: "0xCd415C03dfa85B02646C7e2977F22a480c4354F1"
+      address: "0x991d2df165670b9cac3B022f4B68D65b664222ea"
       abi: KlerosCore
-      startBlock: 190274596
+      startBlock: 272063254
     mapping:
       kind: ethereum/events
       apiVersion: 0.0.7
@@ -64,9 +64,9 @@ dataSources:
     name: PolicyRegistry
     network: arbitrum-one
     source:
-      address: "0x26c1980120F1C82cF611D666CE81D2b54d018547"
+      address: "0x553dcbF6aB3aE06a1064b5200Df1B5A9fB403d3c"
       abi: PolicyRegistry
-      startBlock: 190274403
+      startBlock: 272063037
     mapping:
       kind: ethereum/events
       apiVersion: 0.0.7
@@ -84,9 +84,9 @@ dataSources:
     name: DisputeKitClassic
     network: arbitrum-one
     source:
-      address: "0xb7c292cD9Fd3d20De84a71AE1caF054eEB6374A9"
+      address: "0x70B464be85A547144C72485eBa2577E5D3A45421"
       abi: DisputeKitClassic
-      startBlock: 190274518
+      startBlock: 272063168
     mapping:
       kind: ethereum/events
       apiVersion: 0.0.7
@@ -119,9 +119,9 @@ dataSources:
     name: EvidenceModule
     network: arbitrum-one
     source:
-      address: "0xe62B776498F48061ef9425fCEf30F3d1370DB005"
+      address: "0x48e052B4A6dC4F30e90930F1CeaAFd83b3981EB3"
       abi: EvidenceModule
-      startBlock: 190274441
+      startBlock: 272063086
     mapping:
       kind: ethereum/events
       apiVersion: 0.0.7
@@ -140,9 +140,9 @@ dataSources:
     name: SortitionModule
     network: arbitrum-one
     source:
-      address: "0x614498118850184c62f82d08261109334bFB050f"
+      address: "0x21A9402aDb818744B296e1d1BE58C804118DC03D"
       abi: SortitionModule
-      startBlock: 190274557
+      startBlock: 272063201
     mapping:
       kind: ethereum/events
       apiVersion: 0.0.7

subgraph/core/schema.graphql

@@ -160,6 +160,7 @@ type Dispute @entity {
   disputeID: BigInt!
   court: Court!
   createdAt: BigInt
+  transactionHash: String!
   arbitrated: Arbitrable!
   period: Period!
   ruled: Boolean!
@@ -180,6 +181,8 @@ type Dispute @entity {
   arbitrableChainId:BigInt
   externalDisputeId:BigInt
   templateId:BigInt
+  rulingTimestamp:BigInt
+  rulingTransactionHash:String
 }
 
 type PeriodIndexCounter @entity {
@@ -303,6 +306,8 @@ type ClassicJustification @entity {
   choice: BigInt!
   votes: [ClassicVote!]! @derivedFrom(field: "justification")
   reference: String!
+  transactionHash: String!
+  timestamp: BigInt!
 }
 
 type ClassicEvidenceGroup implements EvidenceGroup @entity {

subgraph/core/src/DisputeKitClassic.ts

@@ -66,6 +66,8 @@ export function handleVoteCast(event: VoteCast): void {
   justification.localRound = currentLocalRoundID;
   justification.choice = choice;
   justification.reference = event.params._justification;
+  justification.transactionHash = event.transaction.hash.toHexString();
+  justification.timestamp = event.block.timestamp;
   justification.save();
   const currentRulingInfo = updateCountsAndGetCurrentRuling(
     currentLocalRoundID,

subgraph/core/src/KlerosCore.ts

@@ -184,6 +184,8 @@ export function handleRuling(event: Ruling): void {
   const dispute = Dispute.load(disputeID.toString());
   if (!dispute) return;
   dispute.ruled = true;
+  dispute.rulingTransactionHash = event.transaction.hash.toHexString();
+  dispute.rulingTimestamp = event.block.timestamp;
   dispute.save();
   const court = Court.load(dispute.court);
   if (!court) return;

subgraph/core/src/entities/Dispute.ts

@@ -21,6 +21,7 @@ export function createDisputeFromEvent(event: DisputeCreation): void {
   dispute.lastPeriodChange = event.block.timestamp;
   dispute.lastPeriodChangeBlockNumber = event.block.number;
   dispute.periodNotificationIndex = getAndIncrementPeriodCounter(dispute.period);
+  dispute.transactionHash = event.transaction.hash.toHexString();
   const court = Court.load(courtID);
   if (!court) return;
   dispute.periodDeadline = event.block.timestamp.plus(court.timesPerPeriod[0]);

subgraph/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kleros/kleros-v2-subgraph",
-  "version": "0.9.1",
+  "version": "0.10.1",
   "license": "MIT",
   "scripts": {
     "update:core:arbitrum-sepolia-devnet": "./scripts/update.sh arbitrumSepoliaDevnet arbitrum-sepolia core/subgraph.yaml",

web-devtools/package.json

@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@kleros/kleros-sdk": "workspace:^",
-    "@kleros/ui-components-library": "^2.19.0",
+    "@kleros/ui-components-library": "^2.20.0",
     "@tanstack/react-query": "^5.61.0",
     "@wagmi/connectors": "^5.5.0",
     "@wagmi/core": "^2.15.0",

web/package.json

@@ -81,7 +81,7 @@
     "@kleros/kleros-app": "^2.0.2",
     "@kleros/kleros-sdk": "workspace:^",
     "@kleros/kleros-v2-contracts": "workspace:^",
-    "@kleros/ui-components-library": "^2.19.0",
+    "@kleros/ui-components-library": "^2.20.0",
     "@lifi/wallet-management": "^3.4.6",
     "@lifi/widget": "^3.12.3",
     "@sentry/react": "^7.120.0",
@@ -117,6 +117,7 @@
     "react-toastify": "^9.1.3",
     "react-use": "^17.5.1",
     "styled-components": "^5.3.3",
+    "subgraph-status": "^1.2.3",
     "viem": "^2.21.54",
     "wagmi": "^2.13.5"
   }

web/src/components/CasesDisplay/Filters.tsx

@@ -3,7 +3,7 @@ import styled, { css, useTheme } from "styled-components";
 
 import { hoverShortTransitionTiming } from "styles/commonStyles";
 
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 
 import { DropdownSelect } from "@kleros/ui-components-library";
 
@@ -55,16 +55,17 @@ const Filters: React.FC = () => {
   const { ruled, period, ...filterObject } = decodeURIFilter(filter ?? "all");
   const navigate = useNavigate();
   const location = useRootPath();
+  const [searchParams] = useSearchParams();
 
   const handleStatusChange = (value: string | number) => {
     const parsedValue = JSON.parse(value as string);
     const encodedFilter = encodeURIFilter({ ...filterObject, ...parsedValue });
-    navigate(`${location}/1/${order}/${encodedFilter}`);
+    navigate(`${location}/1/${order}/${encodedFilter}?${searchParams.toString()}`);
   };
 
   const handleOrderChange = (value: string | number) => {
     const encodedFilter = encodeURIFilter({ ruled, period, ...filterObject });
-    navigate(`${location}/1/${value}/${encodedFilter}`);
+    navigate(`${location}/1/${value}/${encodedFilter}?${searchParams.toString()}`);
   };
 
   const { isList, setIsList } = useIsList();

web/src/components/CasesDisplay/Search.tsx

@@ -1,10 +1,9 @@
-import React, { useMemo, useState } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import styled, { css } from "styled-components";
 
 import Skeleton from "react-loading-skeleton";
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { useDebounce } from "react-use";
-
 import { Searchbar, DropdownCascader } from "@kleros/ui-components-library";
 
 import { isEmpty, isUndefined } from "utils/index";
@@ -39,6 +38,7 @@ const SearchBarContainer = styled.div`
 const StyledSearchbar = styled(Searchbar)`
   flex: 1;
   flex-basis: 310px;
+
   input {
     font-size: 16px;
     height: 45px;
@@ -53,16 +53,25 @@ const Search: React.FC = () => {
   const decodedFilter = decodeURIFilter(filter ?? "all");
   const { id: searchValue, ...filterObject } = decodedFilter;
   const [search, setSearch] = useState(searchValue ?? "");
+  const initialRenderRef = useRef(true);
   const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+
   useDebounce(
     () => {
+      if (initialRenderRef.current && isEmpty(search)) {
+        initialRenderRef.current = false;
+        return;
+      }
+      initialRenderRef.current = false;
       const newFilters = isEmpty(search) ? { ...filterObject } : { ...filterObject, id: search };
       const encodedFilter = encodeURIFilter(newFilters);
-      navigate(`${location}/${page}/${order}/${encodedFilter}`);
+      navigate(`${location}/${page}/${order}/${encodedFilter}?${searchParams.toString()}`);
     },
     500,
     [search]
   );
+
   const { data: courtTreeData } = useCourtTree();
   const items = useMemo(() => {
     if (!isUndefined(courtTreeData)) {
@@ -82,14 +91,15 @@ const Search: React.FC = () => {
           onSelect={(value) => {
             const { court: _, ...filterWithoutCourt } = decodedFilter;
             const newFilter = value === "all" ? filterWithoutCourt : { ...decodedFilter, court: value.toString() };
-            navigate(`${location}/${page}/${order}/${encodeURIFilter(newFilter)}`);
+            navigate(`${location}/${page}/${order}/${encodeURIFilter(newFilter)}?${searchParams.toString()}`);
           }}
         />
       ) : (
         <Skeleton width={240} height={42} />
       )}
       <SearchBarContainer>
         <StyledSearchbar
+          dir="auto"
           type="text"
           placeholder="Search By ID"
           value={search}

web/src/components/DisputePreview/Alias.tsx

@@ -46,7 +46,7 @@ const AliasDisplay: React.FC<IAlias> = ({ name, address }) => {
   const resolvedAddress = addressFromENS ?? (address as `0x${string}`);
 
   return (
-    <AliasContainer>
+    <AliasContainer dir="auto">
       {isLoading ? <Skeleton width={30} height={24} /> : <IdenticonOrAvatar address={resolvedAddress} size="24" />}
       <TextContainer>
         {isLoading ? <Skeleton width={30} height={24} /> : <AddressOrName address={resolvedAddress} />}&nbsp;

web/src/components/DisputePreview/DisputeContext.tsx

@@ -12,10 +12,11 @@ import { responsiveSize } from "styles/responsiveSize";
 import ReactMarkdown from "components/ReactMarkdown";
 import { StyledSkeleton } from "components/StyledSkeleton";
 
-import AliasDisplay from "./Alias";
 import { Divider } from "../Divider";
 import { ExternalLink } from "../ExternalLink";
 
+import AliasDisplay from "./Alias";
+
 const StyledH1 = styled.h1`
   margin: 0;
   word-wrap: break-word;
@@ -75,16 +76,18 @@ export const DisputeContext: React.FC<IDisputeContext> = ({ disputeDetails, isRp
 
   return (
     <>
-      <StyledH1>{isUndefined(disputeDetails) ? <StyledSkeleton /> : (disputeDetails?.title ?? errMsg)}</StyledH1>
+      <StyledH1 dir="auto">
+        {isUndefined(disputeDetails) ? <StyledSkeleton /> : (disputeDetails?.title ?? errMsg)}
+      </StyledH1>
       {disputeDetails?.question?.trim() || disputeDetails?.description?.trim() ? (
         <div>
           {disputeDetails?.question?.trim() ? (
-            <ReactMarkdownWrapper>
+            <ReactMarkdownWrapper dir="auto">
               <ReactMarkdown>{disputeDetails.question}</ReactMarkdown>
             </ReactMarkdownWrapper>
           ) : null}
           {disputeDetails?.description?.trim() ? (
-            <ReactMarkdownWrapper>
+            <ReactMarkdownWrapper dir="auto">
               <ReactMarkdown>{disputeDetails.description}</ReactMarkdown>
             </ReactMarkdownWrapper>
           ) : null}
@@ -100,7 +103,7 @@ export const DisputeContext: React.FC<IDisputeContext> = ({ disputeDetails, isRp
         {isUndefined(disputeDetails) ? null : <AnswersHeader>Voting Options</AnswersHeader>}
         <AnswersContainer>
           {disputeDetails?.answers?.map((answer: IAnswer, i: number) => (
-            <AnswerTitleAndDescription key={answer.title}>
+            <AnswerTitleAndDescription dir="auto" key={answer.title}>
               <label>{i + 1}. </label>
               <AnswerTitle>{answer.title}</AnswerTitle>
               <AnswerDescription>{answer.description.trim() ? ` - ${answer.description}` : null}</AnswerDescription>

web/src/components/DisputeView/DisputeCardView.tsx

@@ -46,7 +46,7 @@ const StyledCaseCardTitleSkeleton = styled(StyledSkeleton)`
 
 const TruncatedTitle = ({ text, maxLength }) => {
   const truncatedText = text.length <= maxLength ? text : text.slice(0, maxLength) + "…";
-  return <StyledCaseCardTitle>{truncatedText}</StyledCaseCardTitle>;
+  return <StyledCaseCardTitle dir="auto">{truncatedText}</StyledCaseCardTitle>;
 };
 
 interface IDisputeCardView {

web/src/components/DisputeView/DisputeListView.tsx

@@ -8,8 +8,8 @@ import { Card } from "@kleros/ui-components-library";
 
 import { Periods } from "consts/periods";
 
-import { responsiveSize } from "styles/responsiveSize";
 import { hoverShortTransitionTiming } from "styles/commonStyles";
+import { responsiveSize } from "styles/responsiveSize";
 
 import DisputeInfo from "./DisputeInfo";
 import PeriodBanner from "./PeriodBanner";
@@ -37,11 +37,12 @@ const TitleContainer = styled.div<{ isLabel?: boolean }>`
   width: ${({ isLabel }) => (isLabel ? responsiveSize(150, 340, 900) : "fit-content")};
   h3 {
     margin: 0;
+    flex: 1;
   }
 `;
 const TruncatedTitle = ({ text, maxLength }) => {
   const truncatedText = text.length <= maxLength ? text : text.slice(0, maxLength) + "…";
-  return <h3>{truncatedText}</h3>;
+  return <h3 dir="auto">{truncatedText}</h3>;
 };
 interface IDisputeListView {
   title: string;