FileManager Seeder

api/src/Sozsoft.Platform.DbMigrator/Seeds/LanguagesData.json

@@ -15338,6 +15338,48 @@
             "en": "Name",
             "tr": "Adı"
         },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Item",
+            "en": "Item",
+            "tr": "Öğe"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Preview",
+            "en": "Preview",
+            "tr": "Önizleme"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Download",
+            "en": "Download",
+            "tr": "İndir"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.CopyFileUrl",
+            "en": "Copy URL",
+            "tr": "URL Kopyala"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.NewFolder",
+            "en": "New Folder",
+            "tr": "Yeni Klasör"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Rename",
+            "en": "Rename",
+            "tr": "Yeniden Adlandır"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Move",
+            "en": "Move",
+            "tr": "Taşı"
+        },
         {
             "resourceName": "Platform",
             "key": "App.Listform.ListformField.NameKey",
@@ -16724,6 +16766,18 @@
             "en": "Type",
             "tr": "Türü"
         },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Size",
+            "en": "Size",
+            "tr": "Boyut"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Listform.ListformField.Modified",
+            "en": "Modified",
+            "tr": "Değiştirilme"
+        },
         {
             "resourceName": "Platform",
             "key": "App.Listform.ListformField.TypeId",
@@ -18823,6 +18877,246 @@
             "key": "ListForms.ListFormEdit.Workflow.ApprovalDescriptionFieldName",
             "en": "Approval Description Field Name",
             "tr": "Onay Açıklaması Alanı Adı"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Folder",
+            "en": "Folder",
+            "tr": "Klasor"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Picture",
+            "en": "Picture",
+            "tr": "Resim"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Video",
+            "en": "Video",
+            "tr": "Video"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Sound",
+            "en": "Sound",
+            "tr": "Ses"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.PDF",
+            "en": "PDF",
+            "tr": "PDF"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Word",
+            "en": "Word",
+            "tr": "Word"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Excel",
+            "en": "Excel",
+            "tr": "Excel"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.PowerPoint",
+            "en": "PowerPoint",
+            "tr": "PowerPoint"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Archive",
+            "en": "Archive",
+            "tr": "Arşiv"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Text",
+            "en": "Text",
+            "tr": "Metin"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Code",
+            "en": "Code",
+            "tr": "Kod"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Counting",
+            "en": "Counting...",
+            "tr": "Sayılıyor..."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.CreateFolder",
+            "en": "Create Folder",
+            "tr": "Klasör Oluştur"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Create",
+            "en": "Create",
+            "tr": "Oluştur"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.CopySelectedItems",
+            "en": "Copy Selected Items",
+            "tr": "Seçili Öğeleri Kopyala"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.CutSelectedItems",
+            "en": "Cut Selected Items",
+            "tr": "Seçili Öğeleri Kes"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.PasteSelectedItems",
+            "en": "Paste Selected Items",
+            "tr": "Seçili Öğeleri Yapıştır"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.RenameSelectedItem",
+            "en": "Rename Selected Item",
+            "tr": "Seçili Öğeyi Yeniden Adlandır"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.DownloadSelectedFile",
+            "en": "Download Selected File",
+            "tr": "Seçili Dosyayı İndir"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.DeleteSelectedItems",
+            "en": "Delete selected items",
+            "tr": "Seçili Öğeleri Sil"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SearchFiles",
+            "en": "Search...",
+            "tr": "Ara..."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.UploadFiles",
+            "en": "Upload files...",
+            "tr": "Dosyaları Yükle..."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Upload",
+            "en": "Upload",
+            "tr": "Yükle"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.FolderName",
+            "en": "Folder Name",
+            "tr": "Klasör Adı"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.FileName",
+            "en": "File Name",
+            "tr": "Dosya Adı"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.File",
+            "en": "File",
+            "tr": "Dosya"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.RenameFolder",
+            "en": "Rename Folder",
+            "tr": "Klasörü Yeniden Adlandır"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.RenameFile",
+            "en": "Rename File",
+            "tr": "Dosyayı Yeniden Adlandır"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.DeleteConfirmationMessage",
+            "en": "Are you sure you want to delete the following items? This action cannot be undone.",
+            "tr": "Aşağıdaki öğeleri silmek istediğinizden emin misiniz? Bu işlem geri alınamaz."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.DeleteConfirmationTitle",
+            "en": "Delete Items",
+            "tr": "Öğeleri Sil"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.DeselectAll",
+            "en": "Deselect All",
+            "tr": "Tümünü Seçmeyi Bırak"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SelectAll",
+            "en": "Select All",
+            "tr": "Tümünü Seç"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Deselect",
+            "en": "Deselect",
+            "tr": "Seçmeyi Bırak"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.Select",
+            "en": "Select",
+            "tr": "Seç"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortByNameAsc",
+            "en": "Name (A-Z)",
+            "tr": "İsim (A-Z)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortByNameDesc",
+            "en": "Name (Z-A)",
+            "tr": "İsim (Z-A)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortBySizeAsc",
+            "en": "Size (Small to Large)",
+            "tr": "Boyut (Küçükten Büyüğe)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortBySizeDesc",
+            "en": "Size (Large to Small)",
+            "tr": "Boyut (Büyükten Küçüğe)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortByModifiedAsc",
+            "en": "Modified (Oldest)",
+            "tr": "Değiştirilme (En Eski)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "FileManager.SortByModifiedDesc",
+            "en": "Modified (Newest)",
+            "tr": "Değiştirilme (En Yeni)"
         }
     ]
