Show alias field in compliance page list items

Adds an editable alias column to the documents, files, and audits
tables so operators can set and clear aliases from the console.

Signed-off-by: Bryan Frimin <bryan@probo.com>

apps/console/src/pages/organizations/compliance-page/_components/CompliancePageAliasField.tsx

@@ -0,0 +1,124 @@
+// Copyright (c) 2026 Probo Inc <hello@probo.com>.
+//
+// Permission to use, copy, modify, and/or distribute this software for any
+// purpose with or without fee is hereby granted, provided that the above
+// copyright notice and this permission notice appear in all copies.
+//
+// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+// PERFORMANCE OF THIS SOFTWARE.
+
+import { useTranslate } from "@probo/i18n";
+import { Field } from "@probo/ui";
+import { useCallback, useEffect, useState } from "react";
+import { graphql } from "relay-runtime";
+
+import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
+
+const setTrustCenterAliasMutation = graphql`
+  mutation CompliancePageAliasField_setTrustCenterAliasMutation(
+    $input: SetTrustCenterAliasInput!
+  ) {
+    setTrustCenterAlias(input: $input) {
+      alias {
+        resourceId
+        alias
+      }
+    }
+  }
+`;
+
+const removeTrustCenterAliasMutation = graphql`
+  mutation CompliancePageAliasField_removeTrustCenterAliasMutation(
+    $input: RemoveTrustCenterAliasInput!
+  ) {
+    removeTrustCenterAlias(input: $input) {
+      deletedResourceId
+    }
+  }
+`;
+
+export function CompliancePageAliasField(props: {
+  resourceId: string;
+  alias: string | null | undefined;
+  canSetAlias: boolean;
+  canRemoveAlias: boolean;
+}) {
+  const { resourceId, alias, canSetAlias, canRemoveAlias } = props;
+
+  const { __ } = useTranslate();
+  const [value, setValue] = useState(alias ?? "");
+
+  useEffect(() => {
+    setValue(alias ?? "");
+  }, [alias]);
+
+  const [setTrustCenterAlias, isSettingAlias] = useMutationWithToasts(
+    setTrustCenterAliasMutation,
+    {
+      successMessage: __("Alias updated successfully."),
+      errorMessage: __("Failed to update alias"),
+    },
+  );
+  const [removeTrustCenterAlias, isRemovingAlias] = useMutationWithToasts(
+    removeTrustCenterAliasMutation,
+    {
+      successMessage: __("Alias removed successfully."),
+      errorMessage: __("Failed to remove alias"),
+    },
+  );
+
+  const handleBlur = useCallback(async () => {
+    const trimmed = value.trim();
+    const current = alias ?? "";
+
+    if (trimmed === current) {
+      return;
+    }
+
+    if (trimmed === "") {
+      if (current !== "" && canRemoveAlias) {
+        await removeTrustCenterAlias({
+          variables: {
+            input: {
+              resourceId,
+            },
+          },
+        });
+      }
+
+      return;
+    }
+
+    if (!canSetAlias) {
+      return;
+    }
+
+    await setTrustCenterAlias({
+      variables: {
+        input: {
+          resourceId,
+          alias: trimmed,
+        },
+      },
+    });
+  }, [alias, canRemoveAlias, canSetAlias, removeTrustCenterAlias, resourceId, setTrustCenterAlias, value]);
+
+  const canEdit = canSetAlias || (canRemoveAlias && (alias ?? "") !== "");
+
+  return (
+    <Field
+      type="text"
+      value={value}
+      onChange={event => setValue(event.target.value)}
+      onBlur={() => void handleBlur()}
+      disabled={!canEdit || isSettingAlias || isRemovingAlias}
+      placeholder={__("e.g. privacy-policy")}
+      className="min-w-[160px]"
+    />
+  );
+}

apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditList.tsx

