<!-- [DEF:MapperPage:Component] -->
<!--
@TIER: TRIVIAL
@SEMANTICS: mapper, page, tool
@PURPOSE: Page for the dataset column mapper tool.
@LAYER: UI
-->
<script>
    import MapperTool from '../../../components/tools/MapperTool.svelte';
    import TaskRunner from '../../../components/TaskRunner.svelte';
    import { PageHeader } from '$lib/ui';
    import { t } from '$lib/i18n';
</script>

<div class="max-w-7xl mx-auto p-6">
    <PageHeader title={$t.mapper?.title } />
    
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
        <div class="lg:col-span-2">
            <MapperTool />
        </div>
        <div class="lg:col-span-1">
            <TaskRunner />
        </div>
    </div>
</div>
<!-- [/DEF:MapperPage:Component] -->
