@alneas/appkit-react 0.2.0 → 0.3.1

package/dist/tools/components/data-table/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","names":["React","m.dataTable_noResults","FilterIcon","m.dataTable_items","m.dataTable_filterPlaceholder","m.dataTable_view","m.dataTable_toggleColumns","m.dataTable_rowsSelected","m.dataTable_rowsPerPage","m.dataTable_page","m.dataTable_goToFirstPage","m.dataTable_goToPreviousPage","m.dataTable_goToNextPage","m.dataTable_goToLastPage","_Fragment","datatable_filterplaceholder2","datatable_gotofirstpage4","datatable_gotolastpage4","datatable_gotonextpage4","datatable_gotopreviouspage4","datatable_items1","datatable_noresults2","datatable_page1","datatable_rowsperpage3","datatable_rowsselected2","datatable_togglecolumns2","datatable_view1","React$1","DataTableColumnHeader","useSortable","header","enableColumnOrdering","canSort","sortDirection","isSorted","SortLabel","style","CSS","transform","isDragging","TableHead","setNodeRef","cn","enableMultiSort","setActivatorNodeRef","attributes","listeners","GripVertical","event","flexRender","jsx","ChevronUp","ChevronDown","sortIndex","DataTable","controlledSorting","controlledPagination","getTableSettings","useDataTableStore","state","setTableSettings","hasHydrated","mounted","filterOpen","setFilterOpen","defaultFilterOpen","localSorting","setLocalSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","localPagination","setLocalPagination","columnOrder","setColumnOrder","columns","c","isPaginationControlled","sorting","pagination","setSorting","next","updater","onSortingChange","setPagination","onPaginationChange","settingsLoaded","setSettingsLoaded","columnIdListKey","validColumnIds","loadKey","storageKey","storedSettings","validSorting","s","validVisibility","key","value","prev","validStoredOrder","id","storedOrderSet","newColumns","mergedOrder","rowNumberColumn","tableInstance","paginationState","row","columnsWithRowNumber","cols","showRowNumber","enableSortingByDefault","col","getRowId","rowIdField","obj","originalRow","manualFiltering","onColumnFiltersChange","table","useTable","dataTableFeatures","manualPagination","pageCount","rowCount","index","onSelectionChange","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","handleDragEnd","active","over","oldIndex","order","newIndex","arrayMove","getSortIndex","columnId","renderTable","DndContext","closestCenter","tableClassName","Table","TableHeader","SortableContext","horizontalListSortingStrategy","TableRow","headerGroup","TableBody","onRowClick","TableCell","cell","renderLoadingTable","variant","containerClassName","DataTablePagination","onAdd","Button","Plus","DataTableViewOptions","filterContent","filterLayout","Filter","DataTablePaginationCompact","itemCount","activeFiltersContent","filterColumn","Input","DropdownMenu","DropdownMenuTrigger","buttonVariants","Settings2","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","e","pageSizeOptions","pageSize","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","totalPages","Fragment"],"sources":["../../../../src/tools/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @fileoverview DataTable component with sorting, pagination, and persistence\n *\n * A feature-rich data table built on TanStack Table with:\n * - Three layout variants: default, toolbar, minimal\n * - Single and multi-column sorting\n * - Column reordering via drag-and-drop\n * - Column visibility toggle\n * - Settings persistence via Zustand store\n * - Row selection and click handling\n * - Server-side pagination/sorting support\n *\n * @module data-table/data-table\n */\n\nimport * as React from 'react';\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  ColumnOrderState,\n  PaginationState,\n  flexRender,\n  useTable,\n  dataTableFeatures,\n  Table as TableInstance,\n  Header,\n} from './table-engine';\nimport * as m from '../../paraglide/messages.js';\n\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  horizontalListSortingStrategy,\n  useSortable,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { cn } from \"../../lib/utils\";\nimport { Button, buttonVariants } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Settings2,\n  GripVertical,\n  Plus,\n  ChevronUp,\n  ChevronDown,\n  Filter as FilterIcon,\n} from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n} from '../ui/dropdown-menu';\n\nimport { useDataTableStore } from './table-store';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * テーブルレイアウトのバリアント\n * Table layout variants\n */\nexport type DataTableVariant = 'default' | 'toolbar' | 'minimal';\n\n// =============================================================================\n// Sortable Header Component\n// =============================================================================\n\ninterface DataTableColumnHeaderProps<\n  TData extends object,\n  TValue,\n> extends React.HTMLAttributes<HTMLTableCellElement> {\n  header: Header<TData, TValue>;\n  enableColumnOrdering?: boolean;\n  enableMultiSort?: boolean;\n  sortIndex?: number;\n}\n\nfunction DataTableColumnHeader<TData extends object, TValue>({\n  header,\n  enableColumnOrdering = true,\n  enableMultiSort = false,\n  sortIndex,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({\n    id: header.column.id,\n    disabled: !enableColumnOrdering,\n  });\n\n  const canSort = header.column.getCanSort();\n  const sortDirection = header.column.getIsSorted();\n  const isSorted = sortDirection !== false;\n  const SortLabel = canSort && typeof header.column.columnDef.header !== 'function' ? 'button' : 'span';\n\n  const style: React.CSSProperties = enableColumnOrdering\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n        opacity: isDragging ? 0.8 : 1,\n        zIndex: isDragging ? 1 : 0,\n        position: 'relative',\n        cursor: 'move',\n      }\n    : {};\n\n  const handleSort = (e: React.MouseEvent) => {\n    if (!canSort || (e.target as HTMLElement).closest('button, input, select, [role=checkbox]')) return;\n    if (enableMultiSort && e.shiftKey) {\n      header.column.toggleSorting(undefined, true);\n    } else {\n      header.column.toggleSorting();\n    }\n  };\n\n  return (\n    <TableHead\n      ref={enableColumnOrdering ? setNodeRef : undefined}\n      style={style}\n      aria-sort={canSort ? (sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none') : undefined}\n      className={cn(\n        'bg-primary/10 text-primary font-bold border-b border-primary/20',\n        canSort && 'cursor-pointer select-none hover:bg-primary/20 transition-colors',\n      )}\n      onClick={canSort ? handleSort : undefined}\n    >\n      {enableColumnOrdering && !header.isPlaceholder && <button\n        type='button' ref={setActivatorNodeRef} {...attributes} {...listeners}\n        aria-label={`Reorder column ${header.column.id}`}\n        className='inline-flex h-6 w-6 items-center justify-center cursor-grab'\n      ><GripVertical className='h-3 w-3' aria-hidden='true' /></button>}\n      {header.isPlaceholder ? null : (\n        <span className='inline-flex items-center gap-1'>\n          <SortLabel className={cn(isSorted && 'font-semibold')}\n            {...(SortLabel === 'button' ? { type: 'button' as const, onClick: (event: React.MouseEvent) => {\n              event.stopPropagation();\n              header.column.toggleSorting(undefined, enableMultiSort && event.shiftKey);\n            } } : {})}\n          >\n            {flexRender(header.column.columnDef.header, header.getContext())}\n          </SortLabel>\n          {/* Only show sort indicator when column is actively sorted */}\n          {isSorted && (\n            <span className='inline-flex items-center text-xs'>\n              {sortDirection === 'asc' ? (\n                <ChevronUp className='h-3.5 w-3.5' />\n              ) : (\n                <ChevronDown className='h-3.5 w-3.5' />\n              )}\n              {enableMultiSort && sortIndex !== undefined && sortIndex >= 0 && (\n                <span className='text-[10px] ml-0.5'>{sortIndex + 1}</span>\n              )}\n            </span>\n          )}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\n// =============================================================================\n// DataTable Props\n// =============================================================================\n\n/**\n * DataTableProps\n * DataTableのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container element\n * - Pattern: `{testId}`, rows: `{testId}-row-{id}`, pagination: `{testId}-pagination`\n */\nexport interface DataTableProps<TData extends object, TValue> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /** 列定義 / Column definitions */\n  columns: ColumnDef<TData, TValue>[];\n  /** データ配列 / Data array */\n  data: TData[];\n  /** テーブルレイアウトのバリアント / Table layout variant */\n  variant?: DataTableVariant;\n  /** ツールバー用カスタムフィルターコンテンツ / Custom filter content for toolbar */\n  filterContent?: React.ReactNode;\n  /** 設定永続化用キー（Zustandストアで使用） / Storage key for persisting settings */\n  storageKey?: string;\n  /** 全カラムをデフォルトでソート可能にする / Enable sorting on all columns by default */\n  enableSortingByDefault?: boolean;\n  /** 複数カラムソートを有効化 / Enable multi-column sorting */\n  enableMultiSort?: boolean;\n  /** 行番号カラムを表示 / Show row number column */\n  showRowNumber?: boolean;\n  /** アイテム総数（表示用） / Total item count for display */\n  itemCount?: number;\n  /** 追加ボタンのコールバック / Callback for floating add button */\n  onAdd?: () => void;\n  /** 総ページ数（手動ページネーション時） / Total page count for manual pagination */\n  pageCount?: number;\n  /** 総行数（手動ページネーション時） / Total row count for manual pagination */\n  rowCount?: number;\n  /**\n   * ページ変更時のコールバック / Pagination change callback\n   * 操作による変更要求時に通知。初期マウント・props同期では通知しません。\n   */\n  onPaginationChange?: (pagination: { pageIndex: number; pageSize: number }) => void;\n  /** ソートの変更要求時のコールバック（初期マウント・props同期では通知しない） / Requested sorting change */\n  onSortingChange?: (sorting: SortingState) => void;\n  /** フィルタ変更時のコールバック / Filter change callback */\n  onColumnFiltersChange?: (filters: ColumnFiltersState) => void;\n  /** 行クリック時のコールバック / Row click callback */\n  onRowClick?: (rowId: string | number) => void;\n  /** 選択変更時のコールバック / Selection change callback */\n  onSelectionChange?: (selectedRows: TData[]) => void;\n  /** 行ID用フィールド名 / Row ID field name */\n  rowIdField?: string;\n  /** サーバーサイドページネーション / Server-side pagination */\n  manualPagination?: boolean;\n  /** サーバーサイドソート / Server-side sorting */\n  manualSorting?: boolean;\n  /** サーバーサイドフィルタ / Server-side filtering */\n  manualFiltering?: boolean;\n  /** フィルタ対象カラム / Filter column name */\n  filterColumn?: string;\n  /** ページサイズのオプション / Page size options */\n  pageSizeOptions?: number[];\n  /** ソート推移のオプション（外部制御用） / Sorting state for controlled mode */\n  sorting?: SortingState;\n  /**\n   * 現在のページネーション（外部制御用） / Pagination state for controlled mode\n   * 指定時はページ自動リセット（autoResetPageIndex）を無効化します。\n   */\n  pagination?: PaginationState;\n  /** 列の並べ替え有効化 / Enable column reordering */\n  enableColumnOrdering?: boolean;\n  /** コンテナのクラス名 / Container class name */\n  containerClassName?: string;\n  /** テーブルのクラス名 / Table class name */\n  tableClassName?: string;\n  /** フィルターのレイアウトモード / Filter layout mode */\n  filterLayout?: 'inline' | 'panel';\n  /** フィルターパネルの初期開閉状態 / Default open state of the filter panel */\n  defaultFilterOpen?: boolean;\n  /** アクティブフィルター表示用のコンテンツ / Custom active filters component or node */\n  activeFiltersContent?: React.ReactNode;\n}\n\n// =============================================================================\n// DataTable Component\n// =============================================================================\n\n/**\n * データテーブルコンポーネント\n *\n * ソート、フィルタ、ページネーション、行選択、列並べ替えに対応した\n * 高機能なデータテーブル。TanStack Table を使用。\n *\n * ## 制御モード (Controlled Mode)\n * `sorting` と `pagination` プロップスを渡すことで、外部状態からテーブルを制御できます。\n * これにより、サーバーサイドソートとクライアントサイドページネーションといった\n * 柔軟な組み合わせが、共有ライブラリ側のロジックを変更せずに実現可能です。\n *\n * 補足:\n * - `pagination` を指定した場合、`manualPagination` が false でも `onPaginationChange` を通知します。\n * - `pagination` 指定時はデータ更新時の `pageIndex` 自動リセットを無効化します。\n *\n * @example 基本的な使い方 (Uncontrolled)\n * ```tsx\n * <DataTable columns={columns} data={data} />\n * ```\n *\n * @example 外部状態によるソート制御 (Controlled Sorting)\n * ```tsx\n * const [sorting, setSorting] = useState<SortingState>([]);\n * <DataTable\n *   columns={columns}\n *   data={data}\n *   sorting={sorting}\n *   onSortingChange={setSorting}\n *   manualSorting={true}\n * />\n * ```\n */\nexport function DataTable<TData extends object, TValue>({\n  columns,\n  data,\n  variant = 'default',\n  filterContent,\n  storageKey,\n  enableSortingByDefault = true,\n  enableMultiSort = false,\n  showRowNumber = false,\n  itemCount,\n  onAdd,\n  pageCount,\n  rowCount,\n  onPaginationChange,\n  onSortingChange,\n  onColumnFiltersChange,\n  onRowClick,\n  onSelectionChange,\n  rowIdField = 'id',\n  manualPagination = false,\n  manualSorting = false,\n  manualFiltering = false,\n  filterColumn,\n  sorting: controlledSorting,\n  pagination: controlledPagination,\n  enableColumnOrdering = true,\n  containerClassName,\n  tableClassName,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n  filterLayout = 'inline',\n  defaultFilterOpen = false,\n  activeFiltersContent,\n}: DataTableProps<TData, TValue>) {\n  'use no memo';\n\n  // Get persisted settings from store (must be called before any early returns)\n  const getTableSettings = useDataTableStore((state) => state.getTableSettings);\n  const setTableSettings = useDataTableStore((state) => state.setTableSettings);\n  const hasHydrated = useDataTableStore((state) => state._hasHydrated);\n\n  // SSR safety: Only render on client\n  // useSyncExternalStore ensures we have a consistent value during hydration\n  const mounted = React.useSyncExternalStore(\n    React.useCallback(() => () => {}, []),\n    () => true,\n    () => false,\n  );\n  const [filterOpen, setFilterOpen] = React.useState(defaultFilterOpen);\n\n  // Initialize state with default values (SSR-safe)\n  const [localSorting, setLocalSorting] = React.useState<SortingState>(controlledSorting || []);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [localPagination, setLocalPagination] = React.useState<PaginationState>(\n    controlledPagination || {\n      pageIndex: 0,\n      pageSize: 10,\n    },\n  );\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    columns.map((c) => c.id || ((c as { accessorKey?: string }).accessorKey as string)),\n  );\n  const isPaginationControlled = controlledPagination !== undefined;\n  const sorting = controlledSorting ?? localSorting;\n  const pagination = controlledPagination ?? localPagination;\n  const setSorting: React.Dispatch<React.SetStateAction<SortingState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(sorting) : updater;\n    if (controlledSorting === undefined) setLocalSorting(next);\n    onSortingChange?.(next);\n  };\n  const setPagination: React.Dispatch<React.SetStateAction<PaginationState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(pagination) : updater;\n    if (controlledPagination === undefined) setLocalPagination(next);\n    onPaginationChange?.(next);\n  };\n  const [settingsLoaded, setSettingsLoaded] = React.useState<string | null>(null);\n  const columnIdListKey = React.useMemo(\n    () => columns.map((c) => c.id || (c as { accessorKey?: string }).accessorKey || '').join('|'),\n    [columns],\n  );\n  const validColumnIds = React.useMemo(\n    () => new Set(columnIdListKey.split('|').filter(Boolean)),\n    [columnIdListKey],\n  );\n\n  // Guarded render-time hydration, avoiding a stale-state effect render.\n  const loadKey = storageKey ? JSON.stringify([storageKey, columnIdListKey, Boolean(controlledSorting), Boolean(controlledPagination)]) : null;\n  if (hasHydrated && storageKey && settingsLoaded !== loadKey) {\n    setSettingsLoaded(loadKey);\n    const storedSettings = getTableSettings(storageKey);\n    if (storedSettings) {\n      if (!controlledSorting && storedSettings.sorting && storedSettings.sorting.length > 0) {\n        // Filter out sorting for columns that no longer exist\n        const validSorting = storedSettings.sorting.filter((s) => validColumnIds.has(s.id));\n        if (validSorting.length > 0) {\n          setLocalSorting(validSorting);\n        }\n      }\n      if (\n        storedSettings.columnVisibility &&\n        Object.keys(storedSettings.columnVisibility).length > 0\n      ) {\n        // Filter out visibility for columns that no longer exist\n        const validVisibility: Record<string, boolean> = {};\n        for (const [key, value] of Object.entries(storedSettings.columnVisibility)) {\n          if (validColumnIds.has(key)) {\n            validVisibility[key] = value;\n          }\n        }\n        if (Object.keys(validVisibility).length > 0) {\n          setColumnVisibility(validVisibility);\n        }\n      }\n      if (!controlledPagination && storedSettings.pageSize && storedSettings.pageSize !== 10) {\n        setLocalPagination((prev) => ({ ...prev, pageSize: storedSettings.pageSize }));\n      }\n      if (storedSettings.columnOrder && storedSettings.columnOrder.length > 0) {\n        // Filter out columns that no longer exist and add new columns\n        const validStoredOrder = storedSettings.columnOrder.filter((id) => validColumnIds.has(id));\n        const storedOrderSet = new Set(validStoredOrder);\n        const newColumns = Array.from(validColumnIds).filter((id) => !storedOrderSet.has(id));\n        const mergedOrder = [...validStoredOrder, ...newColumns];\n        if (mergedOrder.length > 0) {\n          setColumnOrder(mergedOrder);\n        }\n      }\n    }\n  }\n\n  // Row number column definition (MUST be called before early return)\n  const rowNumberColumn: ColumnDef<TData, TValue> = React.useMemo(\n    () => ({\n      id: 'rowNumber',\n      header: 'No',\n      enableSorting: false,\n      cell: ({ row, table: tableInstance }) => {\n        const paginationState = tableInstance.store.state.pagination;\n        if (paginationState) {\n          return paginationState.pageIndex * paginationState.pageSize + row.index + 1;\n        }\n        return row.index + 1;\n      },\n    }),\n    [],\n  );\n\n  // Add row number column if requested (MUST be called before early return)\n  const columnsWithRowNumber = React.useMemo(() => {\n    const cols = showRowNumber ? [rowNumberColumn, ...columns] : columns;\n    // Apply enableSortingByDefault to all columns that don't explicitly disable sorting\n    if (enableSortingByDefault) {\n      return cols.map((col) => ({\n        ...col,\n        enableSorting: col.enableSorting !== false,\n      }));\n    }\n    return cols;\n  }, [showRowNumber, columns, rowNumberColumn, enableSortingByDefault]);\n\n  // Helper to extract nested ID safely (MUST be called before early return)\n  const getRowId = React.useCallback(\n    (originalRow: TData) => {\n      if (!rowIdField) return undefined;\n      // Simple dot notation support for id field\n\n      return rowIdField.split('_').reduce<unknown>((obj, key) => {\n        if (\n          obj &&\n          typeof obj === 'object' &&\n          key !== '__proto__' &&\n          key !== 'constructor' &&\n          key !== 'prototype' &&\n          Object.prototype.hasOwnProperty.call(obj, key)\n        ) {\n          return (obj as Record<string, unknown>)[key];\n        }\n        return undefined;\n      }, originalRow as unknown);\n    },\n    [rowIdField],\n  );\n\n  // Persist settings to store (MUST be called before early return)\n  React.useEffect(() => {\n    if (storageKey && hasHydrated && settingsLoaded === loadKey) {\n      setTableSettings(storageKey, {\n        columnOrder,\n        columnVisibility,\n        sorting,\n        pageSize: pagination.pageSize,\n      });\n    }\n  }, [storageKey, columnOrder, columnVisibility, sorting, pagination.pageSize, setTableSettings, hasHydrated, settingsLoaded, loadKey]);\n\n  React.useEffect(() => {\n    if (manualFiltering && onColumnFiltersChange) {\n      onColumnFiltersChange(columnFilters);\n    }\n  }, [columnFilters, manualFiltering, onColumnFiltersChange]);\n\n  // Create table instance (MUST be called before early return)\n  const table = useTable({\n    features: dataTableFeatures,\n    data,\n    // Table 9 erases heterogeneous cell values to unknown at the table boundary.\n    columns: columnsWithRowNumber as ColumnDef<TData>[],\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    getRowId: rowIdField\n      ? (originalRow, index) => {\n          const id = rowIdField.split('_').reduce<unknown>((obj, key) => {\n            if (obj && typeof obj === 'object' && key in (obj as Record<string, unknown>)) {\n              return (obj as Record<string, unknown>)[key];\n            }\n            return undefined;\n          }, originalRow as unknown);\n          return id !== undefined ? String(id) : String(index);\n        }\n      : undefined,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n      pagination,\n      columnOrder,\n    },\n    enableRowSelection: true,\n    enableMultiSort,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    onColumnOrderChange: setColumnOrder,\n    autoResetPageIndex: manualPagination || isPaginationControlled ? false : undefined,\n    manualPagination,\n    manualSorting,\n    manualFiltering,\n  });\n\n  // Sync selection to parent (MUST be called before early return)\n  React.useEffect(() => {\n    if (onSelectionChange) {\n      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);\n      onSelectionChange(selectedRows);\n    }\n  }, [rowSelection, table, onSelectionChange]);\n\n  // DnD Sensors (MUST be called before early return)\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  // Handle drag end callback (MUST be defined before early return)\n  const handleDragEnd = React.useCallback((event: DragEndEvent) => {\n    const { active, over } = event;\n    if (active && over && active.id !== over.id) {\n      setColumnOrder((order) => {\n        const oldIndex = order.indexOf(active.id as string);\n        const newIndex = order.indexOf(over.id as string);\n        return arrayMove(order, oldIndex, newIndex);\n      });\n    }\n  }, []);\n\n  // Get sort index for multi-sort display (MUST be called before early return)\n  const getSortIndex = React.useCallback(\n    (columnId: string): number => {\n      return sorting.findIndex((s) => s.id === columnId);\n    },\n    [sorting],\n  );\n\n  // Render table content (MUST be called before early return)\n  const renderTable = React.useCallback(\n    () => (\n      <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n        <div className={cn('rounded-md border', tableClassName)}>\n          <Table>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <SortableContext\n                  key={headerGroup.id}\n                  items={columnOrder}\n                  strategy={horizontalListSortingStrategy}\n                >\n                  <TableRow>\n                    {headerGroup.headers.map((header) => (\n                      <DataTableColumnHeader\n                        key={header.id}\n                        header={header}\n                        enableColumnOrdering={enableColumnOrdering}\n                        enableMultiSort={enableMultiSort}\n                        sortIndex={getSortIndex(header.column.id)}\n                      />\n                    ))}\n                  </TableRow>\n                </SortableContext>\n              ))}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows?.length ? (\n                table.getRowModel().rows.map((row) => (\n                  <TableRow\n                    key={row.id}\n                    data-state={row.getIsSelected() && 'selected'}\n                    onClick={() =>\n                      onRowClick && onRowClick(getRowId(row.original) as string | number)\n                    }\n                    className={onRowClick ? 'cursor-pointer hover:bg-muted/50' : undefined}\n                  >\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : (\n                <TableRow>\n                  <TableCell colSpan={columnsWithRowNumber.length} className='h-24 text-center'>\n                    {m.dataTable_noResults()}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </div>\n      </DndContext>\n    ),\n    [\n      sensors,\n      handleDragEnd,\n      table,\n      columnsWithRowNumber,\n      columnOrder,\n      enableColumnOrdering,\n      enableMultiSort,\n      getSortIndex,\n      onRowClick,\n      getRowId,\n      tableClassName,\n    ],\n  );\n\n  // Render loading table during SSR - simple version to avoid hydration issues\n  const renderLoadingTable = () => (\n    <div className={cn('rounded-md border', tableClassName)}>\n      <Table>\n        <TableBody>\n          <TableRow>\n            <TableCell className='h-24 text-center'>\n              <div className='text-muted-foreground'>Loading...</div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  );\n\n  // Variant: minimal - just table with pagination\n  if (variant === 'minimal') {\n    return (\n      <div className={cn('space-y-4', containerClassName)}>\n        {mounted ? renderTable() : renderLoadingTable()}\n        <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      </div>\n    );\n  }\n\n  // Variant: toolbar - setagaya-front style with toolbar above table\n  if (variant === 'toolbar') {\n    return (\n      <div className={cn('relative h-full', containerClassName)}>\n        {onAdd && (\n          <div className='absolute left-0 top-0 w-full h-full z-10 pointer-events-none'>\n            <div className='fixed right-4 bottom-10 pointer-events-auto'>\n              <Button\n                type='button'\n                size='icon'\n                aria-label='Add row'\n                onClick={onAdd}\n                className='w-12 h-12 rounded-full shadow-lg'\n              >\n                <Plus className='w-6 h-6' />\n              </Button>\n            </div>\n          </div>\n        )}\n        <div className='relative h-full flex flex-col'>\n          {/* Toolbar */}\n          <div className='bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2'>\n            {/* Center: Column settings + filter content */}\n            <div className='flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3'>\n              <DataTableViewOptions table={table} />\n              {filterContent && filterLayout === 'inline' && filterContent}\n              {filterContent && filterLayout === 'panel' && (\n                <Button\n                  type='button'\n                  variant={filterOpen ? 'default' : 'outline'}\n                  size='sm'\n                  onClick={() => setFilterOpen(!filterOpen)}\n                  className='h-8 gap-1.5'\n                >\n                  <FilterIcon className='h-4 w-4' />\n                  <span>フィルター</span>\n                </Button>\n              )}\n            </div>\n            {/* Right: Pagination + count */}\n            <div className='flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4'>\n              <DataTablePaginationCompact table={table} pageSizeOptions={pageSizeOptions} />\n              {typeof itemCount === 'number' && (\n                <span className='text-sm text-muted-foreground whitespace-nowrap'>\n                  {`${itemCount.toLocaleString()} ${m.dataTable_items()}`}\n                </span>\n              )}\n            </div>\n          </div>\n          {/* Filter Panel (Collapsible) */}\n          {filterContent && filterLayout === 'panel' && (\n            <div\n              className={cn(\n                'border-b transition-all duration-200 ease-in-out overflow-hidden bg-background',\n                filterOpen ? 'max-h-[500px] p-4' : 'max-h-0 p-0 border-none',\n              )}\n            >\n              {filterContent}\n            </div>\n          )}\n          {/* Active Filters Display */}\n          {activeFiltersContent && (\n            <div className='bg-background px-4 py-1.5 border-b'>{activeFiltersContent}</div>\n          )}\n          {/* Table */}\n          <div className='flex-1 overflow-auto'>\n            {mounted ? renderTable() : renderLoadingTable()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Variant: default - current behavior\n  return (\n    <div className={cn('space-y-4', containerClassName)}>\n      <div className='flex items-center justify-between'>\n        <div className='flex items-center py-4'>\n          {filterColumn && (\n            <Input\n              placeholder={m.dataTable_filterPlaceholder({ column: filterColumn })}\n              value={(table.getColumn(filterColumn)?.getFilterValue() as string) ?? ''}\n              onChange={(event) =>\n                table.getColumn(filterColumn)?.setFilterValue(event.target.value)\n              }\n              className='max-w-sm'\n            />\n          )}\n        </div>\n        <DataTableViewOptions table={table} />\n      </div>\n      {activeFiltersContent && (\n        <div className='border rounded-md bg-background px-3 py-1'>{activeFiltersContent}</div>\n      )}\n      {mounted ? renderTable() : renderLoadingTable()}\n      <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      {onAdd && (\n        <div className='fixed right-4 bottom-10 z-10'>\n          <Button\n            type='button'\n            size='icon'\n            onClick={onAdd}\n            className='w-12 h-12 rounded-full shadow-lg'\n          >\n            <Plus className='w-6 h-6' />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// View Options Component\n// =============================================================================\n\ninterface DataTableViewOptionsProps<TData extends object> {\n  table: TableInstance<TData>;\n}\n\n/**\n * テーブルの表示列を切り替える設定ドロップダウンメニューコンポーネント\n */\nexport function DataTableViewOptions<TData extends object>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={buttonVariants({ variant: 'default', size: 'sm', className: 'h-8' })}\n      >\n        <Settings2 className='mr-2 h-4 w-4' />\n        {m.dataTable_view()}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align='end' className='w-40'>\n        <DropdownMenuGroup>\n          <DropdownMenuLabel>{m.dataTable_toggleColumns()}</DropdownMenuLabel>\n          <DropdownMenuSeparator />\n          {table\n            .getAllColumns()\n            .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n            .map((column) => {\n              return (\n                <DropdownMenuCheckboxItem\n                  key={column.id}\n                  className='capitalize'\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {typeof column.columnDef.header === 'string'\n                    ? column.columnDef.header\n                    : column.id}\n                </DropdownMenuCheckboxItem>\n              );\n            })}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Full)\n// =============================================================================\n\ninterface DataTablePaginationProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * テーブルの標準的なページネーションコントロールコンポーネント\n */\nexport function DataTablePagination<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className='flex items-center justify-between px-2'>\n      <div className='flex-1 text-sm text-muted-foreground'>\n        {m.dataTable_rowsSelected({\n          selected: table.getFilteredSelectedRowModel().rows.length,\n          total: table.getFilteredRowModel().rows.length,\n        })}\n      </div>\n      <div className='flex items-center space-x-6 lg:space-x-8'>\n        <div className='flex items-center space-x-2'>\n          <p className='text-sm font-medium'>{m.dataTable_rowsPerPage()}</p>\n          <select\n            aria-label={m.dataTable_rowsPerPage()}\n            value={`${table.store.state.pagination.pageSize}`}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value));\n            }}\n            className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n          >\n            {pageSizeOptions.map((pageSize) => (\n              <option key={pageSize} value={`${pageSize}`}>\n                {pageSize}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div className='flex w-24 items-center justify-center text-sm font-medium'>\n          {m.dataTable_page({\n            current: table.store.state.pagination.pageIndex + 1,\n            total: table.getPageCount(),\n          })}\n        </div>\n        <div className='flex items-center space-x-2'>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToFirstPage()}</span>\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToPreviousPage()}</span>\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToNextPage()}</span>\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToLastPage()}</span>\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Compact - for toolbar variant)\n// =============================================================================\n\ninterface DataTablePaginationCompactProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * ツールバー等に配置するコンパクトなページネーションコントロールコンポーネント\n */\nexport function DataTablePaginationCompact<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationCompactProps<TData>) {\n  const totalPages = table.getPageCount();\n\n  return (\n    <div className='flex items-center gap-1'>\n      <select\n            aria-label={m.dataTable_rowsPerPage()}\n        value={`${table.store.state.pagination.pageSize}`}\n        onChange={(e) => {\n          table.setPageSize(Number(e.target.value));\n        }}\n        className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm'\n      >\n        {pageSizeOptions.map((pageSize) => (\n          <option key={pageSize} value={`${pageSize}`}>\n            {pageSize}\n          </option>\n        ))}\n      </select>\n      {totalPages > 1 && (\n        <>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={table.store.state.pagination.pageIndex === 0}\n          >\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <span className='text-sm text-muted-foreground whitespace-nowrap px-1'>\n            {table.store.state.pagination.pageIndex + 1} / {totalPages}\n          </span>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(totalPages - 1)}\n            disabled={table.store.state.pagination.pageIndex === totalPages - 1}\n          >\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"data-table.js","names":["React","m.dataTable_noResults","FilterIcon","m.dataTable_items","m.dataTable_filterPlaceholder","m.dataTable_view","m.dataTable_toggleColumns","m.dataTable_rowsSelected","m.dataTable_rowsPerPage","m.dataTable_page","m.dataTable_goToFirstPage","m.dataTable_goToPreviousPage","m.dataTable_goToNextPage","m.dataTable_goToLastPage","_Fragment","datatable_filterplaceholder2","datatable_gotofirstpage4","datatable_gotolastpage4","datatable_gotonextpage4","datatable_gotopreviouspage4","datatable_items1","datatable_noresults2","datatable_page1","datatable_rowsperpage3","datatable_rowsselected2","datatable_togglecolumns2","datatable_view1","React$1","DataTableColumnHeader","canReorder","enableColumnOrdering","header","useSortable","sortableIndex","sortableGroup","registeredIds","closestCenter","columnHandleRef","useAccessibleDragRef","handleRef","canSort","sortDirection","isSorted","SortLabel","style","isDragging","TableHead","ref","cn","enableMultiSort","GripVertical","event","flexRender","jsx","ChevronUp","ChevronDown","sortIndex","DataTable","controlledSorting","controlledPagination","getTableSettings","useDataTableStore","state","setTableSettings","hasHydrated","mounted","filterOpen","setFilterOpen","defaultFilterOpen","localSorting","setLocalSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","localPagination","setLocalPagination","columnOrder","setColumnOrder","getLeafColumnIds","columns","isPaginationControlled","sorting","pagination","setSorting","next","updater","onSortingChange","setPagination","onPaginationChange","settingsLoaded","setSettingsLoaded","columnIdListKey","showRowNumber","validColumnIds","loadKey","storageKey","storedSettings","validSorting","s","validVisibility","key","value","prev","validStoredOrder","id","storedOrderSet","newColumns","mergedOrder","rowNumberColumn","tableInstance","paginationState","row","columnsWithRowNumber","cols","enableSortingByDefault","col","getRowId","rowIdField","obj","originalRow","manualFiltering","onColumnFiltersChange","table","useTable","dataTableFeatures","manualPagination","pageCount","rowCount","index","onSelectionChange","dragSnapshot","handleDragStart","source","column","handleDragEnd","snapshot","target","isSortable","leafIds","group","reorderVisibleColumns","order","getSortIndex","columnId","renderTable","DragDropProvider","defaults","sensor","PointerSensor","PointerActivationConstraints","Feedback","tableClassName","Table","TableHeader","headerGroup","TableRow","TableBody","onRowClick","TableCell","cell","renderLoadingTable","variant","containerClassName","DataTablePagination","onAdd","Button","Plus","DataTableViewOptions","filterContent","filterLayout","Filter","DataTablePaginationCompact","itemCount","activeFiltersContent","filterColumn","Input","DropdownMenu","DropdownMenuTrigger","buttonVariants","Settings2","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuCheckboxItem","e","pageSizeOptions","pageSize","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","totalPages","Fragment"],"sources":["../../../../src/tools/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @fileoverview DataTable component with sorting, pagination, and persistence\n *\n * A feature-rich data table built on TanStack Table with:\n * - Three layout variants: default, toolbar, minimal\n * - Single and multi-column sorting\n * - Column reordering via drag-and-drop\n * - Column visibility toggle\n * - Settings persistence via Zustand store\n * - Row selection and click handling\n * - Server-side pagination/sorting support\n *\n * @module data-table/data-table\n */\n\nimport * as React from 'react';\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  ColumnOrderState,\n  PaginationState,\n  flexRender,\n  useTable,\n  dataTableFeatures,\n  Table as TableInstance,\n  Header,\n} from './table-engine';\nimport * as m from '../../paraglide/messages.js';\n\nimport { DragDropProvider, type DragStartEvent, type DragEndEvent } from '@dnd-kit/react';\nimport { useSortable, isSortable } from '@dnd-kit/react/sortable';\nimport { PointerSensor, PointerActivationConstraints, Feedback } from '@dnd-kit/dom';\nimport { closestCenter } from '@dnd-kit/collision';\nimport { reorderVisibleColumns, getLeafColumnIds } from './column-order';\n\nimport { cn } from \"../../lib/utils\";\nimport { Button, buttonVariants } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Settings2,\n  GripVertical,\n  Plus,\n  ChevronUp,\n  ChevronDown,\n  Filter as FilterIcon,\n} from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n} from '../ui/dropdown-menu';\n\nimport { useDataTableStore } from './table-store';\nimport { useAccessibleDragRef } from '../ui/dnd/use-accessible-drag-ref';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * テーブルレイアウトのバリアント\n * Table layout variants\n */\nexport type DataTableVariant = 'default' | 'toolbar' | 'minimal';\n\n// =============================================================================\n// Sortable Header Component\n// =============================================================================\n\ninterface DataTableColumnHeaderProps<\n  TData extends object,\n  TValue,\n> extends React.HTMLAttributes<HTMLTableCellElement> {\n  header: Header<TData, TValue>;\n  enableColumnOrdering?: boolean;\n  enableMultiSort?: boolean;\n  sortIndex?: number;\n  sortableIndex: number;\n  sortableGroup: string;\n  registeredIds: string[];\n}\n\nfunction DataTableColumnHeader<TData extends object, TValue>({\n  header,\n  enableColumnOrdering = true,\n  enableMultiSort = false,\n  sortIndex,\n  sortableIndex, sortableGroup, registeredIds,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const canReorder = enableColumnOrdering && !header.isPlaceholder && header.column.columns.length === 0;\n  const { ref, handleRef, isDragging } = useSortable({\n    id: header.id,\n    index: sortableIndex,\n    group: sortableGroup,\n    type: sortableGroup,\n    accept: sortableGroup,\n    data: {columnId: header.column.id, groupId: sortableGroup, columnIds: registeredIds},\n    disabled: !canReorder,\n    collisionDetector: closestCenter,\n  });\n\n  const columnHandleRef = useAccessibleDragRef(handleRef);\n\n  const canSort = header.column.getCanSort();\n  const sortDirection = header.column.getIsSorted();\n  const isSorted = sortDirection !== false;\n  const SortLabel = canSort && typeof header.column.columnDef.header !== 'function' ? 'button' : 'span';\n\n  const style: React.CSSProperties = enableColumnOrdering\n    ? {\n        opacity: isDragging ? 0.8 : 1,\n        zIndex: isDragging ? 1 : 0,\n        position: 'relative',\n        cursor: 'move',\n      }\n    : {};\n\n  const handleSort = (e: React.MouseEvent) => {\n    if (!canSort || (e.target as HTMLElement).closest('button, input, select, [role=checkbox]')) return;\n    if (enableMultiSort && e.shiftKey) {\n      header.column.toggleSorting(undefined, true);\n    } else {\n      header.column.toggleSorting();\n    }\n  };\n\n  return (\n    <TableHead\n      ref={canReorder ? ref : undefined}\n      colSpan={header.colSpan}\n      aria-hidden={header.isPlaceholder || undefined}\n      style={style}\n      aria-sort={canSort ? (sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none') : undefined}\n      className={cn(\n        'bg-primary/10 text-primary font-bold border-b border-primary/20',\n        canSort && 'cursor-pointer select-none hover:bg-primary/20 transition-colors',\n      )}\n      onClick={canSort ? handleSort : undefined}\n    >\n      {canReorder && <button\n        type='button' ref={columnHandleRef}\n        aria-label={`Reorder column ${header.column.id}`}\n        className='inline-flex h-6 w-6 items-center justify-center cursor-grab'\n      ><GripVertical className='h-3 w-3' aria-hidden='true' /></button>}\n      {header.isPlaceholder ? null : (\n        <span className='inline-flex items-center gap-1'>\n          <SortLabel className={cn(isSorted && 'font-semibold')}\n            {...(SortLabel === 'button' ? { type: 'button' as const, onClick: (event: React.MouseEvent) => {\n              event.stopPropagation();\n              header.column.toggleSorting(undefined, enableMultiSort && event.shiftKey);\n            } } : {})}\n          >\n            {flexRender(header.column.columnDef.header, header.getContext())}\n          </SortLabel>\n          {/* Only show sort indicator when column is actively sorted */}\n          {isSorted && (\n            <span className='inline-flex items-center text-xs'>\n              {sortDirection === 'asc' ? (\n                <ChevronUp className='h-3.5 w-3.5' />\n              ) : (\n                <ChevronDown className='h-3.5 w-3.5' />\n              )}\n              {enableMultiSort && sortIndex !== undefined && sortIndex >= 0 && (\n                <span className='text-[10px] ml-0.5'>{sortIndex + 1}</span>\n              )}\n            </span>\n          )}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\n// =============================================================================\n// DataTable Props\n// =============================================================================\n\n/**\n * DataTableProps\n * DataTableのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container element\n * - Pattern: `{testId}`, rows: `{testId}-row-{id}`, pagination: `{testId}-pagination`\n */\nexport interface DataTableProps<TData extends object, TValue> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /** 列定義 / Column definitions */\n  columns: ColumnDef<TData, TValue>[];\n  /** データ配列 / Data array */\n  data: TData[];\n  /** テーブルレイアウトのバリアント / Table layout variant */\n  variant?: DataTableVariant;\n  /** ツールバー用カスタムフィルターコンテンツ / Custom filter content for toolbar */\n  filterContent?: React.ReactNode;\n  /** 設定永続化用キー（Zustandストアで使用） / Storage key for persisting settings */\n  storageKey?: string;\n  /** 全カラムをデフォルトでソート可能にする / Enable sorting on all columns by default */\n  enableSortingByDefault?: boolean;\n  /** 複数カラムソートを有効化 / Enable multi-column sorting */\n  enableMultiSort?: boolean;\n  /** 行番号カラムを表示 / Show row number column */\n  showRowNumber?: boolean;\n  /** アイテム総数（表示用） / Total item count for display */\n  itemCount?: number;\n  /** 追加ボタンのコールバック / Callback for floating add button */\n  onAdd?: () => void;\n  /** 総ページ数（手動ページネーション時） / Total page count for manual pagination */\n  pageCount?: number;\n  /** 総行数（手動ページネーション時） / Total row count for manual pagination */\n  rowCount?: number;\n  /**\n   * ページ変更時のコールバック / Pagination change callback\n   * 操作による変更要求時に通知。初期マウント・props同期では通知しません。\n   */\n  onPaginationChange?: (pagination: { pageIndex: number; pageSize: number }) => void;\n  /** ソートの変更要求時のコールバック（初期マウント・props同期では通知しない） / Requested sorting change */\n  onSortingChange?: (sorting: SortingState) => void;\n  /** フィルタ変更時のコールバック / Filter change callback */\n  onColumnFiltersChange?: (filters: ColumnFiltersState) => void;\n  /** 行クリック時のコールバック / Row click callback */\n  onRowClick?: (rowId: string | number) => void;\n  /** 選択変更時のコールバック / Selection change callback */\n  onSelectionChange?: (selectedRows: TData[]) => void;\n  /** 行ID用フィールド名 / Row ID field name */\n  rowIdField?: string;\n  /** サーバーサイドページネーション / Server-side pagination */\n  manualPagination?: boolean;\n  /** サーバーサイドソート / Server-side sorting */\n  manualSorting?: boolean;\n  /** サーバーサイドフィルタ / Server-side filtering */\n  manualFiltering?: boolean;\n  /** フィルタ対象カラム / Filter column name */\n  filterColumn?: string;\n  /** ページサイズのオプション / Page size options */\n  pageSizeOptions?: number[];\n  /** ソート推移のオプション（外部制御用） / Sorting state for controlled mode */\n  sorting?: SortingState;\n  /**\n   * 現在のページネーション（外部制御用） / Pagination state for controlled mode\n   * 指定時はページ自動リセット（autoResetPageIndex）を無効化します。\n   */\n  pagination?: PaginationState;\n  /** 列の並べ替え有効化 / Enable column reordering */\n  enableColumnOrdering?: boolean;\n  /** コンテナのクラス名 / Container class name */\n  containerClassName?: string;\n  /** テーブルのクラス名 / Table class name */\n  tableClassName?: string;\n  /** フィルターのレイアウトモード / Filter layout mode */\n  filterLayout?: 'inline' | 'panel';\n  /** フィルターパネルの初期開閉状態 / Default open state of the filter panel */\n  defaultFilterOpen?: boolean;\n  /** アクティブフィルター表示用のコンテンツ / Custom active filters component or node */\n  activeFiltersContent?: React.ReactNode;\n}\n\n// =============================================================================\n// DataTable Component\n// =============================================================================\n\n/**\n * Render a sortable/filterable table with host-controlled or local state.\n * @typeParam TData - Object shape of each data row.\n * @typeParam TValue - Column cell-value type shared by the supplied column definitions.\n * @param props - Columns, data, presentation and feature/state options. Native leaf\n * reordering is enabled by default; sort and reorder buttons remain separate.\n * @returns The table with its configured toolbar, pagination and interaction surfaces.\n * @remarks Hidden/grouped columns retain stable persisted slots; changing current\n * columns or visibility invalidates an active reorder snapshot. Controlled sorting\n * and pagination remain host-owned. Supplying pagination notifies onPaginationChange\n * even without manualPagination and disables automatic page-index reset on data updates.\n * Import Appkit CSS once; this component owns its native drag provider.\n * @example\n * ```tsx\n * import {DataTable} from '@alneas/appkit-react/tools/data-table';\n * import '@alneas/appkit-react/styles';\n * export function ReviewTable() {\n *   return <DataTable data={[{id: 'one', title: 'Review'}]}\n *     columns={[{accessorKey: 'title', header: 'Title'}]} />;\n * }\n * ```\n */\nexport function DataTable<TData extends object, TValue>({\n  columns,\n  data,\n  variant = 'default',\n  filterContent,\n  storageKey,\n  enableSortingByDefault = true,\n  enableMultiSort = false,\n  showRowNumber = false,\n  itemCount,\n  onAdd,\n  pageCount,\n  rowCount,\n  onPaginationChange,\n  onSortingChange,\n  onColumnFiltersChange,\n  onRowClick,\n  onSelectionChange,\n  rowIdField = 'id',\n  manualPagination = false,\n  manualSorting = false,\n  manualFiltering = false,\n  filterColumn,\n  sorting: controlledSorting,\n  pagination: controlledPagination,\n  enableColumnOrdering = true,\n  containerClassName,\n  tableClassName,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n  filterLayout = 'inline',\n  defaultFilterOpen = false,\n  activeFiltersContent,\n}: DataTableProps<TData, TValue>) {\n  'use no memo';\n\n  // Get persisted settings from store (must be called before any early returns)\n  const getTableSettings = useDataTableStore((state) => state.getTableSettings);\n  const setTableSettings = useDataTableStore((state) => state.setTableSettings);\n  const hasHydrated = useDataTableStore((state) => state._hasHydrated);\n\n  // SSR safety: Only render on client\n  // useSyncExternalStore ensures we have a consistent value during hydration\n  const mounted = React.useSyncExternalStore(\n    React.useCallback(() => () => {}, []),\n    () => true,\n    () => false,\n  );\n  const [filterOpen, setFilterOpen] = React.useState(defaultFilterOpen);\n\n  // Initialize state with default values (SSR-safe)\n  const [localSorting, setLocalSorting] = React.useState<SortingState>(controlledSorting || []);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [localPagination, setLocalPagination] = React.useState<PaginationState>(\n    controlledPagination || {\n      pageIndex: 0,\n      pageSize: 10,\n    },\n  );\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    getLeafColumnIds(columns),\n  );\n  const isPaginationControlled = controlledPagination !== undefined;\n  const sorting = controlledSorting ?? localSorting;\n  const pagination = controlledPagination ?? localPagination;\n  const setSorting: React.Dispatch<React.SetStateAction<SortingState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(sorting) : updater;\n    if (controlledSorting === undefined) setLocalSorting(next);\n    onSortingChange?.(next);\n  };\n  const setPagination: React.Dispatch<React.SetStateAction<PaginationState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(pagination) : updater;\n    if (controlledPagination === undefined) setLocalPagination(next);\n    onPaginationChange?.(next);\n  };\n  const [settingsLoaded, setSettingsLoaded] = React.useState<string | null>(null);\n  const columnIdListKey = React.useMemo(\n    () => JSON.stringify([...(showRowNumber ? ['rowNumber'] : []), ...getLeafColumnIds(columns)]),\n    [columns, showRowNumber],\n  );\n  const validColumnIds = React.useMemo(\n    () => new Set<string>(JSON.parse(columnIdListKey)),\n    [columnIdListKey],\n  );\n\n  // Guarded render-time hydration, avoiding a stale-state effect render.\n  const loadKey = storageKey ? JSON.stringify([storageKey, columnIdListKey, Boolean(controlledSorting), Boolean(controlledPagination)]) : null;\n  if (hasHydrated && storageKey && settingsLoaded !== loadKey) {\n    setSettingsLoaded(loadKey);\n    const storedSettings = getTableSettings(storageKey);\n    if (storedSettings) {\n      if (!controlledSorting && storedSettings.sorting && storedSettings.sorting.length > 0) {\n        // Filter out sorting for columns that no longer exist\n        const validSorting = storedSettings.sorting.filter((s) => validColumnIds.has(s.id));\n        if (validSorting.length > 0) {\n          setLocalSorting(validSorting);\n        }\n      }\n      if (\n        storedSettings.columnVisibility &&\n        Object.keys(storedSettings.columnVisibility).length > 0\n      ) {\n        // Filter out visibility for columns that no longer exist\n        const validVisibility: Record<string, boolean> = {};\n        for (const [key, value] of Object.entries(storedSettings.columnVisibility)) {\n          if (validColumnIds.has(key)) {\n            validVisibility[key] = value;\n          }\n        }\n        if (Object.keys(validVisibility).length > 0) {\n          setColumnVisibility(validVisibility);\n        }\n      }\n      if (!controlledPagination && storedSettings.pageSize && storedSettings.pageSize !== 10) {\n        setLocalPagination((prev) => ({ ...prev, pageSize: storedSettings.pageSize }));\n      }\n      if (storedSettings.columnOrder && storedSettings.columnOrder.length > 0) {\n        // Filter out columns that no longer exist and add new columns\n        const validStoredOrder = storedSettings.columnOrder.filter((id) => validColumnIds.has(id));\n        const storedOrderSet = new Set(validStoredOrder);\n        const newColumns = Array.from(validColumnIds).filter((id) => !storedOrderSet.has(id));\n        const mergedOrder = [...validStoredOrder, ...newColumns];\n        if (mergedOrder.length > 0) {\n          setColumnOrder(mergedOrder);\n        }\n      }\n    }\n  }\n\n  // Row number column definition (MUST be called before early return)\n  const rowNumberColumn: ColumnDef<TData, TValue> = React.useMemo(\n    () => ({\n      id: 'rowNumber',\n      header: 'No',\n      enableSorting: false,\n      cell: ({ row, table: tableInstance }) => {\n        const paginationState = tableInstance.store.state.pagination;\n        if (paginationState) {\n          return paginationState.pageIndex * paginationState.pageSize + row.index + 1;\n        }\n        return row.index + 1;\n      },\n    }),\n    [],\n  );\n\n  // Add row number column if requested (MUST be called before early return)\n  const columnsWithRowNumber = React.useMemo(() => {\n    const cols = showRowNumber ? [rowNumberColumn, ...columns] : columns;\n    // Apply enableSortingByDefault to all columns that don't explicitly disable sorting\n    if (enableSortingByDefault) {\n      return cols.map((col) => ({\n        ...col,\n        enableSorting: col.enableSorting !== false,\n      }));\n    }\n    return cols;\n  }, [showRowNumber, columns, rowNumberColumn, enableSortingByDefault]);\n\n  // Helper to extract nested ID safely (MUST be called before early return)\n  const getRowId = React.useCallback(\n    (originalRow: TData) => {\n      if (!rowIdField) return undefined;\n      // Simple dot notation support for id field\n\n      return rowIdField.split('_').reduce<unknown>((obj, key) => {\n        if (\n          obj &&\n          typeof obj === 'object' &&\n          key !== '__proto__' &&\n          key !== 'constructor' &&\n          key !== 'prototype' &&\n          Object.prototype.hasOwnProperty.call(obj, key)\n        ) {\n          return (obj as Record<string, unknown>)[key];\n        }\n        return undefined;\n      }, originalRow as unknown);\n    },\n    [rowIdField],\n  );\n\n  // Persist settings to store (MUST be called before early return)\n  React.useEffect(() => {\n    if (storageKey && hasHydrated && settingsLoaded === loadKey) {\n      setTableSettings(storageKey, {\n        columnOrder,\n        columnVisibility,\n        sorting,\n        pageSize: pagination.pageSize,\n      });\n    }\n  }, [storageKey, columnOrder, columnVisibility, sorting, pagination.pageSize, setTableSettings, hasHydrated, settingsLoaded, loadKey]);\n\n  React.useEffect(() => {\n    if (manualFiltering && onColumnFiltersChange) {\n      onColumnFiltersChange(columnFilters);\n    }\n  }, [columnFilters, manualFiltering, onColumnFiltersChange]);\n\n  // Create table instance (MUST be called before early return)\n  const table = useTable({\n    features: dataTableFeatures,\n    data,\n    // Table 9 erases heterogeneous cell values to unknown at the table boundary.\n    columns: columnsWithRowNumber as ColumnDef<TData>[],\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    getRowId: rowIdField\n      ? (originalRow, index) => {\n          const id = rowIdField.split('_').reduce<unknown>((obj, key) => {\n            if (obj && typeof obj === 'object' && key in (obj as Record<string, unknown>)) {\n              return (obj as Record<string, unknown>)[key];\n            }\n            return undefined;\n          }, originalRow as unknown);\n          return id !== undefined ? String(id) : String(index);\n        }\n      : undefined,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n      pagination,\n      columnOrder,\n    },\n    enableRowSelection: true,\n    enableMultiSort,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    onColumnOrderChange: setColumnOrder,\n    autoResetPageIndex: manualPagination || isPaginationControlled ? false : undefined,\n    manualPagination,\n    manualSorting,\n    manualFiltering,\n  });\n\n  // Sync selection to parent (MUST be called before early return)\n  React.useEffect(() => {\n    if (onSelectionChange) {\n      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);\n      onSelectionChange(selectedRows);\n    }\n  }, [rowSelection, table, onSelectionChange]);\n\n  // A drag captures the registered leaf subset. Hidden/changed columns never use stale indices.\n  const dragSnapshot = React.useRef<{\n    sourceId: string; groupId: string; ids: string[]; leafIds: string[]; order: string[];\n  } | null>(null);\n  const handleDragStart = React.useCallback((event: DragStartEvent) => {\n    const source = event.operation.source;\n    if (!source || !Array.isArray(source.data.columnIds)) return;\n    dragSnapshot.current = {\n      sourceId: String(source.id), groupId: source.data.groupId,\n      ids: [...source.data.columnIds], leafIds: table.getAllLeafColumns().map(column => column.id),\n      order: [...columnOrder],\n    };\n  }, [table, columnOrder]);\n  const handleDragEnd = React.useCallback((event: DragEndEvent) => {\n    const snapshot = dragSnapshot.current;\n    dragSnapshot.current = null;\n    const {source, target} = event.operation;\n    if (event.canceled || !enableColumnOrdering || !snapshot || !target || !isSortable(source) || String(source.id) !== snapshot.sourceId) return;\n    const leafIds = table.getAllLeafColumns().map(column => column.id);\n    const group = table.getHeaderGroups().find(group => group.id === snapshot.groupId);\n    const registeredIds = group?.headers.filter(header => !header.isPlaceholder && header.column.columns.length === 0).map(header => header.column.id);\n    if (!registeredIds || JSON.stringify(registeredIds) !== JSON.stringify(snapshot.ids) ||\n      JSON.stringify(leafIds) !== JSON.stringify(snapshot.leafIds) || JSON.stringify(columnOrder) !== JSON.stringify(snapshot.order)) return;\n    setColumnOrder(order => reorderVisibleColumns(order, leafIds, snapshot.ids, source.data.columnId, source.initialIndex, source.index));\n  }, [table, columnOrder, enableColumnOrdering]);\n\n  // Get sort index for multi-sort display (MUST be called before early return)\n  const getSortIndex = React.useCallback(\n    (columnId: string): number => {\n      return sorting.findIndex((s) => s.id === columnId);\n    },\n    [sorting],\n  );\n\n  // Render table content (MUST be called before early return)\n  const renderTable = React.useCallback(\n    () => (\n      <DragDropProvider\n        sensors={defaults => [...defaults.filter(sensor => sensor !== PointerSensor), PointerSensor.configure({activationConstraints: [new PointerActivationConstraints.Distance({value: 8})]})]}\n        plugins={defaults => [...defaults, Feedback.configure({feedback: 'clone', dropAnimation: {duration: 0}})]}\n        onDragStart={handleDragStart} onDragEnd={handleDragEnd}\n      >\n        <div className={cn('rounded-md border', tableClassName)}>\n          <Table>\n            <TableHeader>\n              {table.getHeaderGroups().map(headerGroup => {\n                const registeredIds = headerGroup.headers.filter(header => !header.isPlaceholder && header.column.columns.length === 0).map(header => header.column.id);\n                return <TableRow key={headerGroup.id}>\n                  {headerGroup.headers.map(header => <DataTableColumnHeader\n                    key={header.id} header={header} enableColumnOrdering={enableColumnOrdering}\n                    enableMultiSort={enableMultiSort} sortIndex={getSortIndex(header.column.id)}\n                    sortableIndex={registeredIds.indexOf(header.column.id)} sortableGroup={headerGroup.id}\n                    registeredIds={registeredIds}\n                  />)}\n                </TableRow>;\n              })}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows?.length ? (\n                table.getRowModel().rows.map((row) => (\n                  <TableRow\n                    key={row.id}\n                    data-state={row.getIsSelected() && 'selected'}\n                    onClick={() =>\n                      onRowClick && onRowClick(getRowId(row.original) as string | number)\n                    }\n                    className={onRowClick ? 'cursor-pointer hover:bg-muted/50' : undefined}\n                  >\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : (\n                <TableRow>\n                  <TableCell colSpan={columnsWithRowNumber.length} className='h-24 text-center'>\n                    {m.dataTable_noResults()}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </div>\n      </DragDropProvider>\n    ),\n    [\n      handleDragStart,\n      handleDragEnd,\n      table,\n      columnsWithRowNumber,\n      columnOrder,\n      enableColumnOrdering,\n      enableMultiSort,\n      getSortIndex,\n      onRowClick,\n      getRowId,\n      tableClassName,\n    ],\n  );\n\n  // Render loading table during SSR - simple version to avoid hydration issues\n  const renderLoadingTable = () => (\n    <div className={cn('rounded-md border', tableClassName)}>\n      <Table>\n        <TableBody>\n          <TableRow>\n            <TableCell className='h-24 text-center'>\n              <div className='text-muted-foreground'>Loading...</div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  );\n\n  // Variant: minimal - just table with pagination\n  if (variant === 'minimal') {\n    return (\n      <div className={cn('space-y-4', containerClassName)}>\n        {mounted ? renderTable() : renderLoadingTable()}\n        <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      </div>\n    );\n  }\n\n  // Variant: toolbar - setagaya-front style with toolbar above table\n  if (variant === 'toolbar') {\n    return (\n      <div className={cn('relative h-full', containerClassName)}>\n        {onAdd && (\n          <div className='absolute left-0 top-0 w-full h-full z-10 pointer-events-none'>\n            <div className='fixed right-4 bottom-10 pointer-events-auto'>\n              <Button\n                type='button'\n                size='icon'\n                aria-label='Add row'\n                onClick={onAdd}\n                className='w-12 h-12 rounded-full shadow-lg'\n              >\n                <Plus className='w-6 h-6' />\n              </Button>\n            </div>\n          </div>\n        )}\n        <div className='relative h-full flex flex-col'>\n          {/* Toolbar */}\n          <div className='bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2'>\n            {/* Center: Column settings + filter content */}\n            <div className='flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3'>\n              <DataTableViewOptions table={table} />\n              {filterContent && filterLayout === 'inline' && filterContent}\n              {filterContent && filterLayout === 'panel' && (\n                <Button\n                  type='button'\n                  variant={filterOpen ? 'default' : 'outline'}\n                  size='sm'\n                  onClick={() => setFilterOpen(!filterOpen)}\n                  className='h-8 gap-1.5'\n                >\n                  <FilterIcon className='h-4 w-4' />\n                  <span>フィルター</span>\n                </Button>\n              )}\n            </div>\n            {/* Right: Pagination + count */}\n            <div className='flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4'>\n              <DataTablePaginationCompact table={table} pageSizeOptions={pageSizeOptions} />\n              {typeof itemCount === 'number' && (\n                <span className='text-sm text-muted-foreground whitespace-nowrap'>\n                  {`${itemCount.toLocaleString()} ${m.dataTable_items()}`}\n                </span>\n              )}\n            </div>\n          </div>\n          {/* Filter Panel (Collapsible) */}\n          {filterContent && filterLayout === 'panel' && (\n            <div\n              className={cn(\n                'border-b transition-all duration-200 ease-in-out overflow-hidden bg-background',\n                filterOpen ? 'max-h-[500px] p-4' : 'max-h-0 p-0 border-none',\n              )}\n            >\n              {filterContent}\n            </div>\n          )}\n          {/* Active Filters Display */}\n          {activeFiltersContent && (\n            <div className='bg-background px-4 py-1.5 border-b'>{activeFiltersContent}</div>\n          )}\n          {/* Table */}\n          <div className='flex-1 overflow-auto'>\n            {mounted ? renderTable() : renderLoadingTable()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Variant: default - current behavior\n  return (\n    <div className={cn('space-y-4', containerClassName)}>\n      <div className='flex items-center justify-between'>\n        <div className='flex items-center py-4'>\n          {filterColumn && (\n            <Input\n              placeholder={m.dataTable_filterPlaceholder({ column: filterColumn })}\n              value={(table.getColumn(filterColumn)?.getFilterValue() as string) ?? ''}\n              onChange={(event) =>\n                table.getColumn(filterColumn)?.setFilterValue(event.target.value)\n              }\n              className='max-w-sm'\n            />\n          )}\n        </div>\n        <DataTableViewOptions table={table} />\n      </div>\n      {activeFiltersContent && (\n        <div className='border rounded-md bg-background px-3 py-1'>{activeFiltersContent}</div>\n      )}\n      {mounted ? renderTable() : renderLoadingTable()}\n      <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      {onAdd && (\n        <div className='fixed right-4 bottom-10 z-10'>\n          <Button\n            type='button'\n            size='icon'\n            onClick={onAdd}\n            className='w-12 h-12 rounded-full shadow-lg'\n          >\n            <Plus className='w-6 h-6' />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// View Options Component\n// =============================================================================\n\ninterface DataTableViewOptionsProps<TData extends object> {\n  table: TableInstance<TData>;\n}\n\n/**\n * テーブルの表示列を切り替える設定ドロップダウンメニューコンポーネント\n */\nexport function DataTableViewOptions<TData extends object>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={buttonVariants({ variant: 'default', size: 'sm', className: 'h-8' })}\n      >\n        <Settings2 className='mr-2 h-4 w-4' />\n        {m.dataTable_view()}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align='end' className='w-40'>\n        <DropdownMenuGroup>\n          <DropdownMenuLabel>{m.dataTable_toggleColumns()}</DropdownMenuLabel>\n          <DropdownMenuSeparator />\n          {table\n            .getAllColumns()\n            .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n            .map((column) => {\n              return (\n                <DropdownMenuCheckboxItem\n                  key={column.id}\n                  className='capitalize'\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {typeof column.columnDef.header === 'string'\n                    ? column.columnDef.header\n                    : column.id}\n                </DropdownMenuCheckboxItem>\n              );\n            })}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Full)\n// =============================================================================\n\ninterface DataTablePaginationProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * テーブルの標準的なページネーションコントロールコンポーネント\n */\nexport function DataTablePagination<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className='flex items-center justify-between px-2'>\n      <div className='flex-1 text-sm text-muted-foreground'>\n        {m.dataTable_rowsSelected({\n          selected: table.getFilteredSelectedRowModel().rows.length,\n          total: table.getFilteredRowModel().rows.length,\n        })}\n      </div>\n      <div className='flex items-center space-x-6 lg:space-x-8'>\n        <div className='flex items-center space-x-2'>\n          <p className='text-sm font-medium'>{m.dataTable_rowsPerPage()}</p>\n          <select\n            aria-label={m.dataTable_rowsPerPage()}\n            value={`${table.store.state.pagination.pageSize}`}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value));\n            }}\n            className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n          >\n            {pageSizeOptions.map((pageSize) => (\n              <option key={pageSize} value={`${pageSize}`}>\n                {pageSize}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div className='flex w-24 items-center justify-center text-sm font-medium'>\n          {m.dataTable_page({\n            current: table.store.state.pagination.pageIndex + 1,\n            total: table.getPageCount(),\n          })}\n        </div>\n        <div className='flex items-center space-x-2'>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToFirstPage()}</span>\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToPreviousPage()}</span>\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToNextPage()}</span>\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToLastPage()}</span>\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Compact - for toolbar variant)\n// =============================================================================\n\ninterface DataTablePaginationCompactProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * ツールバー等に配置するコンパクトなページネーションコントロールコンポーネント\n */\nexport function DataTablePaginationCompact<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationCompactProps<TData>) {\n  const totalPages = table.getPageCount();\n\n  return (\n    <div className='flex items-center gap-1'>\n      <select\n            aria-label={m.dataTable_rowsPerPage()}\n        value={`${table.store.state.pagination.pageSize}`}\n        onChange={(e) => {\n          table.setPageSize(Number(e.target.value));\n        }}\n        className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm'\n      >\n        {pageSizeOptions.map((pageSize) => (\n          <option key={pageSize} value={`${pageSize}`}>\n            {pageSize}\n          </option>\n        ))}\n      </select>\n      {totalPages > 1 && (\n        <>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={table.store.state.pagination.pageIndex === 0}\n          >\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <span className='text-sm text-muted-foreground whitespace-nowrap px-1'>\n            {table.store.state.pagination.pageIndex + 1} / {totalPages}\n          </span>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(totalPages - 1)}\n            disabled={table.store.state.pagination.pageIndex === totalPages - 1}\n          >\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FileBrowser.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/components/ui/alert.cjs"),t=require("../ui/dnd/DnDProvider.cjs"),n=require("./useStorageBrowser.cjs"),r=require("./FileNavbar.cjs"),i=require("./FileListView.cjs"),a=require("./FileGridView.cjs"),o=require("./FilePreview.cjs"),s=require("./FileDetailsPanel.cjs"),c=require("./StorageFileProvider.cjs");let l=require("react/jsx-runtime"),u=require("react"),d=require("lucide-react");function f({provider:f,adapter:p,initialPath:m=``,initialViewMode:h=`grid`,groupingAxis:g,onOpenFile:_,className:v}){let[y,b]=(0,u.useState)(null),[x,S]=(0,u.useState)(null),[C,w]=(0,u.useState)(null),T=(0,u.useMemo)(()=>{if(f)return f;if(p)return new c.StorageFileProvider(p);throw Error(`Either provider or adapter must be provided to FileBrowser`)},[f,p]),{state:E,verifyingIds:D,navigate:O,navigateUp:k,search:A,openNode:j,setViewMode:M,select:N,refresh:P,deleteNodes:F,renameNode:I,updateTags:L,verifyNode:R}=n.useStorageBrowser({provider:T,initialPath:m,initialViewMode:h,groupingAxis:g}),z=(0,u.useCallback)(async e=>{let t=await j(e);t&&(b(e),S(t),_?.(e,t))},[j,_]),B=(0,u.useCallback)(async e=>{confirm(`Are you sure you want to delete "${e.name}"?`)&&await F([e.id])},[F]),V=(0,u.useCallback)(e=>{w(e)},[]),H=(0,u.useCallback)(async e=>{let t=prompt(`Enter new name:`,e.name);t&&t!==e.name&&await I(e.id,t)},[I]),U=(0,u.useCallback)(async e=>{let t=e.metadata?.tags||``,n=prompt(`Enter tags (comma separated):`,t);n!==null&&n!==t&&await L(e.id,n)},[L]),W=(0,u.useCallback)(async()=>{let e=prompt(`Enter folder name:`);e&&(await T.createFolder(E.path,e),P())},[T,E.path,P]),G=(0,u.useCallback)(async()=>{let e=document.createElement(`input`);e.type=`file`,e.multiple=!0,e.onchange=async e=>{let t=e.target.files;if(t){for(let e of Array.from(t))await T.uploadFile(E.path,e,e.name);P()}},e.click()},[T,E.path,P]),K=(0,u.useCallback)(async e=>{let{active:t,over:n}=e;if(!n)return;let r=t.data.current,i=n.data.current;if(r.kind===`file`&&i.kind===`folder`){let e=i.id.endsWith(`/`)?i.id:`${i.id}/`;if(r.id.startsWith(e))return;try{await T.moveNode(r.id,e),P()}catch(e){alert(e instanceof Error?e.message:`Failed to move file`)}}},[T,P]);return(0,l.jsxs)(`div`,{className:`flex flex-col h-full bg-background border rounded-lg overflow-hidden ${v}`,children:[(0,l.jsx)(r.FileNavbar,{path:E.path,viewMode:E.viewMode,isLoading:E.isLoading,onNavigate:O,onNavigateUp:k,onSetViewMode:M,onRefresh:P,onSearch:A,onUpload:G,onCreateFolder:W}),E.error&&(0,l.jsxs)(e.Alert,{variant:`destructive`,className:`m-2`,children:[(0,l.jsx)(d.AlertCircle,{className:`h-4 w-4`}),(0,l.jsx)(e.AlertTitle,{children:`Error`}),(0,l.jsx)(e.AlertDescription,{children:E.error})]}),(0,l.jsx)(t.DnDProvider,{onDragEnd:K,children:(0,l.jsx)(`div`,{className:`flex-1 relative flex flex-col min-h-0`,children:E.isLoading&&E.nodes.length===0?(0,l.jsx)(`div`,{className:`flex-1 flex items-center justify-center`,children:(0,l.jsx)(d.Loader2,{className:`w-8 h-8 animate-spin text-muted-foreground`})}):(0,l.jsx)(l.Fragment,{children:E.viewMode===`list`?(0,l.jsx)(i.FileListView,{nodes:E.nodes,selectedIds:E.selectedIds,verifyingIds:D,onSelect:N,onOpen:z,onDelete:B,onDetails:V,onRename:H,onUpdateTags:U,onVerify:e=>void R(e.id)}):(0,l.jsx)(a.FileGridView,{nodes:E.nodes,selectedIds:E.selectedIds,verifyingIds:D,onSelect:N,onOpen:z,onDelete:B,onDetails:V,onRename:H,onUpdateTags:U,onVerify:e=>void R(e.id)})})})}),(0,l.jsxs)(`div`,{className:`px-3 py-1.5 border-t bg-muted/30 flex items-center justify-between text-[11px] text-muted-foreground`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsxs)(`span`,{children:[E.nodes.length,` items`]}),E.selectedIds.length>0&&(0,l.jsxs)(`span`,{className:`text-primary font-medium`,children:[E.selectedIds.length,` selected`]})]}),(0,l.jsx)(`div`,{children:E.path||`Root`})]}),(0,l.jsx)(o.FilePreview,{node:y,url:x,onClose:()=>{b(null),S(null)}}),(0,l.jsx)(s.FileDetailsPanel,{node:C,provider:T,onClose:()=>w(null)})]})}exports.FileBrowser=f;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/components/ui/alert.cjs"),t=require("../ui/dnd/DnDProvider.cjs"),n=require("./useStorageBrowser.cjs"),r=require("./FileNavbar.cjs"),i=require("./FileListView.cjs"),a=require("./FileGridView.cjs"),o=require("./FilePreview.cjs"),s=require("./FileDetailsPanel.cjs"),c=require("./StorageFileProvider.cjs"),l=require("./file-drop.cjs");let u=require("react/jsx-runtime"),d=require("react"),f=require("lucide-react");function p({provider:p,adapter:m,initialPath:h=``,initialViewMode:g=`grid`,groupingAxis:_,onOpenFile:v,className:y}){let[b,x]=(0,d.useState)(null),[S,C]=(0,d.useState)(null),[w,T]=(0,d.useState)(null),E=(0,d.useRef)(0),D=(0,d.useMemo)(()=>{if(p)return p;if(m)return new c.StorageFileProvider(m);throw Error(`Either provider or adapter must be provided to FileBrowser`)},[p,m]),{state:O,verifyingIds:k,navigate:A,navigateUp:j,search:M,openNode:N,setViewMode:P,select:F,refresh:I,deleteNodes:L,renameNode:R,updateTags:z,verifyNode:B}=n.useStorageBrowser({provider:D,initialPath:h,initialViewMode:g,groupingAxis:_}),V=(0,d.useCallback)(async e=>{e.kind===`folder`&&E.current++;let t=await N(e);t&&(x(e),C(t),v?.(e,t))},[N,v]),H=(0,d.useCallback)(async e=>{confirm(`Are you sure you want to delete "${e.name}"?`)&&await L([e.id])},[L]),U=(0,d.useCallback)(e=>{T(e)},[]),W=(0,d.useCallback)(async e=>{let t=prompt(`Enter new name:`,e.name);t&&t!==e.name&&await R(e.id,t)},[R]),G=(0,d.useCallback)(async e=>{let t=e.metadata?.tags||``,n=prompt(`Enter tags (comma separated):`,t);n!==null&&n!==t&&await z(e.id,n)},[z]),K=(0,d.useCallback)(async()=>{let e=prompt(`Enter folder name:`);e&&(await D.createFolder(O.path,e),I())},[D,O.path,I]),q=(0,d.useCallback)(async()=>{let e=document.createElement(`input`);e.type=`file`,e.multiple=!0,e.onchange=async e=>{let t=e.target.files;if(t){for(let e of Array.from(t))await D.uploadFile(O.path,e,e.name);I()}},e.click()},[D,O.path,I]),J=(0,d.useRef)(null),Y=(0,d.useRef)(null);return(0,d.useLayoutEffect)(()=>(Y.current={provider:D,path:O.path,refresh:I},()=>{Y.current=null}),[D,O.path,I]),(0,d.useLayoutEffect)(()=>(E.current++,()=>{E.current++}),[D,h]),(0,d.useLayoutEffect)(()=>{J.current=null},[D,O.path,O.viewMode,O.isLoading,O.nodes]),(0,u.jsxs)(`div`,{className:`flex flex-col h-full bg-background border rounded-lg overflow-hidden ${y}`,children:[(0,u.jsx)(r.FileNavbar,{path:O.path,viewMode:O.viewMode,isLoading:O.isLoading,onNavigate:e=>{E.current++,A(e)},onNavigateUp:()=>{E.current++,j()},onSetViewMode:P,onRefresh:I,onSearch:M,onUpload:q,onCreateFolder:K}),O.error&&(0,u.jsxs)(e.Alert,{variant:`destructive`,className:`m-2`,children:[(0,u.jsx)(f.AlertCircle,{className:`h-4 w-4`}),(0,u.jsx)(e.AlertTitle,{children:`Error`}),(0,u.jsx)(e.AlertDescription,{children:O.error})]}),(0,u.jsx)(t.DnDProvider,{onDragStart:()=>{J.current={provider:D,path:O.path,viewMode:O.viewMode,navigationEpoch:E.current}},onDragEnd:async(e,t)=>{let n=J.current;J.current=null;let{source:r,target:i}=e.operation;if(!n||n.navigationEpoch!==E.current||n.provider!==D||n.path!==O.path||n.viewMode!==O.viewMode||O.isLoading||!r||!i||t.registry.draggables.get(r.id)!==r||t.registry.droppables.get(i.id)!==i)return;let a=l.resolveFileDrop(e,O.nodes);if(a)try{await D.moveNode(a.nodeId,a.targetPath);let e=Y.current;e?.provider===D&&e.path===n.path&&E.current===n.navigationEpoch&&e.refresh()}catch(e){alert(e instanceof Error?e.message:`Failed to move file`)}},children:(0,u.jsx)(`div`,{className:`flex-1 relative flex flex-col min-h-0`,children:O.isLoading&&O.nodes.length===0?(0,u.jsx)(`div`,{className:`flex-1 flex items-center justify-center`,children:(0,u.jsx)(f.Loader2,{className:`w-8 h-8 animate-spin text-muted-foreground`})}):(0,u.jsx)(u.Fragment,{children:O.viewMode===`list`?(0,u.jsx)(i.FileListView,{nodes:O.nodes,selectedIds:O.selectedIds,verifyingIds:k,onSelect:F,onOpen:V,onDelete:H,onDetails:U,onRename:W,onUpdateTags:G,onVerify:e=>void B(e.id)}):(0,u.jsx)(a.FileGridView,{nodes:O.nodes,selectedIds:O.selectedIds,verifyingIds:k,onSelect:F,onOpen:V,onDelete:H,onDetails:U,onRename:W,onUpdateTags:G,onVerify:e=>void B(e.id)})})})}),(0,u.jsxs)(`div`,{className:`px-3 py-1.5 border-t bg-muted/30 flex items-center justify-between text-[11px] text-muted-foreground`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,u.jsxs)(`span`,{children:[O.nodes.length,` items`]}),O.selectedIds.length>0&&(0,u.jsxs)(`span`,{className:`text-primary font-medium`,children:[O.selectedIds.length,` selected`]})]}),(0,u.jsx)(`div`,{children:O.path||`Root`})]}),(0,u.jsx)(o.FilePreview,{node:b,url:S,onClose:()=>{x(null),C(null)}}),(0,u.jsx)(s.FileDetailsPanel,{node:w,provider:D,onClose:()=>T(null)})]})}exports.FileBrowser=p;
 //# sourceMappingURL=FileBrowser.cjs.map

