Dateien nach "frontend/src" hochladen

frontend/src/App.jsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef, useCallback } from 'react';
 import { api, S } from './lib.js';
 import { TOOLS, getGroupedTools } from './toolRegistry.js';
 import CalendarWidget, { CalendarSettings } from './calendar.jsx';
+import { DateiSettings } from './tools/dateien.jsx';
 import { useConfirm } from './confirm.jsx';
 import { HomeIcon, AppsIcon, AdminIcon, MoreIcon, UserIcon, LogOutIcon, ChevronIcon, UpdateIcon, TrashIcon } from './icons.jsx';
 
@@ -451,7 +452,7 @@ function QuickLinks({ toast, mobile }) {
 
       {/* Link-Grid */}
       {links.length === 0 && !editMode
-        ? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Tippe auf "✎" um Links hinzuzufügen.</div>
+        ? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Links können unter Einstellungen → Dashboard hinzugefügt werden.</div>
         : <div style={{ display:'flex', flexWrap:'wrap', gap:8 }}>
             {links.map(l => (
               <div key={l.id} style={{ position:'relative' }}>
@@ -951,6 +952,8 @@ function UserManagement({ toast }) {
                 ['📦 Bestellungen', u.bestellung],
                 ['✓ Todos', u.todos],
                 ['🔗 Links', u.links],
+                ['📁 Dateien', u.files],
+                ['📅 iCals', u.icals],
                 [`✎ ${u.noteLen} Zeichen`, null],
               ].map(([label, val]) => (
                 <span key={label} style={{
@@ -1119,6 +1122,9 @@ function AdminPanel({ toast, mobile, user }) {
           <Sec title="KALENDER (iCal)">
             <CalendarSettings toast={toast}/>
           </Sec>
+          {user?.role==='admin' && <Sec title="DATEI-MANAGER LIMITS">
+            <DateiSettings toast={toast}/>
+          </Sec>}
         </div>
       )}
 

frontend/src/toolRegistry.js

@@ -1,6 +1,7 @@
 import Kalkulator3D, { SavedList } from './tools/kalkulator3d.jsx';
 import Bestellungen from './tools/bestellungen.jsx';
-import { CalculatorIcon, ArchiveIcon, DatabaseIcon } from './icons.jsx';
+import Dateien from './tools/dateien.jsx';
+import { CalculatorIcon, ArchiveIcon, DatabaseIcon, AppsIcon } from './icons.jsx';
 
 export const TOOLS = [
   {
@@ -27,6 +28,14 @@ export const TOOLS = [
     group:     '3D-Druck',
     component: Bestellungen,
   },
+  {
+    id:        'dateien',
+    Icon:      DatabaseIcon,
+    label:     'Dateien',
+    navLabel:  'Dateien',
+    group:     'Werkzeuge',
+    component: Dateien,
+  },
   // Neues Tool: { id:'...', Icon:..., label:'...', navLabel:'...', group:'...', component:... },
 ];