@allbluecn/admin-app 0.3.3 → 0.3.5

package/src/components/data-table/data-table.tsx

@@ -0,0 +1,218 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import type { CSSProperties } from 'react'
+import { useRef } from 'react'
+import {
+  type ColumnDef,
+  type RowData,
+  columnVisibilityFeature,
+  flexRender,
+  tableFeatures,
+  useTable,
+} from '@tanstack/react-table'
+import { useVirtualizer } from '@tanstack/react-virtual'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '../ui/table'
+import { VIRTUALIZE_THRESHOLD } from '@allbluecn/kernel'
+
+export const dataTableFeatures = tableFeatures({
+  columnVisibilityFeature,
+})
+
+export type AdminColumnDef<
+  TData extends RowData,
+  TValue = unknown,
+> = ColumnDef<typeof dataTableFeatures, TData, TValue> & {
+  meta?: { style?: CSSProperties }
+}
+
+export interface DataTableProps<TData extends RowData> {
+  columns: AdminColumnDef<TData>[];
+  data: TData[];
+  onRowClick?: (row: TData) => void;
+  actions?: React.ReactNode;
+}
+
+const ROW_HEIGHT = 48
+
+function ColGroup({ columns }: { columns: AdminColumnDef<any>[] }) {
+  return (
+    <colgroup>
+      {columns.map((col, i) => {
+        const style = (col.meta as { style?: CSSProperties } | undefined)?.style
+        const width = style?.width
+        return width != null ? <col key={i} style={{ width }} /> : null
+      })}
+    </colgroup>
+  )
+}
+
+export function DataTable<TData extends RowData>({
+  columns,
+  data,
+  onRowClick,
+  actions,
+}: DataTableProps<TData>) {
+  const table = useTable({
+    features: dataTableFeatures,
+    data,
+    columns,
+  });
+
+  const { rows } = table.getRowModel();
+  const parentRef = useRef<HTMLDivElement>(null);
+
+  const shouldVirtualize = rows.length > VIRTUALIZE_THRESHOLD;
+
+  const rowVirtualizer = useVirtualizer({
+    count: shouldVirtualize ? rows.length : 0,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => ROW_HEIGHT,
+    overscan: 10,
+    enabled: shouldVirtualize,
+  });
+
+  const virtualRows = shouldVirtualize ? rowVirtualizer.getVirtualItems() : [];
+  const totalHeight = shouldVirtualize ? rowVirtualizer.getTotalSize() : 0;
+  const paddingTop = virtualRows.length > 0 ? virtualRows[0].start : 0;
+  const paddingBottom =
+    virtualRows.length > 0
+      ? totalHeight - virtualRows[virtualRows.length - 1].end
+      : 0;
+
+  const headerGroups = table.getHeaderGroups();
+
+  const renderRows = () => {
+    if (!shouldVirtualize) {
+      return rows.map((row) => (
+        <TableRow
+          key={row.id}
+          className={onRowClick ? 'cursor-pointer' : undefined}
+          onClick={() => onRowClick?.(row.original)}
+        >
+          {row.getVisibleCells().map((cell) => {
+            const style = (cell.column.columnDef.meta as
+              | { style?: CSSProperties }
+              | undefined)?.style
+            const alignClass =
+              style?.textAlign === 'right' ? 'text-right' : undefined
+            return (
+              <TableCell
+                key={cell.id}
+                className={alignClass}
+                style={{ width: style?.width }}
+              >
+                {flexRender(cell.column.columnDef.cell, cell.getContext())}
+              </TableCell>
+            )
+          })}
+        </TableRow>
+      ))
+    }
+
+    return (
+      <>
+        {paddingTop > 0 && <tr style={{ height: paddingTop }} />}
+        {virtualRows.map((virtualRow) => {
+          const row = rows[virtualRow.index]
+          return (
+            <TableRow
+              key={row.id}
+              style={{
+                position: 'absolute',
+                transform: `translateY(${virtualRow.start}px)`,
+                height: ROW_HEIGHT,
+              }}
+              className={onRowClick ? 'cursor-pointer' : undefined}
+              onClick={() => onRowClick?.(row.original)}
+            >
+              {row.getVisibleCells().map((cell) => {
+                const style = (cell.column.columnDef.meta as
+                  | { style?: CSSProperties }
+                  | undefined)?.style
+                const alignClass =
+                  style?.textAlign === 'right' ? 'text-right' : undefined
+                return (
+                  <TableCell
+                    key={cell.id}
+                    className={alignClass}
+                    style={{ width: style?.width }}
+                  >
+                    {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                  </TableCell>
+                )
+              })}
+            </TableRow>
+          )
+        })}
+        {paddingBottom > 0 && <tr style={{ height: paddingBottom }} />}
+      </>
+    );
+  };
+
+  return (
+    <div className="rounded-md border flex flex-col min-h-0 flex-1 overflow-x-hidden">
+      <div className="shrink-0">
+        <Table className="table-fixed">
+          <ColGroup columns={columns} />
+          <TableHeader>
+            {headerGroups.map((headerGroup) => (
+              <TableRow key={headerGroup.id}>
+                {headerGroup.headers.map((header) => {
+                  const style = (
+                    header.column.columnDef.meta as
+                      | { style?: CSSProperties }
+                      | undefined
+                  )?.style
+                  const alignClass =
+                    style?.textAlign === 'right' ? 'text-right' : undefined
+                  return (
+                    <TableHead
+                      key={header.id}
+                      className={alignClass}
+                      style={{ width: style?.width }}
+                    >
+                      {header.isPlaceholder
+                        ? null
+                        : flexRender(header.column.columnDef.header, header.getContext())}
+                    </TableHead>
+                  )
+                })}
+              </TableRow>
+            ))}
+          </TableHeader>
+        </Table>
+      </div>
+      <div ref={parentRef} className="overflow-y-auto flex-1 min-h-0">
+        <div style={{ position: "relative", height: shouldVirtualize ? totalHeight : undefined }}>
+          <Table className="table-fixed">
+            <ColGroup columns={columns} />
+            <TableBody>{renderRows()}</TableBody>
+          </Table>
+        </div>
+      </div>
+      {actions && <div className="shrink-0 border-t">{actions}</div>}
+    </div>
+  );
+}

package/src/components/data-table/table-detail-layout.tsx

@@ -0,0 +1,97 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useNavigate } from "@tanstack/react-router";
+import { Button } from "../ui/button";
+import { Skeleton } from "../ui/skeleton";
+import { ArrowLeftIcon } from "lucide-react";
+
+interface TableDetailLayoutProps {
+  backHref: string;
+  // i18n 由消费方注入（包内不依赖 @/paraglide），原 admin 实现默认回退文案由调用方显式传入
+  backLabel: string;
+  title: string;
+  subtitle?: string;
+  avatar?: React.ReactNode;
+  badges?: React.ReactNode;
+  actions?: React.ReactNode;
+  loading?: boolean;
+  children: React.ReactNode;
+}
+
+export function TableDetailLayout({
+  backHref,
+  backLabel,
+  title,
+  subtitle,
+  avatar,
+  badges,
+  actions,
+  loading,
+  children,
+}: TableDetailLayoutProps) {
+  const navigate = useNavigate();
+
+  if (loading) {
+    return (
+      <div className="p-6 space-y-6">
+        <Skeleton className="h-8 w-24" />
+        <div className="flex items-center gap-4">
+          <Skeleton className="h-12 w-12 rounded-full" />
+          <div className="space-y-2">
+            <Skeleton className="h-6 w-40" />
+            <Skeleton className="h-4 w-60" />
+          </div>
+        </div>
+        <Skeleton className="h-64 w-full" />
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <div className="sticky top-0 z-10 bg-background border-b px-6 py-2.5">
+        <Button
+          variant="ghost"
+          size="sm"
+          onClick={() => navigate({ to: backHref })}
+          className="gap-1.5 text-muted-foreground hover:text-foreground"
+        >
+          <ArrowLeftIcon className="h-4 w-4" />
+          {backLabel}
+        </Button>
+      </div>
+      <div className="p-6 pt-4 space-y-6">
+        <div className="flex items-start justify-between">
+          <div className="flex items-center gap-4">
+            {avatar}
+            <div>
+              <div className="flex items-center gap-2">
+                <h1 className="text-2xl font-bold">{title}</h1>
+                {badges}
+              </div>
+              {subtitle && <p className="text-muted-foreground mt-1">{subtitle}</p>}
+            </div>
+          </div>
+          {actions && <div className="flex gap-2">{actions}</div>}
+        </div>
+
+        {children}
+      </div>
+    </div>
+  );
+}

package/src/components/dependency/changelog-dialog.tsx

@@ -21,14 +21,14 @@ import ReactMarkdown from "react-markdown"
 import remarkGfm from "remark-gfm"
 import { ExternalLink, FileText } from "lucide-react"
 import type { ThirdPartyDependencyRow } from "@allbluecn/kernel"
-import { Button } from "@allbluecn/ui/button"
+import { Button } from "@/components/ui/button"
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@allbluecn/ui/dialog"
+} from "@/components/ui/dialog"
 
 export function ChangelogDialog({ row }: { row: ThirdPartyDependencyRow }) {
   const [open, setOpen] = useState(false)

package/src/components/dependency/columns.tsx

@@ -29,9 +29,9 @@ import {
   type ThirdPartyDependencyRow,
   type VersionStatus,
 } from "@allbluecn/kernel"
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 import { cn } from "@/lib/utils"
 import { EditDependencyDialog } from "./edit-dialog"
 import { ChangelogDialog } from "./changelog-dialog"

package/src/components/dependency/dependency-table.tsx

@@ -22,7 +22,7 @@ import {
   useTable,
   type PaginationState,
 } from "@tanstack/react-table"
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { RefreshCw, Search, TriangleAlert, Loader2 } from "lucide-react"
 import {
   DEPENDENCY_CATEGORIES,
@@ -31,10 +31,10 @@ import {
   type VersionStatus,
 } from "@allbluecn/kernel"
 import { syncAllDependenciesFn, syncDependencyFn } from "@/server/serverFns/dependency/sync"
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
-import { Input } from "@allbluecn/ui/input"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@allbluecn/ui/select"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import {
   Table,
   TableBody,
@@ -42,7 +42,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@allbluecn/ui/table"
+} from "@/components/ui/table"
 import {
   Pagination,
   PaginationContent,
@@ -51,7 +51,7 @@ import {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
-} from "@allbluecn/ui/pagination"
+} from "@/components/ui/pagination"
 import { cn } from "@/lib/utils"
 import { dependencyTableFeatures, getDependencyColumns } from "./columns"
 

package/src/components/dependency/edit-dialog.tsx

@@ -17,7 +17,7 @@
 
 import { useState } from "react"
 import { m } from '@/paraglide/messages.js'
-import { toast } from '@allbluecn/ui/toast'
+import { toast } from '@/components/ui/toast'
 import { Loader2, Pencil } from "lucide-react"
 import {
   DEPENDENCY_CATEGORIES,
@@ -26,13 +26,13 @@ import {
   type ThirdPartyDependencyRow,
 } from "@allbluecn/kernel"
 import { updateDependencyFn } from "@/server/serverFns/dependency/update"
-import { Button } from "@allbluecn/ui/button"
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@allbluecn/ui/dialog"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@allbluecn/ui/select"
-import { Textarea } from "@allbluecn/ui/textarea"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Textarea } from "@/components/ui/textarea"
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
 
 export function EditDependencyDialog({
   row,

package/src/components/invitations/invitations-page.tsx

@@ -19,15 +19,15 @@ import { useState } from "react"
 import type React from "react"
 import { m } from "@/paraglide/messages.js"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
-import { toast } from "@allbluecn/ui/toast"
+import { toast } from "@/components/ui/toast"
 import { Ticket, Plus, Copy, Ban, CheckCircle2, Trash2, Users } from "lucide-react"
 import { PageHeader } from "@/components/common/page-header"
-import { Button } from "@allbluecn/ui/button"
-import { Badge } from "@allbluecn/ui/badge"
-import { Input } from "@allbluecn/ui/input"
-import { Label } from "@allbluecn/ui/label"
-import { Switch } from "@allbluecn/ui/switch"
-import { Skeleton } from "@allbluecn/ui/skeleton"
+import { Button } from "@/components/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Switch } from "@/components/ui/switch"
+import { Skeleton } from "@/components/ui/skeleton"
 import {
   Dialog,
   DialogContent,
@@ -35,8 +35,8 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@allbluecn/ui/dialog"
-import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog"
+} from "@/components/ui/dialog"
+import { ConfirmDialog } from "@/components/confirm-dialog"
 import {
   Table,
   TableBody,
@@ -44,13 +44,13 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@allbluecn/ui/table"
+} from "@/components/ui/table"
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@allbluecn/ui/tooltip"
-import { Card, CardContent } from "@allbluecn/ui/card"
+} from "@/components/ui/tooltip"
+import { Card, CardContent } from "@/components/ui/card"
 import {
   listInvitationCodesFn,
   createInvitationCodeFn,
@@ -59,7 +59,7 @@ import {
   getRegistrationModeFn,
   setRegistrationModeFn,
 } from "@/server/serverFns/invitations"
-import { formatTimestamp } from "@allbluecn/ui/lib/datetime"
+import { formatTimestamp } from "@/lib/datetime"
 
 type RegistrationMode = "invite" | "open"
 

package/src/components/knowledge-public/bookmark-form-dialog.tsx

@@ -17,18 +17,18 @@
 
 import { useState, useEffect } from 'react'
 import { Loader2 } from 'lucide-react'
-import { toast } from '@allbluecn/ui/toast'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Textarea } from '@allbluecn/ui/textarea'
+import { toast } from '@/components/ui/toast'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
+} from '@/components/ui/dialog'
 import { adminCreateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/create'
 import { adminUpdateBookmarkFn } from '@/server/serverFns/knowledge-public/bookmarks/update'
 import { adminGetBookmarkDetailFn } from '@/server/serverFns/knowledge-public/bookmarks/detail'

package/src/components/knowledge-public/compliance-form-dialog.tsx

@@ -17,18 +17,18 @@
 
 import { useState, useEffect } from 'react'
 import { Loader2, PlusIcon, Trash2Icon } from 'lucide-react'
-import { toast } from '@allbluecn/ui/toast'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Textarea } from '@allbluecn/ui/textarea'
+import { toast } from '@/components/ui/toast'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
+} from '@/components/ui/dialog'
 import { adminCreateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/create'
 import { adminUpdateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/update'
 import { adminGetComplianceDetailFn } from '@/server/serverFns/knowledge-public/compliance/detail'

package/src/components/knowledge-public/legal-form-dialog.tsx

@@ -18,25 +18,25 @@
 import { useState, useEffect } from 'react'
 import { m } from '@/paraglide/messages.js'
 import { Loader2 } from 'lucide-react'
-import { toast } from '@allbluecn/ui/toast'
-import { Button } from '@allbluecn/ui/button'
-import { Input } from '@allbluecn/ui/input'
-import { Label } from '@allbluecn/ui/label'
-import { Textarea } from '@allbluecn/ui/textarea'
+import { toast } from '@/components/ui/toast'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@allbluecn/ui/select'
+} from '@/components/ui/select'
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from '@allbluecn/ui/dialog'
+} from '@/components/ui/dialog'
 import { adminCreateLegalFn } from '@/server/serverFns/knowledge-public/legal/create'
 import { adminUpdateLegalFn } from '@/server/serverFns/knowledge-public/legal/update'
 import { adminGetLegalDetailFn } from '@/server/serverFns/knowledge-public/legal/detail'

