fix(workspace): restore theme design-system, fix 5x note creation, enforce privacy isolation, fix shared write permission, add drag-drop & slash-commands

frontend/src/features/workspace/OutlinerTree.tsx

@@ -12,6 +12,7 @@ export interface OutlinerTreeProps {
   onDeleteBlock: (blockId: string) => void;
   onMoveBlock: (blockId: string, newIndex: number, level?: number) => void;
   onTagClick?: (tag: string) => void;
+  onWikiLinkClick?: (pageTitle: string) => void;
 }
 
 export const OutlinerTree: React.FC<OutlinerTreeProps> = ({
@@ -23,6 +24,7 @@ export const OutlinerTree: React.FC<OutlinerTreeProps> = ({
   onDeleteBlock,
   onMoveBlock,
   onTagClick,
+  onWikiLinkClick,
 }) => {
   const [focusedBlockId, setFocusedBlockId] = useState<string | null>(null);
   const [draggedIndex, setDraggedIndex] = useState<number | null>(null);
@@ -271,6 +273,7 @@ export const OutlinerTree: React.FC<OutlinerTreeProps> = ({
           onIndentBlock={handleIndentBlock}
           onNavigateFocus={handleNavigateFocus}
           onTagClick={onTagClick}
+          onWikiLinkClick={onWikiLinkClick}
           onDragStartBlock={handleDragStartBlock}
           onDragOverBlock={handleDragOverBlock}
           onDropBlock={handleDropBlock}
@@ -300,7 +303,7 @@ export const OutlinerTree: React.FC<OutlinerTreeProps> = ({
                 onCreateBlock(firstBlock);
               }
             }}
-            className="inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-xs font-medium text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 hover:bg-slate-100/80 dark:hover:bg-slate-800/50 transition-colors"
+            className="btn-action inline-flex items-center gap-1.5 px-2.5 py-1 text-xs text-muted hover:text-main"
           >
             <Plus className="w-3.5 h-3.5" />
             <span>Neuer Punkt</span>