From e5073ae4131349f0557963968dbeebe869a02dc7 Mon Sep 17 00:00:00 2001
From: Artyom Zaporozhets <kraysent@gmail.com>
Date: Sun, 31 Aug 2025 09:34:32 +0300
Subject: [PATCH 1/4] some formatting changes

---
 src/components/ui/card.tsx   |  2 +-
 src/components/ui/footer.tsx |  4 +--
 src/components/ui/hint.tsx   |  2 +-
 src/pages/ObjectDetails.tsx  |  4 +--
 src/pages/TableDetails.tsx   | 60 +++++++++++++++++++++---------------
 5 files changed, 42 insertions(+), 30 deletions(-)

diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index dbd4068..fb0cd56 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -14,7 +14,7 @@ export function Card(props: CardProps): ReactElement {
       className={classNames(
         "shadow-md rounded p-2 hover:shadow-lg transition-shadow border border-gray-200",
         { "cursor-pointer": props.onClick },
-        props.className,
+        props.className
       )}
       onClick={props.onClick}
     >
diff --git a/src/components/ui/footer.tsx b/src/components/ui/footer.tsx
index 52fe08f..fa3947a 100644
--- a/src/components/ui/footer.tsx
+++ b/src/components/ui/footer.tsx
@@ -10,7 +10,7 @@ const footerContent = (
       Information: <Link href="https://hyperleda.github.io/" />
     </div>
     <div>
-      Old version: <Link href="http://leda.univ-lyon1.fr/" />
+      Original version: <Link href="http://leda.univ-lyon1.fr/" />
     </div>
   </div>
 );
@@ -37,7 +37,7 @@ export function Footer() {
       </Button>
 
       <footer
-        className={`fixed bottom-0 border-1 left-0 right-0 py-3 z-10 shadow-lg backdrop-blur-sm bg-opacity-99 mx-10 mb-3 rounded transition-all duration-300 ease-in-out ${
+        className={`fixed bottom-0 border-1 left-0 right-0 py-3 z-10 shadow-lg backdrop-blur-sm mx-10 mb-3 rounded transition-all duration-300 ease-in-out ${
           isCollapsed
             ? "opacity-0 translate-y-full pointer-events-none"
             : "opacity-100 translate-y-0"
diff --git a/src/components/ui/hint.tsx b/src/components/ui/hint.tsx
index bffe585..513e2e1 100644
--- a/src/components/ui/hint.tsx
+++ b/src/components/ui/hint.tsx
@@ -19,7 +19,7 @@ export function Hint(props: HintProps): ReactElement {
           content={props.hintContent}
           arrow={false}
           placement="top"
-          className="bg-gray-600 px-2 border-1 max-w-xl"
+          className="bg-gray-600 z-10 backdrop-blur-sm bg-opacity-99 border-1 max-w-xl"
         >
           <MdHelpOutline />
         </Tooltip>
diff --git a/src/pages/ObjectDetails.tsx b/src/pages/ObjectDetails.tsx
index 39e8add..a58657a 100644
--- a/src/pages/ObjectDetails.tsx
+++ b/src/pages/ObjectDetails.tsx
@@ -134,7 +134,7 @@ function renderObjectDetails(
   ];
 
   return (
-    <div className="space-y-6 p-4 rounded-lg">
+    <div className="space-y-6 rounded-lg">
       <div className="flex items-start space-x-6">
         {object.catalogs?.coordinates?.equatorial && (
           <AladinViewer
@@ -222,7 +222,7 @@ export function ObjectDetailsPage(): ReactElement {
   }, [pgcId, navigate]);
 
   return (
-    <div className="p-4">
+    <div className="p-8">
       <SearchBar
         onSearch={searchHandler(navigate)}
         logoSize="small"
diff --git a/src/pages/TableDetails.tsx b/src/pages/TableDetails.tsx
index 1b54d21..5d1369b 100644
--- a/src/pages/TableDetails.tsx
+++ b/src/pages/TableDetails.tsx
@@ -58,7 +58,7 @@ function renderUCD(ucd: CellPrimitive): ReactElement {
         className="inline-block bg-gray-600 rounded px-1.5 py-0.5 text-sm mr-0.5 mb-0.5"
       >
         {word}
-      </div>,
+      </div>
     );
   });
 
@@ -77,35 +77,52 @@ function renderColumnName(name: CellPrimitive): ReactElement {
   );
 }
 
-function renderTableDetails(
-  tableName: string,
-  table: GetTableResponse,
-): ReactElement {
+interface TableMetaProps {
+  tableName: string;
+  table: GetTableResponse;
+}
+
+function TableMeta(props: TableMetaProps): ReactElement {
   const infoColumns = [{ name: "Parameter" }, { name: "Value" }];
 
   const infoValues: Record<string, CellPrimitive>[] = [
     {
       Parameter: "Table ID",
-      Value: table.id,
+      Value: props.table.id,
     },
     {
       Parameter: "Source paper",
-      Value: renderBibliography(table.bibliography),
+      Value: renderBibliography(props.table.bibliography),
     },
     {
       Parameter: "Number of records",
-      Value: table.rows_num,
+      Value: props.table.rows_num,
     },
     {
       Parameter: "Type of data",
-      Value: String(table.meta.datatype),
+      Value: String(props.table.meta.datatype),
     },
     {
       Parameter: "Modification time",
-      Value: renderTime(table.meta.modification_dt as string),
+      Value: renderTime(props.table.meta.modification_dt as string),
     },
   ];
 
+  return (
+    <CommonTable columns={infoColumns} data={infoValues} className="pb-5">
+      <h2 className="text-2xl font-bold text-white mb-2">
+        {props.table.description}
+      </h2>
+      <p className="text-gray-300 font-mono">{props.tableName}</p>
+    </CommonTable>
+  );
+}
+
+interface ColumnInfoProps {
+  table: GetTableResponse;
+}
+
+function ColumnInfo(props: ColumnInfoProps): ReactElement {
   const columnInfoColumns: Column[] = [
     { name: "Name", renderCell: renderColumnName },
     { name: "Description" },
@@ -128,7 +145,7 @@ function renderTableDetails(
 
   const columnInfoValues: Record<string, CellPrimitive>[] = [];
 
-  table.column_info.forEach((col) => {
+  props.table.column_info.forEach((col) => {
     const colValue: Record<string, CellPrimitive> = {
       Name: col.name,
     };
@@ -147,17 +164,9 @@ function renderTableDetails(
   });
 
   return (
-    <div className="p-4">
-      <CommonTable columns={infoColumns} data={infoValues} className="pb-5">
-        <h2 className="text-2xl font-bold text-white mb-2">
-          {table.description}
-        </h2>
-        <p className="text-gray-300 font-mono">{tableName}</p>
-      </CommonTable>
-      <CommonTable columns={columnInfoColumns} data={columnInfoValues}>
-        <h2 className="text-2xl font-bold text-white">Column information</h2>
-      </CommonTable>
-    </div>
+    <CommonTable columns={columnInfoColumns} data={columnInfoValues}>
+      <h2 className="text-2xl font-bold text-white">Column information</h2>
+    </CommonTable>
   );
 }
 
@@ -214,13 +223,16 @@ export function TableDetailsPage(): ReactElement {
   }, [tableName, navigate]);
 
   return (
-    <div className="p-4">
+    <div className="p-8">
       {loading ? (
         <div className="flex justify-center items-center h-64">
           <p className="text-gray-300 text-lg">Loading...</p>
         </div>
       ) : table ? (
-        renderTableDetails(tableName ?? "", table)
+        <div>
+          <TableMeta tableName={tableName ?? ""} table={table} />
+          <ColumnInfo table={table} />
+        </div>
       ) : error ? (
         renderError(error)
       ) : (

From c8b5f01834a8d7708d61fc7ebe62df0bf6b0dcb6 Mon Sep 17 00:00:00 2001
From: Artyom Zaporozhets <kraysent@gmail.com>
Date: Sun, 31 Aug 2025 09:38:16 +0300
Subject: [PATCH 2/4] formatting

---
 eslint.config.ts           | 1 -
 src/components/ui/card.tsx | 2 +-
 src/pages/TableDetails.tsx | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/eslint.config.ts b/eslint.config.ts
index 85f2e1c..74f327e 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -53,6 +53,5 @@ export default tseslint.config(eslintConfigPrettier, {
     "no-var": "error",
     "prefer-const": "error",
     "require-await": "error",
-    // 'sort-imports': 'error' // TODO: add code formatter
   },
 });
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index fb0cd56..dbd4068 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -14,7 +14,7 @@ export function Card(props: CardProps): ReactElement {
       className={classNames(
         "shadow-md rounded p-2 hover:shadow-lg transition-shadow border border-gray-200",
         { "cursor-pointer": props.onClick },
-        props.className
+        props.className,
       )}
       onClick={props.onClick}
     >
diff --git a/src/pages/TableDetails.tsx b/src/pages/TableDetails.tsx
index 5d1369b..2320cdc 100644
--- a/src/pages/TableDetails.tsx
+++ b/src/pages/TableDetails.tsx
@@ -58,7 +58,7 @@ function renderUCD(ucd: CellPrimitive): ReactElement {
         className="inline-block bg-gray-600 rounded px-1.5 py-0.5 text-sm mr-0.5 mb-0.5"
       >
         {word}
-      </div>
+      </div>,
     );
   });
 

From a806cb182dd3b96caa25e513df93e0a67cc10f6e Mon Sep 17 00:00:00 2001
From: Artyom Zaporozhets <kraysent@gmail.com>
Date: Sun, 31 Aug 2025 09:56:53 +0300
Subject: [PATCH 3/4] add marking rules table

---
 src/pages/TableDetails.tsx | 53 ++++++++++++++++++++++++++++++--------
 1 file changed, 42 insertions(+), 11 deletions(-)

diff --git a/src/pages/TableDetails.tsx b/src/pages/TableDetails.tsx
index 2320cdc..f2e5409 100644
--- a/src/pages/TableDetails.tsx
+++ b/src/pages/TableDetails.tsx
@@ -83,9 +83,9 @@ interface TableMetaProps {
 }
 
 function TableMeta(props: TableMetaProps): ReactElement {
-  const infoColumns = [{ name: "Parameter" }, { name: "Value" }];
+  const columns = [{ name: "Parameter" }, { name: "Value" }];
 
-  const infoValues: Record<string, CellPrimitive>[] = [
+  const values: Record<string, CellPrimitive>[] = [
     {
       Parameter: "Table ID",
       Value: props.table.id,
@@ -109,21 +109,51 @@ function TableMeta(props: TableMetaProps): ReactElement {
   ];
 
   return (
-    <CommonTable columns={infoColumns} data={infoValues} className="pb-5">
-      <h2 className="text-2xl font-bold text-white mb-2">
-        {props.table.description}
-      </h2>
+    <CommonTable columns={columns} data={values} className="pb-5">
+      <h2 className="text-2xl font-bold mb-2">{props.table.description}</h2>
       <p className="text-gray-300 font-mono">{props.tableName}</p>
     </CommonTable>
   );
 }
 
+interface MarkingRulesProps {
+  table: GetTableResponse;
+}
+
+function MarkingRules(props: MarkingRulesProps): ReactElement {
+  const columns: Column[] = [
+    { name: "Catalog" },
+    { name: "Parameter" },
+    { name: "Column name" },
+  ];
+
+  const values: Record<string, CellPrimitive>[] = [];
+
+  props.table.marking_rules.forEach((rules) => {
+    for (const key in rules.columns) {
+      values.push({
+        Catalog: rules.catalog,
+        Parameter: key,
+        "Column name": rules.columns[key],
+      });
+    }
+  });
+
+  return (
+    <CommonTable columns={columns} data={values} className="pb-5">
+      <h2 className="text-2xl font-bold">
+        Mapping of columns to catalog values for marking of objects.
+      </h2>
+    </CommonTable>
+  );
+}
+
 interface ColumnInfoProps {
   table: GetTableResponse;
 }
 
 function ColumnInfo(props: ColumnInfoProps): ReactElement {
-  const columnInfoColumns: Column[] = [
+  const columns: Column[] = [
     { name: "Name", renderCell: renderColumnName },
     { name: "Description" },
     { name: "Unit" },
@@ -143,7 +173,7 @@ function ColumnInfo(props: ColumnInfoProps): ReactElement {
     },
   ];
 
-  const columnInfoValues: Record<string, CellPrimitive>[] = [];
+  const values: Record<string, CellPrimitive>[] = [];
 
   props.table.column_info.forEach((col) => {
     const colValue: Record<string, CellPrimitive> = {
@@ -160,12 +190,12 @@ function ColumnInfo(props: ColumnInfoProps): ReactElement {
       colValue.UCD = col.ucd;
     }
 
-    columnInfoValues.push(colValue);
+    values.push(colValue);
   });
 
   return (
-    <CommonTable columns={columnInfoColumns} data={columnInfoValues}>
-      <h2 className="text-2xl font-bold text-white">Column information</h2>
+    <CommonTable columns={columns} data={values}>
+      <h2 className="text-2xl font-bold">Column information</h2>
     </CommonTable>
   );
 }
@@ -231,6 +261,7 @@ export function TableDetailsPage(): ReactElement {
       ) : table ? (
         <div>
           <TableMeta tableName={tableName ?? ""} table={table} />
+          <MarkingRules table={table} />
           <ColumnInfo table={table} />
         </div>
       ) : error ? (

From e2f558f2e34a5fd5a2f1c09ea2ed02a0886698cd Mon Sep 17 00:00:00 2001
From: Artyom Zaporozhets <kraysent@gmail.com>
Date: Sun, 31 Aug 2025 15:05:27 +0300
Subject: [PATCH 4/4] add catalog names

---
 src/assets/texts.json       |  7 +++++++
 src/pages/TableDetails.tsx  | 11 ++++++++---
 src/resources/resources.tsx | 19 +++++++++++++++++++
 3 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/texts.json
 create mode 100644 src/resources/resources.tsx

diff --git a/src/assets/texts.json b/src/assets/texts.json
new file mode 100644
index 0000000..e843a99
--- /dev/null
+++ b/src/assets/texts.json
@@ -0,0 +1,7 @@
+{
+  "title": {
+    "catalog.designation": "Designation",
+    "catalog.icrs": "Celestial coordinates",
+    "catalog.redshift": "Redshift"
+  }
+}
diff --git a/src/pages/TableDetails.tsx b/src/pages/TableDetails.tsx
index f2e5409..00d1cdc 100644
--- a/src/pages/TableDetails.tsx
+++ b/src/pages/TableDetails.tsx
@@ -13,6 +13,7 @@ import {
 } from "../components/ui/common-table";
 import { CopyButton } from "../components/ui/copy-button";
 import { Link } from "../components/ui/link";
+import { getResource } from "../resources/resources";
 
 function renderBibliography(bib: Bibliography): ReactElement {
   let authors = "";
@@ -120,11 +121,15 @@ interface MarkingRulesProps {
   table: GetTableResponse;
 }
 
+function renderCatalog(catalog: CellPrimitive): ReactElement {
+  return <span>{getResource(`catalog.${String(catalog)}`).Title}</span>;
+}
+
 function MarkingRules(props: MarkingRulesProps): ReactElement {
   const columns: Column[] = [
-    { name: "Catalog" },
+    { name: "Catalog", renderCell: renderCatalog },
     { name: "Parameter" },
-    { name: "Column name" },
+    { name: "Column name", renderCell: renderColumnName },
   ];
 
   const values: Record<string, CellPrimitive>[] = [];
@@ -142,7 +147,7 @@ function MarkingRules(props: MarkingRulesProps): ReactElement {
   return (
     <CommonTable columns={columns} data={values} className="pb-5">
       <h2 className="text-2xl font-bold">
-        Mapping of columns to catalog values for marking of objects.
+        Mapping of columns to catalog values for marking of records.
       </h2>
     </CommonTable>
   );
diff --git a/src/resources/resources.tsx b/src/resources/resources.tsx
new file mode 100644
index 0000000..a3142fd
--- /dev/null
+++ b/src/resources/resources.tsx
@@ -0,0 +1,19 @@
+import texts from "../assets/texts.json";
+
+export interface Resource {
+  Title: string;
+}
+
+export function getResource(key: string): Resource {
+  const titleProp = key as keyof typeof texts.title;
+
+  if (titleProp in texts.title) {
+    return {
+      Title: String(texts.title[titleProp]),
+    };
+  }
+
+  return {
+    Title: key,
+  };
+}