Release 0.5.9

src/routes/fundus/[id]/+page.svelte

@@ -14,6 +14,8 @@
 	let durationMinutes = $state(untrack(() => Number((data.piece.durationSeconds / 60).toFixed(2))));
 	let revision = $state(untrack(() => data.piece.revision));
 	let sources = $state(untrack(() => data.piece.sources.map((source) => ({ ...source }))));
+	let pieceTools = $state(untrack(() => data.piece.tools.map((tool) => ({ ...tool }))));
+	let toolToAdd = $state('');
 	let rendered = $state(untrack(() => ({ ...data.rendered })));
 	let activeSection = $state<'script' | 'research' | 'presentation'>('script');
 	let saveState = $state<'idle' | 'dirty' | 'saving' | 'saved' | 'error' | 'conflict'>('idle');
@@ -44,6 +46,9 @@
 	);
 	let previewContent = $derived<PresentationContent>({
 		mode: draft.presentationMode,
+		topics: data.taxonomy.topics
+			.filter((topic) => draft.topicIds.includes(topic.id))
+			.map((topic) => topic.name),
 		title: draft.outputTitle || draft.title,
 		html: rendered.presentation,
 		source: featuredSource
@@ -147,6 +152,27 @@
 		scheduleSave();
 	}
 
+	function addTool() {
+		const tool = data.tools.find((item) => item.id === toolToAdd);
+		if (!tool || pieceTools.some((item) => item.toolId === tool.id)) return;
+		pieceTools.push({
+			id: crypto.randomUUID(),
+			toolId: tool.id,
+			name: tool.name,
+			startUrl: tool.startUrl,
+			isActive: tool.isActive,
+			workUrl: '',
+			note: ''
+		});
+		toolToAdd = '';
+		scheduleSave();
+	}
+
+	function removeTool(index: number) {
+		pieceTools.splice(index, 1);
+		scheduleSave();
+	}
+
 	function presentationSourceChanged() {
 		draft.presentationMetadataFetchedAtUtc = null;
 		draft.presentationProvider = '';
@@ -209,7 +235,19 @@
 		onrequestclose={requestClose}
 	>
 		{#snippet header()}
-			<p class="eyebrow">Fundusfassung</p>
+			<div class="piece-editor-kicker">
+				<p class="eyebrow">Fundusfassung</p>
+				<form method="POST" action="?/favorite" use:enhance>
+					<input type="hidden" name="favorite" value={data.piece.isFavorite ? '0' : '1'} />
+					<button
+						class="piece-favorite"
+						class:active={data.piece.isFavorite}
+						type="submit"
+						aria-label={data.piece.isFavorite ? 'Aus Favoriten entfernen' : 'Als Favorit markieren'}
+						aria-pressed={data.piece.isFavorite}>★</button
+					>
+				</form>
+			</div>
 			<label class="piece-dialog-title">
 				<span class="sr-only">Titel</span>
 				<textarea
@@ -396,6 +434,62 @@
 								</div>{/each}
 						</div>{:else}<p class="context-empty">Noch keine Quelle hinterlegt.</p>{/if}
 				</section>
+				<section class="piece-source-editor">
+					<div class="piece-subsection-heading">
+						<div>
+							<p class="eyebrow">Arbeitsmittel</p>
+							<h3>Werkzeuge</h3>
+						</div>
+						<div class="tool-picker">
+							<label class="sr-only" for="piece-tool-picker">Werkzeug auswählen</label>
+							<select id="piece-tool-picker" bind:value={toolToAdd}>
+								<option value="">Werkzeug auswählen</option>
+								{#each data.tools.filter((tool) => tool.isActive && !pieceTools.some((assigned) => assigned.toolId === tool.id)) as tool (tool.id)}
+									<option value={tool.id}
+										>{tool.name}{tool.formatIds.includes(draft.formatId ?? '')
+											? ' · passt zum Format'
+											: ''}</option
+									>
+								{/each}
+							</select>
+							<button class="secondary-button" type="button" onclick={addTool} disabled={!toolToAdd}
+								>Hinzufügen</button
+							>
+						</div>
+					</div>
+					{#if pieceTools.length}<div class="source-list">
+							{#each pieceTools as tool, index (tool.id)}<div
+									class="source-row tool-assignment-row"
+								>
+									<input type="hidden" name="toolId" value={tool.toolId} />
+									<div class="tool-assignment-name">
+										<strong>{tool.name}</strong>{#if !tool.isActive}<small>Deaktiviert</small>{/if}
+									</div>
+									<label
+										>Arbeitslink<input
+											name="toolWorkUrl"
+											type="url"
+											maxlength="2000"
+											placeholder={tool.startUrl || 'https://…'}
+											bind:value={tool.workUrl}
+										/></label
+									>
+									<label
+										>Notiz<input
+											name="toolNote"
+											maxlength="2000"
+											placeholder="Optional"
+											bind:value={tool.note}
+										/></label
+									>
+									<button
+										class="text-button danger-text"
+										type="button"
+										onclick={() => removeTool(index)}>Entfernen</button
+									>
+								</div>{/each}
+						</div>{:else}<p class="context-empty">Noch kein Werkzeug zugeordnet.</p>{/if}
+				</section>
 			</section>
 
 			<section class="piece-editor-panel" hidden={activeSection !== 'presentation'}>