Release v0.1.2

webui/src/features/templates/TemplatesPage.tsx

@@ -1,9 +1,10 @@
 import { useMemo, useState } from "react";
-import Button from "../../components/Button";
-import Card from "../../components/Card";
-import PageTitle from "../../components/PageTitle";
-import FieldLabel from "../../components/help/FieldLabel";
-import StatusBadge from "../../components/StatusBadge";
+import { ExternalLink } from "lucide-react";
+import { Button } from "@govoplan/core-webui";
+import { Card } from "@govoplan/core-webui";
+import { PageTitle } from "@govoplan/core-webui";
+import { FieldLabel } from "@govoplan/core-webui";
+import { StatusBadge } from "@govoplan/core-webui";
 import ModuleSubnav, { type ModuleSubnavGroup } from "../../layout/ModuleSubnav";
 import DataGrid, { type DataGridColumn } from "../../components/table/DataGrid";
 
@@ -89,7 +90,18 @@ function templateLibraryColumns(openTemplate: (templateId: string) => void): Dat
     { id: "fields", header: "Fields", width: 240, filterable: true, render: (template) => <div className="chip-row compact-chip-row">{template.fields.slice(0, 3).map((field) => <span key={field} className="field-chip">{field}</span>)}</div>, value: (template) => template.fields.join(", ") },
     { id: "updated", header: "Updated", width: 170, sortable: true, filterable: true, filterType: "date", render: (template) => <span className="muted small-text">{template.updatedAt}</span>, value: (template) => template.updatedAt },
     { id: "status", header: "Status", width: 130, sortable: true, filterable: true, columnType: "from-list", list: { options: [{ value: "draft", label: "Draft" }, { value: "active", label: "Active" }, { value: "archived", label: "Archived" }], display: "pill" }, render: (template) => <StatusBadge status={template.status} />, value: (template) => template.status },
-    { id: "actions", header: "Actions", width: 110, sticky: "end", render: (template) => <Button onClick={() => openTemplate(template.id)}>Open</Button> }
+    {
+      id: "actions",
+      header: "Actions",
+      width: 70,
+      sticky: "end",
+      align: "right",
+      render: (template) => (
+        <Button className="admin-icon-button" onClick={() => openTemplate(template.id)} aria-label={`Open ${template.name}`} title={`Open ${template.name}`}>
+          <ExternalLink />
+        </Button>
+      )
+    }
   ];
 }