@@ -53,6 +53,7 @@ export function CompliancePageAuditList(props: { fragmentRef: CompliancePageAudi
             <Th>{__("Name")}</Th>
             <Th>{__("Valid Until")}</Th>
             <Th>{__("State")}</Th>
+            <Th>{__("Alias")}</Th>
             <Th>{__("Visibility")}</Th>
           </Tr>
         </Thead>

apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditListItem.tsx

@@ -25,6 +25,8 @@ import type { CompliancePageAuditListItem_updateAuditVisibilityMutation } from "
 import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 
+import { CompliancePageAliasField } from "../../_components/CompliancePageAliasField";
+
 const compliancePageFragment = graphql`
   fragment CompliancePageAuditListItem_compliancePageFragment on TrustCenter {
     canUpdate: permission(action: "core:trust-center:update")
@@ -35,6 +37,9 @@ const auditFragment = graphql`
   fragment CompliancePageAuditListItem_auditFragment on Audit {
     id
     name
+    alias
+    canSetAlias: permission(action: "core:trust-center-alias:set")
+    canRemoveAlias: permission(action: "core:trust-center-alias:remove")
     framework {
       name
     }
@@ -111,6 +116,14 @@ export function CompliancePageAuditListItem(props: {
           {getAuditStateLabel(__, audit.state)}
         </Badge>
       </Td>
+      <Td noLink>
+        <CompliancePageAliasField
+          resourceId={audit.id}
+          alias={audit.alias}
+          canSetAlias={audit.canSetAlias}
+          canRemoveAlias={audit.canRemoveAlias}
+        />
+      </Td>
       <Td noLink width={130} className="pr-0">
         <Field
           type="select"

apps/console/src/pages/organizations/compliance-page/documents/_components/CompliancePageDocumentList.tsx

@@ -53,13 +53,14 @@ export function CompliancePageDocumentList(props: { fragmentRef: CompliancePageD
           <Tr>
             <Th>{__("Name")}</Th>
             <Th>{__("Type")}</Th>
+            <Th>{__("Alias")}</Th>
             <Th>{__("Visibility")}</Th>
           </Tr>
         </Thead>
         <Tbody>
           {publishedDocuments.length === 0 && (
             <Tr>
-              <Td colSpan={3} className="text-center text-txt-secondary">
+              <Td colSpan={4} className="text-center text-txt-secondary">
                 {__("No documents available")}
               </Td>
             </Tr>

apps/console/src/pages/organizations/compliance-page/documents/_components/CompliancePageDocumentListItem.tsx

@@ -24,6 +24,8 @@ import type { CompliancePageDocumentListItem_documentFragment$key } from "#/__ge
 import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 
+import { CompliancePageAliasField } from "../../_components/CompliancePageAliasField";
+
 const compliancePageFragment = graphql`
   fragment CompliancePageDocumentListItem_compliancePageFragment on TrustCenter {
     canUpdate: permission(action: "core:trust-center:update")
@@ -33,6 +35,9 @@ const compliancePageFragment = graphql`
 const documentFragment = graphql`
   fragment CompliancePageDocumentListItem_documentFragment on Document {
     id
+    alias
+    canSetAlias: permission(action: "core:trust-center-alias:set")
+    canRemoveAlias: permission(action: "core:trust-center-alias:remove")
     trustCenterVisibility
     latestPublishedVersion: versions(
       first: 1
@@ -113,6 +118,14 @@ export function CompliancePageDocumentListItem(props: {
       <Td>
         {latestVersion && <DocumentTypeBadge type={latestVersion.documentType} />}
       </Td>
+      <Td noLink>
+        <CompliancePageAliasField
+          resourceId={document.id}
+          alias={document.alias}
+          canSetAlias={document.canSetAlias}
+          canRemoveAlias={document.canRemoveAlias}
+        />
+      </Td>
       <Td noLink width={130} className="pr-0">
         <Field
           type="select"

apps/console/src/pages/organizations/compliance-page/files/_components/CompliancePageFileList.tsx

@@ -74,6 +74,7 @@ export function CompliancePageFileList(props: { fragmentRef: CompliancePageFileL
             <Th>{__("Name")}</Th>
             <Th>{__("Category")}</Th>
             <Th>{__("Upload Date")}</Th>
+            <Th>{__("Alias")}</Th>
             <Th>{__("Visibility")}</Th>
             <Th></Th>
           </Tr>
@@ -81,7 +82,7 @@ export function CompliancePageFileList(props: { fragmentRef: CompliancePageFileL
         <Tbody>
           {files.edges.length === 0 && (
             <Tr>
-              <Td colSpan={5} className="text-center text-txt-secondary">
+              <Td colSpan={6} className="text-center text-txt-secondary">
                 {__("No files available")}
               </Td>
             </Tr>

apps/console/src/pages/organizations/compliance-page/files/_components/CompliancePageFileListItem.tsx

@@ -24,6 +24,8 @@ import type { CompliancePageFileListItem_fileFragment$data, CompliancePageFileLi
 import type { CompliancePageFileListItemMutation } from "#/__generated__/core/CompliancePageFileListItemMutation.graphql";
 import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
 
+import { CompliancePageAliasField } from "../../_components/CompliancePageAliasField";
+
 const compliancePageFragment = graphql`
   fragment CompliancePageFileListItem_compliancePageFragment on TrustCenter {
     canUpdate: permission(action: "core:trust-center:update")
@@ -34,6 +36,9 @@ const fileFragment = graphql`
   fragment CompliancePageFileListItem_fileFragment on TrustCenterFile {
     id
     name
+    alias
+    canSetAlias: permission(action: "core:trust-center-alias:set")
+    canRemoveAlias: permission(action: "core:trust-center-alias:remove")
     category
     file {
       downloadUrl
@@ -103,6 +108,14 @@ export function CompliancePageFileListItem(props: {
       </Td>
       <Td>{file.category}</Td>
       <Td>{formatDate(file.createdAt)}</Td>
+      <Td noLink>
+        <CompliancePageAliasField
+          resourceId={file.id}
+          alias={file.alias}
+          canSetAlias={file.canSetAlias}
+          canRemoveAlias={file.canRemoveAlias}
+        />
+      </Td>
       <Td noLink width={130} className="pr-0">
         <Field
           type="select"