-}
+}

api/src/Sozsoft.Platform.DbMigrator/Seeds/ListFormSeeder_Administration.cs

@@ -2682,7 +2682,7 @@ public class ListFormSeeder_Administration : IDataSeedContributor, ITransientDep
                                 new EditingFormItemDto { Order = 4, DataField = "Category", ColSpan=1, IsRequired = true, EditorType2 = EditorTypes.dxSelectBox, EditorOptions=EditorOptionValues.ShowClearButton },
                                 new EditingFormItemDto { Order = 5, DataField = "UserId", ColSpan=1, IsRequired = true, EditorType2 = EditorTypes.dxSelectBox, EditorOptions=EditorOptionValues.ShowClearButton },
                                 new EditingFormItemDto { Order = 6, DataField = "PublishDate", ColSpan=1, EditorType2 = EditorTypes.dxDateBox },
-                                new EditingFormItemDto { Order = 7, DataField = "ExpiryDate", ColSpan=1, IsRequired = true, EditorType2 = EditorTypes.dxDateBox },
+                                new EditingFormItemDto { Order = 7, DataField = "ExpiryDate", ColSpan=1, EditorType2 = EditorTypes.dxDateBox },
                                 new EditingFormItemDto { Order = 8, DataField = "IsPinned", ColSpan=1, EditorType2 = EditorTypes.dxCheckBox },
                                 new EditingFormItemDto { Order = 9, DataField = "ImageUrl", ColSpan=1, EditorType2 = EditorTypes.dxImageUpload, EditorOptions = EditorOptionValues.ImageUploadOptions},
                             ]}

ui/src/components/ui/Select/Select.tsx

@@ -1,6 +1,6 @@
-import { forwardRef, Ref } from 'react'
+import { forwardRef, useEffect, useRef } from 'react'
 import classNames from 'classnames'
-import ReactSelect from 'react-select'
+import ReactSelect, { components as ReactSelectComponents } from 'react-select'
 import CreatableSelect from 'react-select/creatable'
 import AsyncSelect from 'react-select/async'
 import { TW_COLORS, BORDER_RADIUS, SPACING } from '@/utils/tailwind'
@@ -17,15 +17,17 @@ import type {
     ControlProps,
     Props as ReactSelectProps,
     GroupBase,
+    MenuListProps,
 } from 'react-select'
 import type { AsyncProps } from 'react-select/async'
 import type { CreatableProps } from 'react-select/creatable'
