Merge branch 'main' into feature/add-bulk

Author: ErwanDecoster

.release-please-manifest.json

@@ -1 +1 @@
-{".":"1.26.0"}
+{".":"1.27.0"}

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.27.0](https://github.com/iExecBlockchainComputing/explorer-v2/compare/iexec-explorer-v1.26.0...iexec-explorer-v1.27.0) (2025-11-19)
+
+
+### 🚀 Features
+
+* add (datasets, apps, workerpools) access table and enhance pagination ([#88](https://github.com/iExecBlockchainComputing/explorer-v2/issues/88)) ([e6e7e01](https://github.com/iExecBlockchainComputing/explorer-v2/commit/e6e7e01aa494009b9fad2d8756d9014eaa1aba92))
+* upgrade access feature ([#91](https://github.com/iExecBlockchainComputing/explorer-v2/issues/91)) ([5e08ad5](https://github.com/iExecBlockchainComputing/explorer-v2/commit/5e08ad5d11d2c53422c5036e3bdffbd84274dc7c))
+
+
+### 🐞 Bug Fixes
+
+* better address page error handling ([#90](https://github.com/iExecBlockchainComputing/explorer-v2/issues/90)) ([e48fb62](https://github.com/iExecBlockchainComputing/explorer-v2/commit/e48fb6220a93a8ace297d2c412765c11dfa53ae7))
+* update execution count display in deal details ([#93](https://github.com/iExecBlockchainComputing/explorer-v2/issues/93)) ([94f3195](https://github.com/iExecBlockchainComputing/explorer-v2/commit/94f31952bda8c5bc895dfabe591fad34def794d1))
+
 ## [1.26.0](https://github.com/iExecBlockchainComputing/explorer-v2/compare/iexec-explorer-v1.25.0...iexec-explorer-v1.26.0) (2025-10-15)
 
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "iexec-explorer",
   "private": true,
-  "version": "1.26.0",
+  "version": "1.27.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package.json

@@ -12,16 +12,18 @@ const CopyButton = ({
   displayText,
   buttonText,
   tooltipWithText = false,
+  tooltipText = 'Copy',
   className,
 }: {
   textToCopy: string;
   displayText?: string;
   buttonText?: string;
   tooltipWithText?: boolean;
+  tooltipText?: string;
   className?: string;
 }) => {
   const [showTooltip, setShowTooltip] = useState(false);
-  const [tooltipMessage, setTooltipMessage] = useState('Copy');
+  const [tooltipMessage, setTooltipMessage] = useState(tooltipText);
 
   const handleCopy = () => {
     navigator.clipboard.writeText(textToCopy).then(() => {
@@ -35,7 +37,7 @@ const CopyButton = ({
     if (tooltipWithText && displayText) {
       setTooltipMessage(`Copy "${displayText}"`);
     } else {
-      setTooltipMessage('Copy');
+      setTooltipMessage(tooltipText);
     }
     setShowTooltip(true);
   };

src/components/CopyButton.tsx

@@ -22,20 +22,23 @@ type LinkType =
   | 'workerpool'
   | 'app'
   | 'address'
-  | 'transaction';
+  | 'transaction'
+  | 'order';
 
 interface SmartLinkGroupProps {
   type: LinkType;
   addressOrId: string;
   label?: string;
   isCurrentPage?: boolean;
+  showAddressOrIdAndLabel?: boolean;
 }
 
 export default function SmartLinkGroup({
   type,
   addressOrId,
   label,
   isCurrentPage = false,
+  showAddressOrIdAndLabel = false,
 }: SmartLinkGroupProps) {
   const { chainId, isConnected } = useUserStore();
   const basePath = {
@@ -46,6 +49,7 @@ export default function SmartLinkGroup({
     app: 'app',
     address: 'address',
     transaction: 'tx',
+    order: 'order',
   };
 
   const { data: ens } = useQuery({
@@ -78,12 +82,15 @@ export default function SmartLinkGroup({
           <Link
             to={`/${getChainFromId(chainId)?.slug}/${basePath[type]}/${addressOrId}`}
           >
-            <span className="hidden md:inline">{label ?? addressOrId}</span>
+            <span className="hidden md:inline">
+              {label && !showAddressOrIdAndLabel ? label : addressOrId}
+            </span>
             <span className="inline md:hidden">
               {(label
                 ? truncateAddress(label)
                 : truncateAddress(addressOrId)) ?? addressOrId}
             </span>
+            {showAddressOrIdAndLabel && label ? `(${label})` : ''}
             {ens ? `(${ens})` : ''}
           </Link>
         </Button>
@@ -98,7 +105,7 @@ export default function SmartLinkGroup({
         </div>
       )}
 
-      {type !== 'task' && (
+      {type !== 'task' && type !== 'order' && (
         <TooltipProvider delayDuration={0}>
           <Tooltip>
             <TooltipTrigger asChild>

src/components/SmartLinkGroup.tsx

@@ -0,0 +1,34 @@
+const DatasetIcon = ({ size = 20, className = '' }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path
+      d="M12 9.16691C16.1421 9.16691 19.5 8.04764 19.5 6.66695C19.5 5.28626 16.1421 4.16699 12 4.16699C7.85786 4.16699 4.5 5.28626 4.5 6.66695C4.5 8.04764 7.85786 9.16691 12 9.16691Z"
+      stroke="currentColor"
+      strokeWidth="2.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M19.5 12.5C19.5 13.8834 16.1666 15 12 15C7.83336 15 4.5 13.8832 4.5 12.5"
+      stroke="currentColor"
+      strokeWidth="2.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4.5 6.66602V18.3327C4.5 19.716 7.83336 20.8326 12 20.8326C16.1666 20.8326 19.5 19.7159 19.5 18.3327V6.66602"
+      stroke="currentColor"
+      strokeWidth="2.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default DatasetIcon;

src/components/icons/AccessIcon.tsx

@@ -78,7 +78,7 @@ export function Tabs({
               if (!isDisabled) onTabChange(index);
             }}
             className={cn(
-              'text-foreground relative z-10 border border-transparent px-8 py-2 transition-colors duration-300 hover:no-underline',
+              'text-foreground relative z-10 border border-transparent px-4 py-2 transition-colors duration-300 hover:no-underline',
               isDisabled && 'cursor-not-allowed opacity-50',
               currentTab === index && 'text-primary'
             )}

src/modules/Tabs.tsx

@@ -0,0 +1,44 @@
+import { decodeTag } from 'iexec/utils';
+import CopyButton from '@/components/CopyButton';
+import { truncateAddress } from '@/utils/truncateAddress';
+
+const Tags = (props: { children: string }) => {
+  const { children: raw } = props;
+
+  let tags: string[] | null = null;
+  try {
+    tags = decodeTag(raw);
+  } catch {
+    // If decoding fails, fall back to displaying raw encoded tag
+  }
+  return (
+    <div className="flex items-center gap-1">
+      {tags ? (
+        tags.length > 0 ? (
+          tags.map((t) => (
+            <span
+              className="inline-flex w-fit rounded-full border px-4 py-2 text-xs uppercase"
+              key={t}
+            >
+              {t}
+            </span>
+          ))
+        ) : (
+          <span className="text-muted-foreground">None</span>
+        )
+      ) : (
+        <>
+          <span className="hidden md:inline">{raw}</span>
+          <span className="inline md:hidden">{truncateAddress(raw)}</span>
+        </>
+      )}{' '}
+      <CopyButton
+        className="ml-2"
+        textToCopy={raw}
+        tooltipText="Copy raw tag"
+      />
+    </div>
+  );
+};
+
+export default Tags;

src/modules/Tags.tsx

@@ -0,0 +1,35 @@
+import { ChainLink } from '@/components/ChainLink';
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb';
+import { truncateAddress } from '@/utils/truncateAddress';
+
+type AccessBreadcrumbsProps = {
+  accessHash: string;
+};
+
+export function AccessBreadcrumbs({ accessHash }: AccessBreadcrumbsProps) {
+  return (
+    <Breadcrumb>
+      <BreadcrumbList>
+        <BreadcrumbItem>
+          <BreadcrumbLink asChild>
+            <ChainLink to="/">Homepage</ChainLink>
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <BreadcrumbPage>
+            Access{' '}
+            <span className="font-normal">{truncateAddress(accessHash)}</span>
+          </BreadcrumbPage>
+        </BreadcrumbItem>
+      </BreadcrumbList>
+    </Breadcrumb>
+  );
+}