feat(canvas): Add run controls, share dialog, and right toolbar

- Add CanvasRunControls with Run dropdown (Run, Run on Change), Queue button
- Add CanvasShareDialog with Figma-like sharing UI (invite, permissions, link)
- Add CanvasRightToolbar with zoom and fit controls
- Move run button from tab bar to canvas area (top-right)
- Integrate share dialog with tab bar share button

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
orkhanart
2025-11-29 11:25:08 -08:00
parent fff3984477
commit bb49cca003
11 changed files with 622 additions and 23 deletions

View File

@@ -131,7 +131,7 @@ const filteredWorkflows = computed(() => {
</button>
<div
v-if="showFilterMenu"
class="absolute left-0 top-full z-50 mt-1 min-w-[120px] rounded-lg border border-zinc-700 bg-zinc-900 py-1 shadow-xl"
class="absolute left-0 top-full z-50 mt-1 min-w-[120px] rounded-lg border border-zinc-700 bg-black py-1 shadow-xl"
>
<button
v-for="option in filterOptions"
@@ -157,7 +157,7 @@ const filteredWorkflows = computed(() => {
</button>
<div
v-if="showSortMenu"
class="absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-lg border border-zinc-700 bg-zinc-900 py-1 shadow-xl"
class="absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-lg border border-zinc-700 bg-black py-1 shadow-xl"
>
<button
v-for="option in sortOptions"
@@ -177,7 +177,7 @@ const filteredWorkflows = computed(() => {
<!-- Content -->
<div class="flex-1 overflow-y-auto p-2">
<!-- Team Header Card -->
<div class="mb-3 rounded-lg border border-zinc-800 bg-zinc-900 p-2.5">
<div class="mb-3 rounded-lg border border-zinc-800 bg-black p-2.5">
<div class="flex items-center gap-3">
<div
class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg text-lg font-bold"