package/src/components/layout/sidebar-02/app-sidebar.tsx

@@ -22,7 +22,7 @@ import {
   SidebarHeader,
   SidebarTrigger,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
 import { m } from '@/paraglide/messages.js'
 import { motion } from "motion/react";

package/src/components/layout/sidebar-02/index.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { ReactNode } from "react"
-import { SidebarInset, SidebarProvider } from "@allbluecn/ui/sidebar";
+import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { DashboardSidebar } from "@/components/layout/sidebar-02/app-sidebar";
 
 export default function Sidebar02({ children }: { children?: ReactNode }) {

package/src/components/layout/sidebar-02/nav-main.tsx

@@ -19,7 +19,7 @@
 import {
   Collapsible,
   CollapsibleContent,
-} from "@allbluecn/ui/collapsible";
+} from "@/components/ui/collapsible";
 import {
   SidebarMenu,
   SidebarMenuButton,
@@ -28,7 +28,7 @@ import {
   SidebarMenuSubButton,
   SidebarMenuItem as SidebarMenuSubItem,
   useSidebar,
-} from "@allbluecn/ui/sidebar";
+} from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { Link } from "@tanstack/react-router";

package/src/components/layout/sidebar-02/nav-notifications.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 
-import { Avatar, AvatarFallback, AvatarImage } from "@allbluecn/ui/avatar";
-import { Button } from "@allbluecn/ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -25,7 +25,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import { BellIcon } from "lucide-react";
 
 type Notification = {

package/src/components/market/columns.tsx

@@ -15,17 +15,17 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import type { AdminColumnDef } from "@allbluecn/ui/data-table";
+import type { AdminColumnDef } from "@/components/data-table/data-table";
 import { m } from '@/paraglide/messages.js'
-import { Badge } from "@allbluecn/ui/badge"
-import { Button } from "@allbluecn/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@allbluecn/ui/dropdown-menu"
+} from "@/components/ui/dropdown-menu"
 import { MoreHorizontalIcon, PencilIcon, TrashIcon, EyeIcon, EyeOffIcon } from "lucide-react"
 
 export type MarketAppRow = {