Fjern footer: AI-verktøy og ressursforbruk ut av hardkodet posisjon

Footer-feltet fjernet fra workspace og collection-sider.
AI-verktøy og ressursforbruk blir paneler i canvas (fremtidig).
Canvas får full høyde.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs/fikseliste.md

@@ -6,11 +6,11 @@ Funnet ved manuell testing av frontend. Fikses som en samlet sesjon.
 
 - [ ] AI-verktøy er hardkodet utenfor workspace (footer). Skal være et valgfritt BlockShell-panel som alle andre verktøy.
 - [ ] Ressursforbruk er hardkodet utenfor workspace. Skal være et valgfritt BlockShell-panel.
-- [ ] BlockShell-knapper (minimer, maksimer, lukk) er uvirksomme. Implementer:
+- [x] BlockShell-knapper (minimer, maksimer, lukk) fikset:
   - Minimer → kollapser til kompakt ikon/fane, bevarer posisjon
-  - Maksimer → fullskjerm overlay, Escape for å gå tilbake
+  - Maksimer → fullskjerm overlay (portalt til body), Escape for å gå tilbake
-  - Lukk → fjern panel fra workspace (kan hentes tilbake fra verktøymeny)
+  - Lukk → fjern panel fra workspace
-- [ ] Kanban-panel kan ikke lukkes etter åpning
+- [x] Kanban-panel kan nå lukkes (samme fix)
 - [ ] Fjern footer-feltet helt. Alt som var der (AI, ressurs) blir paneler i canvas. Canvas får full høyde.
 - [ ] Workspace-modifikatorer (zoom-knapper, fullskjerm, snap-to-grid, tilpass) er uvirksomme. Zoom via musehjul fungerer.
 

frontend/src/routes/collection/[id]/+page.svelte

@@ -38,8 +38,6 @@
 	import MindMapTrait from '$lib/components/traits/MindMapTrait.svelte';
 	import GenericTrait from '$lib/components/traits/GenericTrait.svelte';
 	import TraitAdmin from '$lib/components/traits/TraitAdmin.svelte';
-	import NodeUsage from '$lib/components/NodeUsage.svelte';
-	import AiToolPanel from '$lib/components/AiToolPanel.svelte';
 
 	const session = $derived($page.data.session as Record<string, unknown> | undefined);
 	const nodeId = $derived(session?.nodeId as string | undefined);
@@ -429,15 +427,6 @@
 		</div>
 	{/if}
 
-	<!-- AI-verktøy og ressursforbruk (vises under canvas/tabs) -->
-	{#if connected && accessToken}
-		<div class="workspace-footer-tools">
-			<AiToolPanel {accessToken} userId={nodeId} />
-			{#if collectionId}
-				<NodeUsage nodeId={collectionId} {accessToken} />
-			{/if}
-		</div>
-	{/if}
 </div>
 
 <style>
@@ -579,26 +568,10 @@
 		min-height: 100%;
 	}
 
-	/* ================================================================= */
-	/* Footer tools (AI, resource usage)                                 */
-	/* ================================================================= */
-	.workspace-footer-tools {
-		flex-shrink: 0;
-		padding: 8px 16px;
-		background: #1c1c20;
-		border-top: 1px solid #e5e7eb;
-		display: flex;
-		gap: 16px;
-	}
-
 	/* ================================================================= */
 	/* Responsive                                                        */
 	/* ================================================================= */
 	@media (max-width: 768px) {
-		.workspace-footer-tools {
+		.workspace-page { height: auto; }
-			flex-direction: column;
-			gap: 8px;
-			padding: 8px 12px;
-		}
 	}
 </style>

frontend/src/routes/workspace/+page.svelte

@@ -36,7 +36,7 @@
 	import MixerTrait from '$lib/components/traits/MixerTrait.svelte';
 	import MindMapTrait from '$lib/components/traits/MindMapTrait.svelte';
 	import GenericTrait from '$lib/components/traits/GenericTrait.svelte';
-	import AiToolPanel from '$lib/components/AiToolPanel.svelte';
+
 	import { createBlockReceiver, executeTransfer, resolveTransferMode, type DragPayload } from '$lib/transfer';
 	import type { BlockReceiver } from '$lib/components/blockshell/types';
 
@@ -614,12 +614,6 @@
 		</div>
 	{/if}
 
-	<!-- AI-verktøy (vises under canvas) -->
-	{#if connected && accessToken}
-		<div class="workspace-footer-tools">
-			<AiToolPanel {accessToken} userId={nodeId} />
-		</div>
-	{/if}
 </div>
 
 <style>
@@ -1053,18 +1047,6 @@
 		min-height: 100%;
 	}
 
-	/* ================================================================= */
-	/* Footer tools                                                      */
-	/* ================================================================= */
-	.workspace-footer-tools {
-		flex-shrink: 0;
-		padding: 8px 16px;
-		background: #1c1c20;
-		border-top: 1px solid #e5e7eb;
-		display: flex;
-		gap: 16px;
-	}
-
 	/* ================================================================= */
 	/* Responsive                                                        */
 	/* ================================================================= */
@@ -1091,12 +1073,6 @@
 			gap: 6px;
 		}
 
-		.workspace-footer-tools {
-			flex-direction: column;
-			gap: 8px;
-			padding: 8px 12px;
-		}
-
 		.workspace-empty-tools {
 			gap: 6px;
 		}