diff --git a/src/lib/components/EnhancedEditsButton.svelte b/src/lib/components/EnhancedEditsButton.svelte new file mode 100644 index 00000000..26da9fcd --- /dev/null +++ b/src/lib/components/EnhancedEditsButton.svelte @@ -0,0 +1,119 @@ + + +{#if currentAction} + + + +{/if} diff --git a/src/lib/util/state.ts b/src/lib/util/state.ts index ec4b8f10..5707dbfa 100644 --- a/src/lib/util/state.ts +++ b/src/lib/util/state.ts @@ -141,12 +141,14 @@ export const urlsStore = derived([stateStore], ([{ code, serialized }]) => { campaign }: { medium: + | 'ai_edit' | 'ai_repair' | 'main_menu' | 'save_diagram' | 'share' | 'vibe_diagramming' - | 'visual_edit'; + | 'visual_edit' + | 'voice_edit'; campaign?: string; }) => { const utmSource = getUTMSource(); diff --git a/src/routes/edit/+page.svelte b/src/routes/edit/+page.svelte index 5f8c742d..edc06d73 100644 --- a/src/routes/edit/+page.svelte +++ b/src/routes/edit/+page.svelte @@ -3,6 +3,7 @@ import Card from '$/components/Card/Card.svelte'; import DiagramDocButton from '$/components/DiagramDocumentationButton.svelte'; import Editor from '$/components/Editor.svelte'; + import EnhancedEditsButton from '$/components/EnhancedEditsButton.svelte'; import History from '$/components/History/History.svelte'; import McWrapper from '$/components/McWrapper.svelte'; import MermaidChartIcon from '$/components/MermaidChartIcon.svelte'; @@ -19,15 +20,12 @@ import VersionSecurityToolbar from '$/components/VersionSecurityToolbar.svelte'; import View from '$/components/View.svelte'; import type { EditorMode, Tab } from '$/types'; - import { standardizeDiagramType } from '$/util/mermaid'; import { shouldShowEditorChooser } from '$/util/migration/domainMigration'; import { PanZoomState } from '$/util/panZoom'; import { stateStore, updateCodeStore, urlsStore } from '$/util/state'; import { logEvent, logMermaidChartClick } from '$/util/stats'; import { initHandler } from '$/util/util'; import { onMount } from 'svelte'; - import { quintInOut } from 'svelte/easing'; - import { slide } from 'svelte/transition'; import CodeIcon from '~icons/custom/code'; import HistoryIcon from '~icons/material-symbols/history'; import GearIcon from '~icons/material-symbols/settings-outline-rounded'; @@ -65,20 +63,6 @@ }); }); - const visualEditDiagramTypes = new Set([ - 'flowchart', - 'stateDiagram', - 'classDiagram', - 'sequenceDiagram', - 'er', - 'requirement', - 'mindmap' - ]); - const showVisualEdit = $derived.by(() => { - const dt = $stateStore.diagramType; - return dt ? visualEditDiagramTypes.has(standardizeDiagramType(dt)) : false; - }); - let isHistoryOpen = $state(false); let editorPane: Resizable.Pane | undefined; @@ -153,24 +137,7 @@