-import type { ForwardedRef } from 'react'
+import type { ForwardedRef, ReactNode, Ref } from 'react'
 
 interface DefaultOptionProps {
     innerProps: JSX.IntrinsicElements['div']
     label: string
     selectProps: { themeColor?: string }
+    children?: ReactNode
     isSelected: boolean
     isDisabled: boolean
     isFocused: boolean
@@ -38,6 +40,7 @@ const DefaultOption = ({
     isSelected,
     isDisabled,
     isFocused,
+    children,
 }: DefaultOptionProps) => {
     const { themeColor } = selectProps
     return (
@@ -50,7 +53,7 @@ const DefaultOption = ({
             )}
             {...innerProps}
         >
-            <span className="ml-2">{label}</span>
+            <div className="ml-2 min-w-0">{children ?? label}</div>
             {isSelected && (
                 <FaCheck
                     className={`text-${themeColor} dark:text-white text-xl`}
@@ -60,6 +63,39 @@ const DefaultOption = ({
     )
 }
 
+const DefaultMenuList = <
+    Option,
+    IsMulti extends boolean = false,
+    Group extends GroupBase<Option> = GroupBase<Option>
+>(
+    props: MenuListProps<Option, IsMulti, Group>
+) => {
+    const menuListRef = useRef<HTMLDivElement | null>(null)
+
+    useEffect(() => {
+        const frame = requestAnimationFrame(() => {
+            menuListRef.current
+                ?.querySelector('.select-option.selected')
+                ?.scrollIntoView({ block: 'center' })
+        })
+
+        return () => cancelAnimationFrame(frame)
+    }, [props.selectProps.value])
+
+    return (
+        <ReactSelectComponents.MenuList
+            {...props}
+            innerRef={(element) => {
+                menuListRef.current = element
+
+                if (typeof props.innerRef === 'function') {
+                    props.innerRef(element)
+                }
+            }}
+        />
+    )
+}
+
 const DefaultDropdownIndicator = () => {
     return (
         <div className="select-dropdown-indicator">
@@ -235,6 +271,7 @@ function _Select<
             components={{
                 IndicatorSeparator: () => null,
                 Option: DefaultOption,
+                MenuList: DefaultMenuList,
                 LoadingIndicator: DefaultLoadingIndicator,
                 DropdownIndicator: DefaultDropdownIndicator,
                 ClearIndicator: DefaultClearIndicator,

ui/src/views/admin/files/FileManager.tsx

@@ -18,6 +18,8 @@ import {
   FaDownload,
   FaPaste,
   FaBuilding,
+  FaUsers,
+  FaChevronRight,
 } from 'react-icons/fa'
 import Container from '@/components/shared/Container'
 import { useLocalization } from '@/utils/hooks/useLocalization'
@@ -136,7 +138,9 @@ const FileManager = () => {
         const items = response.data.items || []
         // Manual protection for system folders
         const protectedItems = items.map((item) => {
-          const isSystemFolder = ['intranet', 'avatar', 'import', 'note', 'backup'].includes(item.name.toLowerCase())
+          const isSystemFolder = ['intranet', 'avatar', 'import', 'note', 'backup'].includes(
+            item.name.toLowerCase(),
+          )
           return {
             ...item,
             isReadOnly: item.isReadOnly || isSystemFolder,
@@ -735,48 +739,11 @@ const FileManager = () => {
       ></Helmet>
 
       {/* Enhanced Unified Toolbar */}
-      <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg mb-4 mt-2">
+      <div className="dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-2 mb-4 mt-2">
         {/* Main Toolbar Row */}
         <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-3 sm:gap-4">
           {/* Left Section - Primary Actions */}
           <div className="flex items-center gap-2 flex-wrap min-w-0">
-            {/* Tenant Selector Row */}
-            <div className="flex items-center gap-2">
-              <FaBuilding className="text-gray-500 flex-shrink-0" />
-              {isHostContext ? (
-                <Select
-                  size="sm"
-                  isLoading={tenantsLoading}
-                  options={[
-                    { value: '', label: 'Host' },
-                    ...tenants.map((t) => ({ value: t.id ?? '', label: t.name ?? '' })),
-                  ]}
-                  value={{
-                    value: selectedTenant ? selectedTenant.id : '',
-                    label: selectedTenant ? selectedTenant.name : 'Host',
-                  }}
-                  onChange={(option) => {
-                    if (option && 'value' in option) {
-                      const val = option.value as string
-                      if (!val) {
-                        setSelectedTenant(undefined)
-                      } else {
-                        const found = tenants.find((t) => t.id === val)
-                        if (found) setSelectedTenant({ id: found.id!, name: found.name ?? '' })
-                      }
-                    }
-                  }}
-                />
-              ) : (
-                <div
-                  className="text-sm font-medium text-gray-700 dark:text-gray-200 truncate max-w-[220px]"
-                  title={authTenantName || selectedTenant?.name || ''}
-                >
-                  {authTenantName || selectedTenant?.name || ''}
-                </div>
-              )}
-            </div>
-
             {/* File Operations */}
             {/* Navigation */}
             <Button
@@ -795,8 +762,8 @@ const FileManager = () => {
               size="sm"
               className="flex-shrink-0"
             >
-              <span className="hidden sm:inline">Upload Files</span>
+              <span className="hidden sm:inline">{translate('::FileManager.UploadFiles')}</span>
-              <span className="sm:hidden">Upload</span>
+              <span className="sm:hidden">{translate('::FileManager.Upload')}</span>
             </Button>
             <Button
               variant="default"
@@ -805,8 +772,8 @@ const FileManager = () => {
               size="sm"
               className="flex-shrink-0"
             >
-              <span className="hidden sm:inline">Create Folder</span>
+              <span className="hidden sm:inline">{translate('::FileManager.CreateFolder')}</span>
-              <span className="sm:hidden">Create</span>
+              <span className="sm:hidden">{translate('::FileManager.Create')}</span>
             </Button>
 
             {/* Clipboard Operations */}
@@ -817,7 +784,7 @@ const FileManager = () => {
               disabled={selectedItems.length === 0}
               size="sm"
               className="text-gray-600 hover:text-blue-600 disabled:opacity-50 flex-shrink-0"
-              title="Copy selected items"
+              title={translate('::FileManager.CopySelectedItems')}
             />
             <Button
               variant="plain"
@@ -826,7 +793,7 @@ const FileManager = () => {
               disabled={selectedItems.length === 0}
               size="sm"
               className="text-gray-600 hover:text-orange-600 disabled:opacity-50 flex-shrink-0"
-              title="Cut selected items"
+              title={translate('::FileManager.CutSelectedItems')}
             />
             <Button
               variant="plain"
@@ -835,7 +802,7 @@ const FileManager = () => {
               disabled={!hasClipboardData}
               size="sm"
               className="text-gray-600 hover:text-green-600 disabled:opacity-50 flex-shrink-0"
-              title="Paste items"
+              title={translate('::FileManager.PasteSelectedItems')}
             />
             <Button
               variant="plain"
@@ -857,7 +824,7 @@ const FileManager = () => {
               size="sm"
               disabled={selectedItems.length !== 1}
               className="text-gray-600 hover:text-blue-600 flex-shrink-0"
-              title="Rename selected item"
+              title={translate('::FileManager.RenameSelectedItem')}
             ></Button>
 
             <Button
@@ -886,7 +853,7 @@ const FileManager = () => {
                 })()
               }
               className="text-gray-600 hover:text-green-600 flex-shrink-0"
-              title="Download selected file"
+              title={translate('::FileManager.DownloadSelectedFile')}
             ></Button>
 
             <Button
@@ -896,9 +863,9 @@ const FileManager = () => {
               size="sm"
               disabled={selectedItems.length === 0}
               className="text-gray-600 hover:text-red-600 flex-shrink-0"
-              title="Delete selected items"
+              title={translate('::FileManager.DeleteSelectedItems')}
             >
-              <span>Delete {selectedItems.length > 0 && `(${selectedItems.length})`}</span>
+              <span>{translate('::Delete')}</span> {selectedItems.length > 0 && `(${selectedItems.length})`}
             </Button>
 
             {/* Selection Actions */}
@@ -928,13 +895,13 @@ const FileManager = () => {
               >
                 <span className="hidden lg:inline">
                   {selectedItems.length === filteredItems.filter((item) => !item.isReadOnly).length
-                    ? 'Deselect All'
+                    ? translate('::FileManager.DeselectAll')
-                    : 'Select All'}
+                    : translate('::FileManager.SelectAll')}
                 </span>
                 <span className="lg:hidden">
                   {selectedItems.length === filteredItems.filter((item) => !item.isReadOnly).length
-                    ? 'Deselect'
+                    ? translate('::FileManager.Deselect')
-                    : 'Select'}
+                    : translate('::FileManager.Select')}
                 </span>
               </Button>
             )}
@@ -946,7 +913,7 @@ const FileManager = () => {
             <div className="flex items-center w-full sm:w-auto">
               <Input
                 size="sm"
-                placeholder="Search files..."
+                placeholder={translate('::FileManager.SearchFiles')}
                 value={filters.searchTerm}
                 onChange={(e) => setFilters((prev) => ({ ...prev, searchTerm: e.target.value }))}
                 prefix={<FaSearch className="text-gray-400" />}
@@ -958,12 +925,12 @@ const FileManager = () => {
             <Select
               size="xs"
               options={[
-                { value: 'name-asc', label: 'Name (A-Z)' },
+                { value: 'name-asc', label: translate('::FileManager.SortByNameAsc') },
-                { value: 'name-desc', label: 'Name (Z-A)' },
+                { value: 'name-desc', label: translate('::FileManager.SortByNameDesc') },
-                { value: 'size-asc', label: 'Size (Small to Large)' },
+                { value: 'size-asc', label: translate('::FileManager.SortBySizeAsc') },
-                { value: 'size-desc', label: 'Size (Large to Small)' },
+                { value: 'size-desc', label: translate('::FileManager.SortBySizeDesc') },
-                { value: 'modified-desc', label: 'Modified (Newest)' },
+                { value: 'modified-desc', label: translate('::FileManager.SortByModifiedDesc') },
-                { value: 'modified-asc', label: 'Modified (Oldest)' },
+                { value: 'modified-asc', label: translate('::FileManager.SortByModifiedAsc') },
               ]}
               value={{
                 value: `${filters.sortBy}-${filters.sortOrder}`,
@@ -1014,9 +981,65 @@ const FileManager = () => {
       </div>
 
       {/* Breadcrumb */}
-      <div className="mb-4 sm:mb-6 overflow-x-auto">
+      <div className="flex items-center gap-2 mb-4 sm:mb-6">
-        <div className="min-w-max">
+        <div className="flex items-center gap-2">
-          <Breadcrumb items={breadcrumbItems} onNavigate={handleBreadcrumbNavigate} />
+          {isHostContext ? (
+            <Select
+              size="xs"
+              isLoading={tenantsLoading}
+              options={[
+                {
+                  value: '',
+                  label: 'Host',
+                  icon: <FaBuilding className="flex-shrink-0 text-gray-500" />,
+                },
+                ...tenants.map((t) => ({
+                  value: t.id ?? '',
+                  label: t.name ?? '',
+                  icon: <FaUsers className="flex-shrink-0 text-blue-500" />,
+                })),
+              ]}
+              value={{
+                value: selectedTenant ? selectedTenant.id : '',
+                label: selectedTenant ? selectedTenant.name : 'Host',
+                icon: selectedTenant ? (
+                  <FaUsers className="flex-shrink-0 text-blue-500" />
+                ) : (
+                  <FaBuilding className="flex-shrink-0 text-gray-500" />
+                ),
+              }}
+              formatOptionLabel={(option) => (
+                <div className="flex items-center gap-2">
+                  {option.icon}
+                  <span className="truncate">{option.label}</span>
+                </div>
+              )}
+              onChange={(option) => {
+                if (option && 'value' in option) {
+                  const val = option.value as string
+                  if (!val) {
+                    setSelectedTenant(undefined)
+                  } else {
+                    const found = tenants.find((t) => t.id === val)
+                    if (found) setSelectedTenant({ id: found.id!, name: found.name ?? '' })
+                  }
+                }
+              }}
+            />
+          ) : (
+            <div
+              className="max-w-[220px] truncate text-sm font-medium text-gray-700 dark:text-gray-200"
+              title={authTenantName || selectedTenant?.name || ''}
+            >
+              {authTenantName || selectedTenant?.name || ''}
+            </div>
+          )}
+        </div>
+        <FaChevronRight className="mx-2 h-4 w-4 text-gray-400" />
+        <div className="overflow-x-auto">
+          <div className="flex min-w-max items-center gap-2">
+            <Breadcrumb items={breadcrumbItems} onNavigate={handleBreadcrumbNavigate} />
+          </div>
         </div>
       </div>
 
@@ -1030,10 +1053,10 @@ const FileManager = () => {
           {/* List View Header */}
           {viewMode === 'list' && (
             <div className="hidden sm:grid grid-cols-12 gap-4 px-4 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 border-b dark:border-gray-700 mb-2">
-              <div className="col-span-5 lg:col-span-5">İsim</div>
+              <div className="col-span-5 lg:col-span-5">{translate('::App.Listform.ListformField.Name')}</div>
-              <div className="col-span-2 lg:col-span-2">Tür</div>
+              <div className="col-span-2 lg:col-span-2">{translate('::App.Listform.ListformField.Type')}</div>
-              <div className="col-span-2 lg:col-span-2">Boyut</div>
+              <div className="col-span-2 lg:col-span-2">{translate('::App.Listform.ListformField.Size')}</div>
-              <div className="col-span-2 lg:col-span-2">Değiştirilme</div>
+              <div className="col-span-2 lg:col-span-2">{translate('::App.Listform.ListformField.Modified')}</div>
               <div className="col-span-1"></div> {/* Actions column */}
             </div>
           )}
@@ -1099,7 +1122,7 @@ const FileManager = () => {
                             // Resim preview modal'ı açılabilir
                             toast.push(
                               <Notification type="info">
-                                Resim önizleme özelliği yakında eklenecek
+                                Image preview feature will be added soon.
                               </Notification>,
                             )
                           } else {

ui/src/views/admin/files/components/FileItem.tsx

@@ -19,6 +19,7 @@ import { toast, Notification } from '@/components/ui'
 // import { Dropdown } from '@/components/ui' // Artık kullanmıyoruz
 import type { FileItem as FileItemType, FileActionMenuItem } from '@/types/fileManagement'
 import { FILE_URL } from '@/constants/app.constant'
+import { useLocalization } from '@/utils/hooks/useLocalization'
 
 export interface FileItemProps {
   item: FileItemType
@@ -96,24 +97,24 @@ const formatDate = (date?: string | Date): string => {
   }
 }
 
-const getFileTypeLabel = (item: FileItemType): string => {
+const getFileTypeLabel = (item: FileItemType, translate: (key: string) => string): string => {
-  if (item.type === 'folder') return 'Klasör'
+  if (item.type === 'folder') return translate('::FileManager.Folder')
 
   const extension = item.extension?.toLowerCase()
   const mimeType = item.mimeType?.toLowerCase()
 
-  if (mimeType?.startsWith('image/')) return 'Resim'
+  if (mimeType?.startsWith('image/')) return translate('::FileManager.Picture') // 'Resim'
-  if (mimeType?.startsWith('video/')) return 'Video'
+  if (mimeType?.startsWith('video/')) return translate('::FileManager.Video') // 'Video'
-  if (mimeType?.startsWith('audio/')) return 'Ses'
+  if (mimeType?.startsWith('audio/')) return translate('::FileManager.Sound') // 'Ses'
-  if (mimeType?.includes('pdf')) return 'PDF'
+  if (mimeType?.includes('pdf')) return translate('::FileManager.PDF') // 'PDF'
-  if (mimeType?.includes('word')) return 'Word'
+  if (mimeType?.includes('word')) return translate('::FileManager.Word') // 'Word'
-  if (mimeType?.includes('excel') || mimeType?.includes('spreadsheet')) return 'Excel'
+  if (mimeType?.includes('excel') || mimeType?.includes('spreadsheet')) return translate('::FileManager.Excel') // 'Excel'
-  if (mimeType?.includes('powerpoint') || mimeType?.includes('presentation')) return 'PowerPoint'
+  if (mimeType?.includes('powerpoint') || mimeType?.includes('presentation')) return translate('::FileManager.PowerPoint') // 'PowerPoint'
-  if (['zip', 'rar', '7z', 'tar', 'gz'].includes(extension || '')) return 'Arşiv'
+  if (['zip', 'rar', '7z', 'tar', 'gz'].includes(extension || '')) return translate('::FileManager.Archive') // 'Arşiv'
-  if (['txt', 'md'].includes(extension || '')) return 'Metin'
+  if (['txt', 'md'].includes(extension || '')) return translate('::FileManager.Text') // 'Metin'
-  if (['json', 'xml', 'css', 'js', 'ts', 'html'].includes(extension || '')) return 'Kod'
+  if (['json', 'xml', 'css', 'js', 'ts', 'html'].includes(extension || '')) return translate('::FileManager.Code') // 'Kod'
 
-  return extension?.toUpperCase() || 'Dosya'
+  return extension?.toUpperCase() || translate('::FileManager.File')
 }
 
 const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
@@ -135,7 +136,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
 
   const [dropdownOpen, setDropdownOpen] = useState(false)
   const [contextMenuPosition, setContextMenuPosition] = useState<{ x: number; y: number } | null>(null)
-
+  const { translate } = useLocalization()
   const handleClick = () => {
     onSelect?.(item)
   }
@@ -185,7 +186,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'preview',
-            label: 'Önizle',
+            label: translate('::App.Listform.ListformField.Preview'),
             icon: 'HiEye',
             onClick: () => onPreview(item),
           },
@@ -196,7 +197,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'download',
-            label: 'İndir',
+            label: translate('::App.Listform.ListformField.Download'),
             icon: 'HiArrowDownTray',
             onClick: () => onDownload(item),
           },
@@ -207,7 +208,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'copyUrl',
-            label: 'URL Kopyala',
+            label: translate('::App.Listform.ListformField.CopyFileUrl'),
             icon: 'HiLink',
             onClick: () => {
               const fileUrl = FILE_URL(item.path, item.tenantId)
@@ -236,7 +237,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'createFolder',
-            label: 'Yeni Klasör',
+            label: translate('::App.Listform.ListformField.NewFolder'),
             icon: 'HiFolderPlus',
             onClick: () => onCreateFolder(item),
           },
@@ -247,7 +248,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'rename',
-            label: 'Yeniden Adlandır',
+            label: translate('::App.Listform.ListformField.Rename'),
             icon: 'HiPencil',
             onClick: () => onRename(item),
           },
@@ -258,7 +259,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'move',
-            label: 'Taşı',
+            label: translate('::App.Listform.ListformField.Move'),
             icon: 'HiArrowRightOnRectangle',
             onClick: () => onMove(item),
           },
@@ -269,7 +270,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
       ? [
           {
             key: 'delete',
-            label: 'Sil',
+            label: translate('::Delete'),
             icon: 'HiTrash',
             dangerous: true,
             onClick: () => onDelete(item),
@@ -404,7 +405,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
 
         {/* File Type - Hidden on mobile */}
         <div className="hidden sm:flex col-span-2 items-center">
-          <span className="text-sm text-gray-500 dark:text-gray-400">{getFileTypeLabel(item)}</span>
+          <span className="text-sm text-gray-500 dark:text-gray-400">{getFileTypeLabel(item, translate)}</span>
         </div>
 
         {/* File Size / Folder Item Count */}
@@ -500,7 +501,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
         {/* File Size and Type */}
         {item.type === 'file' && (
           <div className="space-y-1">
-            <p className="text-xs text-gray-500 dark:text-gray-400">{getFileTypeLabel(item)}</p>
+            <p className="text-xs text-gray-500 dark:text-gray-400">{getFileTypeLabel(item, translate)}</p>
             {item.size && (
               <p className="text-xs text-gray-500 dark:text-gray-400">
                 {formatFileSize(item.size)}
@@ -512,7 +513,7 @@ const FileItem = forwardRef<HTMLDivElement, FileItemProps>((props, ref) => {
         {/* Folder Child Count */}
         {item.type === 'folder' && (
           <p className="text-xs text-gray-500 dark:text-gray-400">
-            {typeof item.childCount === 'number' ? `${item.childCount} öğe` : 'Sayılıyor...'}
+            {typeof item.childCount === 'number' ? `${item.childCount} ${translate('::App.Listform.ListformField.Item')}` : translate('::FileManager.Counting')}
           </p>
         )}
       </div>

ui/src/views/admin/files/components/FileModals.tsx

@@ -2,6 +2,7 @@ import { forwardRef, useState, useEffect } from 'react'
 import { Dialog, Button, Input, FormItem } from '@/components/ui'
 import { FaTimes } from 'react-icons/fa'
 import type { FileItem } from '@/types/fileManagement'
+import { useLocalization } from '@/utils/hooks/useLocalization'
 
 // Create Folder Modal
 export interface CreateFolderModalProps {
@@ -17,6 +18,7 @@ export const CreateFolderModal = forwardRef<HTMLDivElement, CreateFolderModalPro
     const { isOpen, onClose, onCreate, loading = false } = props
     const [folderName, setFolderName] = useState('')
     const [error, setError] = useState('')
+    const { translate } = useLocalization()
 
     const handleSubmit = async (e: React.FormEvent) => {
       e.preventDefault()
@@ -46,11 +48,10 @@ export const CreateFolderModal = forwardRef<HTMLDivElement, CreateFolderModalPro
       <Dialog isOpen={isOpen} onClose={handleClose}>
         <div ref={ref}>
           <form onSubmit={handleSubmit} className="py-6">
-            <FormItem label="Folder Name" invalid={!!error} errorMessage={error}>
+            <FormItem label={translate('::FileManager.FolderName')} invalid={!!error} errorMessage={error}>
               <Input
                 value={folderName}
                 onChange={(e) => setFolderName(e.target.value)}
-                placeholder="Enter folder name"
                 autoFocus
                 className="mt-2"
               />
@@ -59,7 +60,7 @@ export const CreateFolderModal = forwardRef<HTMLDivElement, CreateFolderModalPro
 
           <div className="flex justify-end space-x-2 pt-4 border-t">
             <Button variant="default" onClick={handleClose} disabled={loading}>
-              Cancel
+              {translate('::Cancel')}
             </Button>
             <Button
               variant="solid"
@@ -67,7 +68,7 @@ export const CreateFolderModal = forwardRef<HTMLDivElement, CreateFolderModalPro
               loading={loading}
               disabled={!folderName.trim()}
             >
-              Create Folder
+              {translate('::FileManager.CreateFolder')}
             </Button>
           </div>
         </div>
@@ -91,6 +92,7 @@ export const RenameItemModal = forwardRef<HTMLDivElement, RenameItemModalProps>(
   const { isOpen, onClose, onRename, item, loading = false } = props
   const [newName, setNewName] = useState('')
   const [error, setError] = useState('')
+  const { translate } = useLocalization()
 
   // Update input when item changes
   useEffect(() => {
@@ -134,21 +136,20 @@ export const RenameItemModal = forwardRef<HTMLDivElement, RenameItemModalProps>(
       <div ref={ref} className="max-w-md">
         <div className="flex items-center justify-between pb-4 border-b">
           <h3 className="text-lg font-semibold">
-            Rename {item.type === 'folder' ? 'Folder' : 'File'}
+            {translate(`::FileManager.${item.type === 'folder' ? 'RenameFolder' : 'RenameFile'}`)}
           </h3>
-          <Button variant="plain" size="sm" icon={<FaTimes />} onClick={handleClose} />
         </div>
 
         <form onSubmit={handleSubmit} className="py-6">
           <FormItem
-            label={`${item.type === 'folder' ? 'Folder' : 'File'} Name`}
+            label={translate(`::FileManager.${item.type === 'folder' ? 'FolderName' : 'FileName'}`)}
             invalid={!!error}
             errorMessage={error}
           >
             <Input
               value={newName}
               onChange={(e) => setNewName(e.target.value)}
-              placeholder={`Enter ${item.type} name`}
+              placeholder={`Enter ${translate(`::FileManager.${item.type === 'folder' ? 'FolderName' : 'FileName'}`)}`}
               autoFocus
             />
           </FormItem>
@@ -156,7 +157,7 @@ export const RenameItemModal = forwardRef<HTMLDivElement, RenameItemModalProps>(
 
         <div className="flex justify-end space-x-2 pt-4 border-t">
           <Button variant="default" onClick={handleClose} disabled={loading}>
-            Cancel
+            {translate('::Cancel')}
           </Button>
           <Button
             variant="solid"
@@ -164,7 +165,7 @@ export const RenameItemModal = forwardRef<HTMLDivElement, RenameItemModalProps>(
             loading={loading}
             disabled={!newName.trim()}
           >
-            Rename
+            {translate('::App.Listform.ListformField.Rename')}
           </Button>
         </div>
       </div>
@@ -186,6 +187,7 @@ export interface DeleteConfirmModalProps {
 export const DeleteConfirmModal = forwardRef<HTMLDivElement, DeleteConfirmModalProps>(
   (props, ref) => {
     const { isOpen, onClose, onDelete, items, loading = false } = props
+    const { translate } = useLocalization()
 
     const handleDelete = async () => {
       try {
@@ -203,12 +205,14 @@ export const DeleteConfirmModal = forwardRef<HTMLDivElement, DeleteConfirmModalP
       <Dialog isOpen={isOpen} onClose={onClose}>
         <div ref={ref}>
           <div className="flex items-center justify-between pb-4 border-b">
-            <h3 className="text-lg font-semibold text-red-600">Delete Items</h3>
+            <h3 className="text-lg font-semibold text-red-600">
+              {translate('::FileManager.DeleteConfirmationTitle')}
+            </h3>
           </div>
 
           <div className="py-6">
             <p className="text-gray-900 dark:text-gray-100 mb-4">
-              Are you sure you want to delete the following items? This action cannot be undone.
+              {translate('::FileManager.DeleteConfirmationMessage')}
             </p>
 
             <div className="bg-gray-50 dark:bg-gray-700 rounded-lg p-2">
@@ -235,7 +239,7 @@ export const DeleteConfirmModal = forwardRef<HTMLDivElement, DeleteConfirmModalP
 
           <div className="flex justify-end space-x-2 pt-4 border-t">
             <Button variant="default" onClick={onClose} disabled={loading}>
-              Cancel
+              {translate('::Cancel')}
             </Button>
             <Button
               variant="solid"
@@ -243,7 +247,7 @@ export const DeleteConfirmModal = forwardRef<HTMLDivElement, DeleteConfirmModalP
               onClick={handleDelete}
               loading={loading}
             >
-              Delete
+              {translate('::Delete')}
             </Button>
           </div>
         </div>