vegard/synops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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>
This commit is contained in:
vegard 2026-03-19 03:04:29 +00:00
parent b57efa1dc6
commit 57a3874310
3 changed files with 6 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
docs/fikseliste.md
View file

@ -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
- Lukk → fjern panel fra workspace (kan hentes tilbake fra verktøymeny)
- [ ] Kanban-panel kan ikke lukkes etter åpning
- Maksimer → fullskjerm overlay (portalt til body), Escape for å gå tilbake
- Lukk → fjern panel fra workspace
- [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.

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

@ -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 {
flex-direction: column;
gap: 8px;
padding: 8px 12px;
}
.workspace-page { height: auto; }
}
</style>

26
frontend/src/routes/workspace/+page.svelte
View file

@ -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;
}