WIP moving to vanilla js from svelte

Editing record edit and i am in the middle of creating the dropdown component

front/views/records-editor/edit.blade.php

@@ -0,0 +1,16 @@
+@extends("lucent::layouts.channel")
+
+@section("content")
+
+    <div class="record-edit">
+        <div class="tools-header">
+                @include("lucent::records-editor.header")
+{{--            <EditHeader {schema} bind:record {isCreateMode} bind:activeContentTab/>--}}
+
+
+        </div>
+
+    </div>
+
+@endsection
+

front/views/records-editor/header.blade.php

@@ -0,0 +1,33 @@
+@php
+$createMode = $createMode ?? false;
+@endphp
+
+<div style="display: flex;align-items: center; gap:10px;">
+    @if(!$createMode)
+        <x-lucent::dropdown>
+                icon
+            <x-slot:items>
+                <h6 class="dropdown-header">Record Actions</h6>
+                <a
+                        class="dropdown-item"
+                        href="{channel.lucentUrl}/records/new?schema={schema.name}"
+                >Create new</a
+                >
+                @if($createMode)
+                <a
+                        class="dropdown-item"
+                        on:click={clone}
+                        href={channel.lucentUrl}
+                >
+                    Clone
+                </a>
+                @endif
+                <a
+                class="dropdown-item"
+                href="{channel.lucentUrl}">Revisions</a
+                >
+            </x-slot>
+        </x-lucent::dropdown>
+    @endif
+
+</div>