package/dist/tools/components/file-browser/FileBrowser.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileBrowser.cjs","names":["useState","useMemo","StorageFileProvider","useStorageBrowser","useCallback","FileNavbar","Alert","AlertCircle","AlertTitle","AlertDescription","DnDProvider","Loader2","_Fragment","FileListView","FileGridView","FilePreview","FileDetailsPanel","require_ui_components_ui_alert","require_tools_components_ui_dnd_DnDProvider","require_tools_components_file_browser_useStorageBrowser","require_tools_components_file_browser_FileNavbar","require_tools_components_file_browser_FileListView","require_tools_components_file_browser_FileGridView","require_tools_components_file_browser_FilePreview","require_tools_components_file_browser_FileDetailsPanel","require_tools_components_file_browser_StorageFileProvider","react_jsx_runtime","react","lucide_react","FileBrowser","propProvider","previewNode","setPreviewNode","previewUrl","setPreviewUrl","detailsNode","setDetailsNode","provider","adapter","handleOpen","url","openNode","node","onOpenFile","handleDelete","deleteNodes","handleDetails","handleRename","newName","renameNode","handleUpdateTags","currentTags","newTags","updateTags","handleCreateFolder","name","state","refresh","handleUpload","input","files","file","handleDragEnd","event","over","activeNode","active","overNode","targetPath","error","className","navigate","navigateUp","setViewMode","search","select","verifyNode"],"sources":["../../../../src/tools/components/file-browser/FileBrowser.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useStorageBrowser } from './useStorageBrowser';\nimport { FileNavbar } from './FileNavbar';\nimport { FileListView } from './FileListView';\nimport { FileGridView } from './FileGridView';\nimport { FilePreview } from './FilePreview';\nimport { FileDetailsPanel } from './FileDetailsPanel';\nimport { StorageFileProvider } from './StorageFileProvider';\nimport type { StorageAdapter } from '../../lib/storage/types';\nimport type { FileBrowserViewMode, FileNode, FileGroupingAxis, FileProvider } from './types';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { AlertCircle, Loader2 } from 'lucide-react';\nimport { DnDProvider } from '../ui/dnd';\nimport type { DragEndEvent } from '@dnd-kit/core';\n\nexport interface FileBrowserProps {\n  /** ファイルプロバイダー（優先） */\n  provider?: FileProvider;\n  /** ストレージアダプター（providerが未指定の場合にラップして使用） */\n  adapter?: StorageAdapter;\n  /** 初期パス */\n  initialPath?: string;\n  /** 初期表示モード */\n  initialViewMode?: FileBrowserViewMode;\n  /** グループ化の軸（仮想ツリー用、将来拡張用） */\n  groupingAxis?: FileGroupingAxis;\n  /** ファイルがクリック（開かれた）時のコールバック */\n  onOpenFile?: (node: FileNode, url: string) => void;\n  /** クラス名 */\n  className?: string;\n}\n\n/**\n * 高機能ファイルブラウザコンポーネント\n *\n * S3, R2, OCI などのオブジェクトストレージをエクスプローラー形式で表示・操作します。\n * DBテーブル管理 + UUIDファイル名といった複雑な構成にも FileProvider を通じて対応可能です。\n */\nexport function FileBrowser({\n  provider: propProvider,\n  adapter,\n  initialPath = '',\n  initialViewMode = 'grid',\n  groupingAxis,\n  onOpenFile,\n  className,\n}: FileBrowserProps) {\n  // モーダル・パネル状態\n  const [previewNode, setPreviewNode] = useState<FileNode | null>(null);\n  const [previewUrl, setPreviewUrl] = useState<string | null>(null);\n  const [detailsNode, setDetailsNode] = useState<FileNode | null>(null);\n\n  // アダプターが直接渡された場合は標準のプロバイダーでラップする\n  const provider = useMemo(() => {\n    if (propProvider) return propProvider;\n    if (adapter) return new StorageFileProvider(adapter);\n    throw new Error('Either provider or adapter must be provided to FileBrowser');\n  }, [propProvider, adapter]);\n\n  const {\n    state,\n    verifyingIds,\n    navigate,\n    navigateUp,\n    search,\n    openNode,\n    setViewMode,\n    select,\n    refresh,\n    deleteNodes,\n    renameNode,\n    updateTags,\n    verifyNode,\n  } = useStorageBrowser({\n    provider,\n    initialPath,\n    initialViewMode,\n    groupingAxis,\n  });\n\n  const handleOpen = useCallback(\n    async (node: FileNode) => {\n      const url = await openNode(node);\n      if (url) {\n        setPreviewNode(node);\n        setPreviewUrl(url);\n        onOpenFile?.(node, url);\n      }\n    },\n    [openNode, onOpenFile],\n  );\n\n  const handleDelete = useCallback(\n    async (node: FileNode) => {\n      if (confirm(`Are you sure you want to delete \"${node.name}\"?`)) {\n        await deleteNodes([node.id]);\n      }\n    },\n    [deleteNodes],\n  );\n\n  const handleDetails = useCallback((node: FileNode) => {\n    setDetailsNode(node);\n  }, []);\n\n  const handleRename = useCallback(\n    async (node: FileNode) => {\n      const newName = prompt('Enter new name:', node.name);\n      if (newName && newName !== node.name) {\n        await renameNode(node.id, newName);\n      }\n    },\n    [renameNode],\n  );\n\n  const handleUpdateTags = useCallback(\n    async (node: FileNode) => {\n      const currentTags = node.metadata?.tags || '';\n      const newTags = prompt('Enter tags (comma separated):', currentTags);\n      if (newTags !== null && newTags !== currentTags) {\n        await updateTags(node.id, newTags);\n      }\n    },\n    [updateTags],\n  );\n\n  const handleCreateFolder = useCallback(async () => {\n    const name = prompt('Enter folder name:');\n    if (name) {\n      await provider.createFolder(state.path, name);\n      refresh();\n    }\n  }, [provider, state.path, refresh]);\n\n  const handleUpload = useCallback(async () => {\n    // 簡易的なファイル選択\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.multiple = true;\n    input.onchange = async (e) => {\n      const files = (e.target as HTMLInputElement).files;\n      if (!files) return;\n\n      for (const file of Array.from(files)) {\n        await provider.uploadFile(state.path, file, file.name);\n      }\n      refresh();\n    };\n    input.click();\n  }, [provider, state.path, refresh]);\n\n  /**\n   * ドラッグ&ドロップ終了時の処理\n   */\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (!over) return;\n\n      const activeNode = active.data.current as FileNode;\n      const overNode = over.data.current as FileNode;\n\n      // ファイルをフォルダにドロップした場合のみ移動を実行\n      if (activeNode.kind === 'file' && overNode.kind === 'folder') {\n        const targetPath = overNode.id.endsWith('/') ? overNode.id : `${overNode.id}/`;\n\n        // 同じ場所なら何もしない\n        if (activeNode.id.startsWith(targetPath)) return;\n\n        try {\n          await provider.moveNode(activeNode.id, targetPath);\n          refresh();\n        } catch (error) {\n          alert(error instanceof Error ? error.message : 'Failed to move file');\n        }\n      }\n    },\n    [provider, refresh],\n  );\n\n  return (\n    <div\n      className={`flex flex-col h-full bg-background border rounded-lg overflow-hidden ${className}`}\n    >\n      {/* ツールバー */}\n      <FileNavbar\n        path={state.path}\n        viewMode={state.viewMode}\n        isLoading={state.isLoading}\n        onNavigate={navigate}\n        onNavigateUp={navigateUp}\n        onSetViewMode={setViewMode}\n        onRefresh={refresh}\n        onSearch={search}\n        onUpload={handleUpload}\n        onCreateFolder={handleCreateFolder}\n      />\n\n      {/* エラー表示 */}\n      {state.error && (\n        <Alert variant='destructive' className='m-2'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertTitle>Error</AlertTitle>\n          <AlertDescription>{state.error}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* メインコンテンツ */}\n      <DnDProvider onDragEnd={handleDragEnd}>\n        <div className='flex-1 relative flex flex-col min-h-0'>\n          {state.isLoading && state.nodes.length === 0 ? (\n            <div className='flex-1 flex items-center justify-center'>\n              <Loader2 className='w-8 h-8 animate-spin text-muted-foreground' />\n            </div>\n          ) : (\n            <>\n              {state.viewMode === 'list' ? (\n                <FileListView\n                  nodes={state.nodes}\n                  selectedIds={state.selectedIds}\n                  verifyingIds={verifyingIds}\n                  onSelect={select}\n                  onOpen={handleOpen}\n                  onDelete={handleDelete}\n                  onDetails={handleDetails}\n                  onRename={handleRename}\n                  onUpdateTags={handleUpdateTags}\n                  onVerify={(node) => void verifyNode(node.id)}\n                />\n              ) : (\n                <FileGridView\n                  nodes={state.nodes}\n                  selectedIds={state.selectedIds}\n                  verifyingIds={verifyingIds}\n                  onSelect={select}\n                  onOpen={handleOpen}\n                  onDelete={handleDelete}\n                  onDetails={handleDetails}\n                  onRename={handleRename}\n                  onUpdateTags={handleUpdateTags}\n                  onVerify={(node) => void verifyNode(node.id)}\n                />\n              )}\n            </>\n          )}\n        </div>\n      </DnDProvider>\n\n      {/* ステータスバー */}\n      <div className='px-3 py-1.5 border-t bg-muted/30 flex items-center justify-between text-[11px] text-muted-foreground'>\n        <div className='flex items-center gap-3'>\n          <span>{state.nodes.length} items</span>\n          {state.selectedIds.length > 0 && (\n            <span className='text-primary font-medium'>{state.selectedIds.length} selected</span>\n          )}\n        </div>\n        <div>{state.path || 'Root'}</div>\n      </div>\n\n      {/* プレビューモーダル */}\n      <FilePreview\n        node={previewNode}\n        url={previewUrl}\n        onClose={() => {\n          setPreviewNode(null);\n          setPreviewUrl(null);\n        }}\n      />\n\n      {/* 詳細パネル */}\n      <FileDetailsPanel\n        node={detailsNode}\n        provider={provider}\n        onClose={() => setDetailsNode(null)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileBrowser.cjs","names":["useState","useRef","useMemo","StorageFileProvider","useStorageBrowser","useCallback","resolveFileDrop","FileNavbar","Alert","AlertCircle","AlertTitle","AlertDescription","DnDProvider","Loader2","_Fragment","FileListView","FileGridView","FilePreview","FileDetailsPanel","require_ui_components_ui_alert","require_tools_components_ui_dnd_DnDProvider","require_tools_components_file_browser_useStorageBrowser","require_tools_components_file_browser_FileNavbar","require_tools_components_file_browser_FileListView","require_tools_components_file_browser_FileGridView","require_tools_components_file_browser_FilePreview","require_tools_components_file_browser_FileDetailsPanel","require_tools_components_file_browser_StorageFileProvider","require_tools_components_file_browser_file_drop","react_jsx_runtime","react","lucide_react","FileBrowser","propProvider","previewNode","setPreviewNode","previewUrl","setPreviewUrl","detailsNode","setDetailsNode","navigationEpoch","provider","adapter","handleOpen","node","url","openNode","onOpenFile","handleDelete","deleteNodes","handleDetails","handleRename","newName","renameNode","handleUpdateTags","currentTags","newTags","updateTags","handleCreateFolder","name","state","refresh","handleUpload","input","files","file","dragSnapshot","refreshContext","initialPath","className","navigate","path","navigateUp","setViewMode","search","snapshot","event","source","target","manager","move","current","error","select","verifyNode"],"sources":["../../../../src/tools/components/file-browser/FileBrowser.tsx"],"sourcesContent":["import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { useStorageBrowser } from './useStorageBrowser';\nimport { FileNavbar } from './FileNavbar';\nimport { FileListView } from './FileListView';\nimport { FileGridView } from './FileGridView';\nimport { FilePreview } from './FilePreview';\nimport { FileDetailsPanel } from './FileDetailsPanel';\nimport { StorageFileProvider } from './StorageFileProvider';\nimport type { StorageAdapter } from '../../lib/storage/types';\nimport type { FileBrowserViewMode, FileNode, FileGroupingAxis, FileProvider } from './types';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { AlertCircle, Loader2 } from 'lucide-react';\nimport { DnDProvider, type DnDProviderProps } from '../ui/dnd';\nimport {resolveFileDrop} from './file-drop';\n\nexport interface FileBrowserProps {\n  /** ファイルプロバイダー（優先） */\n  provider?: FileProvider;\n  /** ストレージアダプター（providerが未指定の場合にラップして使用） */\n  adapter?: StorageAdapter;\n  /** 初期パス */\n  initialPath?: string;\n  /** 初期表示モード */\n  initialViewMode?: FileBrowserViewMode;\n  /** グループ化の軸（仮想ツリー用、将来拡張用） */\n  groupingAxis?: FileGroupingAxis;\n  /** ファイルがクリック（開かれた）時のコールバック */\n  onOpenFile?: (node: FileNode, url: string) => void;\n  /** クラス名 */\n  className?: string;\n}\n\n/**\n * Browse files through a host-supplied FileProvider or wrapped StorageAdapter.\n * @param props - Provider (preferred), optional adapter, initial path (default empty),\n * initial view mode (default grid), grouping axis, open callback and presentation.\n * @returns The browser, native drag boundary and preview/detail surfaces.\n * @throws An Error during rendering when neither provider nor adapter is supplied.\n * @remarks Hosts authorize storage access. A drop moves one currently listed file\n * into a registered folder, awaits moveNode and then refreshes the current relevant\n * view. Canceled/stale drops do not write; navigation does not undo a write already\n * in flight. Import Appkit CSS once; this component owns its native drag provider.\n * @example\n * ```tsx\n * import {FileBrowser, type FileProvider} from '@alneas/appkit-react/tools/file-browser';\n * import '@alneas/appkit-react/styles';\n * export function Files({provider}: {provider: FileProvider}) {\n *   return <div style={{height: 500}}><FileBrowser provider={provider} /></div>;\n * }\n * ```\n */\nexport function FileBrowser({\n  provider: propProvider,\n  adapter,\n  initialPath = '',\n  initialViewMode = 'grid',\n  groupingAxis,\n  onOpenFile,\n  className,\n}: FileBrowserProps) {\n  // モーダル・パネル状態\n  const [previewNode, setPreviewNode] = useState<FileNode | null>(null);\n  const [previewUrl, setPreviewUrl] = useState<string | null>(null);\n  const [detailsNode, setDetailsNode] = useState<FileNode | null>(null);\n  const navigationEpoch = useRef(0);\n\n  // アダプターが直接渡された場合は標準のプロバイダーでラップする\n  const provider = useMemo(() => {\n    if (propProvider) return propProvider;\n    if (adapter) return new StorageFileProvider(adapter);\n    throw new Error('Either provider or adapter must be provided to FileBrowser');\n  }, [propProvider, adapter]);\n\n  const {\n    state,\n    verifyingIds,\n    navigate,\n    navigateUp,\n    search,\n    openNode,\n    setViewMode,\n    select,\n    refresh,\n    deleteNodes,\n    renameNode,\n    updateTags,\n    verifyNode,\n  } = useStorageBrowser({\n    provider,\n    initialPath,\n    initialViewMode,\n    groupingAxis,\n  });\n\n  const handleOpen = useCallback(\n    async (node: FileNode) => {\n      if (node.kind === 'folder') navigationEpoch.current++;\n      const url = await openNode(node);\n      if (url) {\n        setPreviewNode(node);\n        setPreviewUrl(url);\n        onOpenFile?.(node, url);\n      }\n    },\n    [openNode, onOpenFile],\n  );\n\n  const handleDelete = useCallback(\n    async (node: FileNode) => {\n      if (confirm(`Are you sure you want to delete \"${node.name}\"?`)) {\n        await deleteNodes([node.id]);\n      }\n    },\n    [deleteNodes],\n  );\n\n  const handleDetails = useCallback((node: FileNode) => {\n    setDetailsNode(node);\n  }, []);\n\n  const handleRename = useCallback(\n    async (node: FileNode) => {\n      const newName = prompt('Enter new name:', node.name);\n      if (newName && newName !== node.name) {\n        await renameNode(node.id, newName);\n      }\n    },\n    [renameNode],\n  );\n\n  const handleUpdateTags = useCallback(\n    async (node: FileNode) => {\n      const currentTags = node.metadata?.tags || '';\n      const newTags = prompt('Enter tags (comma separated):', currentTags);\n      if (newTags !== null && newTags !== currentTags) {\n        await updateTags(node.id, newTags);\n      }\n    },\n    [updateTags],\n  );\n\n  const handleCreateFolder = useCallback(async () => {\n    const name = prompt('Enter folder name:');\n    if (name) {\n      await provider.createFolder(state.path, name);\n      refresh();\n    }\n  }, [provider, state.path, refresh]);\n\n  const handleUpload = useCallback(async () => {\n    // 簡易的なファイル選択\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.multiple = true;\n    input.onchange = async (e) => {\n      const files = (e.target as HTMLInputElement).files;\n      if (!files) return;\n\n      for (const file of Array.from(files)) {\n        await provider.uploadFile(state.path, file, file.name);\n      }\n      refresh();\n    };\n    input.click();\n  }, [provider, state.path, refresh]);\n\n  const dragSnapshot = useRef<{provider: FileProvider; path: string; viewMode: FileBrowserViewMode; navigationEpoch: number} | null>(null);\n  const refreshContext = useRef<{provider: FileProvider; path: string; refresh: () => void} | null>(null);\n  useLayoutEffect(() => {\n    refreshContext.current = {provider, path: state.path, refresh};\n    return () => {refreshContext.current = null;};\n  }, [provider, state.path, refresh]);\n  useLayoutEffect(() => {\n    navigationEpoch.current++;\n    return () => {navigationEpoch.current++;};\n  }, [provider, initialPath]);\n  useLayoutEffect(() => {\n    dragSnapshot.current = null;\n  }, [provider, state.path, state.viewMode, state.isLoading, state.nodes]);\n  const handleDragStart: DnDProviderProps['onDragStart'] = () => {\n    dragSnapshot.current = {provider, path: state.path, viewMode: state.viewMode, navigationEpoch: navigationEpoch.current};\n  };\n  const handleDragEnd: DnDProviderProps['onDragEnd'] = async (event, manager) => {\n    const snapshot = dragSnapshot.current;\n    dragSnapshot.current = null;\n    const {source, target} = event.operation;\n    if (!snapshot || snapshot.navigationEpoch !== navigationEpoch.current || snapshot.provider !== provider || snapshot.path !== state.path || snapshot.viewMode !== state.viewMode || state.isLoading) return;\n    if (!source || !target || manager.registry.draggables.get(source.id) !== source || manager.registry.droppables.get(target.id) !== target) return;\n    const move = resolveFileDrop(event, state.nodes);\n    if (!move) return;\n    try {\n      await provider.moveNode(move.nodeId, move.targetPath);\n      const current = refreshContext.current;\n      if (current?.provider === provider && current.path === snapshot.path && navigationEpoch.current === snapshot.navigationEpoch) current.refresh();\n    } catch (error) {\n      alert(error instanceof Error ? error.message : 'Failed to move file');\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col h-full bg-background border rounded-lg overflow-hidden ${className}`}\n    >\n      {/* ツールバー */}\n      <FileNavbar\n        path={state.path}\n        viewMode={state.viewMode}\n        isLoading={state.isLoading}\n        onNavigate={path => {navigationEpoch.current++; navigate(path);}}\n        onNavigateUp={() => {navigationEpoch.current++; navigateUp();}}\n        onSetViewMode={setViewMode}\n        onRefresh={refresh}\n        onSearch={search}\n        onUpload={handleUpload}\n        onCreateFolder={handleCreateFolder}\n      />\n\n      {/* エラー表示 */}\n      {state.error && (\n        <Alert variant='destructive' className='m-2'>\n          <AlertCircle className='h-4 w-4' />\n          <AlertTitle>Error</AlertTitle>\n          <AlertDescription>{state.error}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* メインコンテンツ */}\n      <DnDProvider onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n        <div className='flex-1 relative flex flex-col min-h-0'>\n          {state.isLoading && state.nodes.length === 0 ? (\n            <div className='flex-1 flex items-center justify-center'>\n              <Loader2 className='w-8 h-8 animate-spin text-muted-foreground' />\n            </div>\n          ) : (\n            <>\n              {state.viewMode === 'list' ? (\n                <FileListView\n                  nodes={state.nodes}\n                  selectedIds={state.selectedIds}\n                  verifyingIds={verifyingIds}\n                  onSelect={select}\n                  onOpen={handleOpen}\n                  onDelete={handleDelete}\n                  onDetails={handleDetails}\n                  onRename={handleRename}\n                  onUpdateTags={handleUpdateTags}\n                  onVerify={(node) => void verifyNode(node.id)}\n                />\n              ) : (\n                <FileGridView\n                  nodes={state.nodes}\n                  selectedIds={state.selectedIds}\n                  verifyingIds={verifyingIds}\n                  onSelect={select}\n                  onOpen={handleOpen}\n                  onDelete={handleDelete}\n                  onDetails={handleDetails}\n                  onRename={handleRename}\n                  onUpdateTags={handleUpdateTags}\n                  onVerify={(node) => void verifyNode(node.id)}\n                />\n              )}\n            </>\n          )}\n        </div>\n      </DnDProvider>\n\n      {/* ステータスバー */}\n      <div className='px-3 py-1.5 border-t bg-muted/30 flex items-center justify-between text-[11px] text-muted-foreground'>\n        <div className='flex items-center gap-3'>\n          <span>{state.nodes.length} items</span>\n          {state.selectedIds.length > 0 && (\n            <span className='text-primary font-medium'>{state.selectedIds.length} selected</span>\n          )}\n        </div>\n        <div>{state.path || 'Root'}</div>\n      </div>\n\n      {/* プレビューモーダル */}\n      <FilePreview\n        node={previewNode}\n        url={previewUrl}\n        onClose={() => {\n          setPreviewNode(null);\n          setPreviewUrl(null);\n        }}\n      />\n\n      {/* 詳細パネル */}\n      <FileDetailsPanel\n        node={detailsNode}\n        provider={provider}\n        onClose={() => setDetailsNode(null)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FileBrowser.d.cts

@@ -17,9 +17,22 @@ export interface FileBrowserProps {
     className?: string;
 }
 /**
- * 高機能ファイルブラウザコンポーネント
- *
- * S3, R2, OCI などのオブジェクトストレージをエクスプローラー形式で表示・操作します。
- * DBテーブル管理 + UUIDファイル名といった複雑な構成にも FileProvider を通じて対応可能です。
+ * Browse files through a host-supplied FileProvider or wrapped StorageAdapter.
+ * @param props - Provider (preferred), optional adapter, initial path (default empty),
+ * initial view mode (default grid), grouping axis, open callback and presentation.
+ * @returns The browser, native drag boundary and preview/detail surfaces.
+ * @throws An Error during rendering when neither provider nor adapter is supplied.
+ * @remarks Hosts authorize storage access. A drop moves one currently listed file
+ * into a registered folder, awaits moveNode and then refreshes the current relevant
+ * view. Canceled/stale drops do not write; navigation does not undo a write already
+ * in flight. Import Appkit CSS once; this component owns its native drag provider.
+ * @example
+ * ```tsx
+ * import {FileBrowser, type FileProvider} from '@alneas/appkit-react/tools/file-browser';
+ * import '@alneas/appkit-react/styles';
+ * export function Files({provider}: {provider: FileProvider}) {
+ *   return <div style={{height: 500}}><FileBrowser provider={provider} /></div>;
+ * }
+ * ```
  */
 export declare function FileBrowser({ provider: propProvider, adapter, initialPath, initialViewMode, groupingAxis, onOpenFile, className, }: FileBrowserProps): import('react').JSX.Element;

package/dist/tools/components/file-browser/FileBrowser.d.ts

@@ -17,9 +17,22 @@ export interface FileBrowserProps {
     className?: string;
 }
 /**
- * 高機能ファイルブラウザコンポーネント
- *
- * S3, R2, OCI などのオブジェクトストレージをエクスプローラー形式で表示・操作します。
- * DBテーブル管理 + UUIDファイル名といった複雑な構成にも FileProvider を通じて対応可能です。
+ * Browse files through a host-supplied FileProvider or wrapped StorageAdapter.
+ * @param props - Provider (preferred), optional adapter, initial path (default empty),
+ * initial view mode (default grid), grouping axis, open callback and presentation.
+ * @returns The browser, native drag boundary and preview/detail surfaces.
+ * @throws An Error during rendering when neither provider nor adapter is supplied.
+ * @remarks Hosts authorize storage access. A drop moves one currently listed file
+ * into a registered folder, awaits moveNode and then refreshes the current relevant
+ * view. Canceled/stale drops do not write; navigation does not undo a write already
+ * in flight. Import Appkit CSS once; this component owns its native drag provider.
+ * @example
+ * ```tsx
+ * import {FileBrowser, type FileProvider} from '@alneas/appkit-react/tools/file-browser';
+ * import '@alneas/appkit-react/styles';
+ * export function Files({provider}: {provider: FileProvider}) {
+ *   return <div style={{height: 500}}><FileBrowser provider={provider} /></div>;
+ * }
+ * ```
  */
 export declare function FileBrowser({ provider: propProvider, adapter, initialPath, initialViewMode, groupingAxis, onOpenFile, className, }: FileBrowserProps): import('react').JSX.Element;