sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(workspace): recursive folder tree, link modal redesign, todo grouping & line jumping, hashtag child listing
MindSift CI & Docker Release / Build, Test in Container & Push (push) Failing after 23s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-27 07:09:48 +01:00
1 parent 6c1898d489
commit 4850f9dfad
6 files changed
+811 -232
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/features/workspace/LinkModal.tsx
+38 -31
View File
@@ -111,22 +111,29 @@ export const LinkModal: React.FC<LinkModalProps> = ({
return (
<div
className="fixed inset-0 z-50 bg-black/60 flex items-center justify-center p-4 backdrop-blur-xs animate-in fade-in duration-100"
className="fixed inset-0 !m-0 modal-overlay z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-xs"
onClick={(e) => {
if (e.target === e.currentTarget) onClose();
}}
>
<div className="panel-surface shadow-panel border border-border rounded-card max-w-md w-full overflow-hidden flex flex-col max-h-[85vh]">
{/* Modal Header */}
<div className="flex items-center justify-between px-4 py-3 border-b border-border bg-panel">
<div className="flex items-center gap-2">
<LinkIcon className="w-4 h-4 text-accent" />
<h3 className="text-sm font-bold text-main">Link einfügen</h3>
<div className="panel-surface w-full max-w-lg p-5 shadow-panel rounded-card border border-border space-y-4 animate-in fade-in zoom-in-95 duration-150">
{/* Header */}
<div className="flex items-center justify-between pb-3 border-b border-border">
<div className="flex items-center gap-2.5 min-w-0">
<div className="w-8 h-8 rounded-btn bg-accent/15 text-accent flex items-center justify-center shrink-0">
<LinkIcon className="w-4 h-4" />
</div>
<div className="min-w-0">
<h3 className="text-sm font-bold text-main truncate">Link einfügen</h3>
<p className="text-[11px] text-muted truncate">
Notiz intern verknüpfen oder externen Web-Link einbetten
</p>
</div>
</div>
<button
type="button"
onClick={onClose}
className="p-1 rounded-btn text-muted hover:text-main hover:bg-panel-elevated transition-colors"
className="p-1.5 text-muted hover:text-main rounded-btn hover:bg-panel transition-colors cursor-pointer"
title="Schließen (Esc)"
>
<X className="w-4 h-4" />
@@ -134,14 +141,14 @@ export const LinkModal: React.FC<LinkModalProps> = ({
</div>
{/* Tab Switcher */}
<div className="flex border-b border-border bg-panel-elevated/40 p-1 gap-1">
<div className="flex rounded-btn bg-panel p-0.5 border border-border">
<button
type="button"
onClick={() => setTab('note')}
className={`flex-1 py-1.5 px-3 rounded-btn text-xs font-semibold flex items-center justify-center gap-1.5 transition-colors ${
className={`flex-1 flex items-center justify-center gap-1.5 py-1.5 text-xs font-semibold rounded-btn transition-colors cursor-pointer ${
tab === 'note'
? 'bg-accent text-on-accent shadow-sm'
: 'text-muted hover:text-main hover:bg-panel-elevated'
? 'bg-panel-elevated text-main shadow-xs'
: 'text-muted hover:text-main'
}`}
>
<FileText className="w-3.5 h-3.5" />
@@ -150,10 +157,10 @@ export const LinkModal: React.FC<LinkModalProps> = ({
<button
type="button"
onClick={() => setTab('web')}
className={`flex-1 py-1.5 px-3 rounded-btn text-xs font-semibold flex items-center justify-center gap-1.5 transition-colors ${
className={`flex-1 flex items-center justify-center gap-1.5 py-1.5 text-xs font-semibold rounded-btn transition-colors cursor-pointer ${
tab === 'web'
? 'bg-accent text-on-accent shadow-sm'
: 'text-muted hover:text-main hover:bg-panel-elevated'
? 'bg-panel-elevated text-main shadow-xs'
: 'text-muted hover:text-main'
}`}
>
<Globe className="w-3.5 h-3.5" />
@@ -162,7 +169,7 @@ export const LinkModal: React.FC<LinkModalProps> = ({
</div>
{/* Modal Body */}
<div className="p-4 flex-1 overflow-y-auto">
<div>
{tab === 'note' ? (
<div className="space-y-3">
<div className="relative">
@@ -172,8 +179,8 @@ export const LinkModal: React.FC<LinkModalProps> = ({
type="text"
value={search}
onChange={(e) => setSearch(e.target.value)}
placeholder="Notiz suchen…"
className="w-full bg-input border border-border focus:border-accent text-main text-xs pl-8 pr-3 py-1.5 rounded-btn focus:outline-none transition-colors"
placeholder="Notiz nach Titel oder Ordner filtern…"
className="input-field w-full text-xs pl-8 pr-3 py-2 text-main"
/>
</div>
@@ -183,22 +190,22 @@ export const LinkModal: React.FC<LinkModalProps> = ({
<span>Notizen werden geladen…</span>
</div>
) : (
<div className="max-h-60 overflow-y-auto space-y-1 pr-1">
<div className="max-h-64 overflow-y-auto space-y-1 pr-1">
{filteredDocs.map((d) => (
<button
key={d.id}
type="button"
onClick={() => handleSelectNote(d)}
className="w-full text-left px-3 py-2 rounded-btn hover:bg-panel-elevated flex items-center justify-between text-xs transition-colors group"
className="w-full text-left px-3 py-2 rounded-btn hover:bg-panel border border-transparent hover:border-border flex items-center justify-between text-xs transition-colors group cursor-pointer"
>
<div className="flex items-center gap-2 min-w-0">
<span className="text-base shrink-0">{d.icon || '📝'}</span>
<span className="font-medium text-main truncate group-hover:text-accent">
<span className="font-semibold text-main truncate group-hover:text-accent">
{d.title || 'Unbenannte Notiz'}
</span>
</div>
{d.folderPath && (
<span className="text-[10px] text-faint ml-2 shrink-0 truncate max-w-[100px]">
<span className="badge-neutral text-[10px] ml-2 shrink-0 truncate max-w-[120px]">
📁 {d.folderPath}
</span>
)}
@@ -206,7 +213,7 @@ export const LinkModal: React.FC<LinkModalProps> = ({
))}
{filteredDocs.length === 0 && (
<div className="py-8 text-center text-xs text-muted">
<div className="py-8 text-center text-xs text-muted border border-dashed border-border rounded-card">
{search
? `Keine Notiz für "${search}" gefunden.`
: 'Keine Notizen im Workspace vorhanden.'}
@@ -218,8 +225,8 @@ export const LinkModal: React.FC<LinkModalProps> = ({
) : (
<form onSubmit={handleWebLinkSubmit} className="space-y-3">
<div>
<label className="block text-[11px] font-semibold text-muted mb-1">
Link-Text / Titel
<label className="text-[10px] font-bold uppercase tracking-wider text-faint mb-1 block">
Link-Text / Label
</label>
<input
ref={webTitleInputRef}
@@ -227,12 +234,12 @@ export const LinkModal: React.FC<LinkModalProps> = ({
value={webTitle}
onChange={(e) => setWebTitle(e.target.value)}
placeholder="z. B. MindSift Dokumentation"
className="w-full bg-input border border-border focus:border-accent text-main text-xs px-3 py-1.5 rounded-btn focus:outline-none transition-colors"
className="input-field w-full p-2 text-xs text-main"
/>
</div>
<div>
<label className="block text-[11px] font-semibold text-muted mb-1">
<label className="text-[10px] font-bold uppercase tracking-wider text-faint mb-1 block">
Web-Adresse (URL) *
</label>
<input
@@ -241,22 +248,22 @@ export const LinkModal: React.FC<LinkModalProps> = ({
value={webUrl}
onChange={(e) => setWebUrl(e.target.value)}
placeholder="https://example.com"
className="w-full bg-input border border-border focus:border-accent text-main text-xs px-3 py-1.5 rounded-btn focus:outline-none transition-colors"
className="input-field w-full p-2 text-xs text-main"
/>
</div>
<div className="pt-2 flex justify-end gap-2">
<div className="pt-2 flex justify-end gap-2 border-t border-border">
<button
type="button"
onClick={onClose}
className="btn-action px-3 py-1.5 text-xs text-muted hover:text-main"
className="btn-action px-3 py-1.5 text-xs text-main cursor-pointer"
>
Abbrechen
</button>
<button
type="submit"
disabled={!webUrl.trim()}
className="btn-primary inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold text-on-accent rounded-btn disabled:opacity-50 transition-opacity"
className="btn-primary inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold text-on-accent rounded-btn disabled:opacity-50 transition-opacity cursor-pointer"
>
<ExternalLink className="w-3.5 h-3.5" />
<span>Link einfügen</span>