From a46dd77f9e6b417edd79ecd74bca6d049d7373bf Mon Sep 17 00:00:00 2001
From: Artyom Savchenko <armisav@gmail.com>
Date: Sat, 21 Feb 2026 21:57:49 +0700
Subject: [PATCH] Show actions button instead of 'Copy all' (#10537)

Signed-off-by: Artem Savchenko <armisav@gmail.com>
---
 .../components/CopyAsMarkdownButton.svelte    | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/plugins/converter-resources/src/components/CopyAsMarkdownButton.svelte b/plugins/converter-resources/src/components/CopyAsMarkdownButton.svelte
index ff75df291c..b09753503b 100644
--- a/plugins/converter-resources/src/components/CopyAsMarkdownButton.svelte
+++ b/plugins/converter-resources/src/components/CopyAsMarkdownButton.svelte
@@ -2,13 +2,13 @@
 // Copyright © 2026 Hardcore Engineering Inc.
 //
 // Licensed under the Eclipse Public License, Version 2.0 (the "License");
-// you may not use it except in compliance with the License. You may obtain
+// you may not use this file except in compliance with the License. You may obtain
 // a copy of the License at https://www.eclipse.org/legal/epl-2.0
 -->
 <script lang="ts">
   import type { Class, Doc, DocumentQuery, Ref } from '@hcengineering/core'
   import { getClient } from '@hcengineering/presentation'
-  import { Button, IconCopy } from '@hcengineering/ui'
+  import { ButtonMenu, IconCopy, IconMoreH, type DropdownIntlItem } from '@hcengineering/ui'
   import view from '@hcengineering/view'
   import { viewletContextStore } from '@hcengineering/view-resources'
   import { copyAsMarkdownTableFromResource, copyRelationshipTableAsMarkdown } from '../markdown/copyActions'
@@ -17,13 +17,23 @@
   export let query: DocumentQuery<Doc> = {}
   export let config: Array<string | import('@hcengineering/view').BuildModelKey> = []
 
+  // TODO: Register actions separately and make common extension for viewlet actions
+  const COPY_ALL_ACTION_ID = 'copy-all'
+
   $: ctx = $viewletContextStore?.getLastContext()
   $: relationshipTableData = ctx?.relationshipTableData
   $: viewlet = ctx?.viewlet
 
   $: hasData = relationshipTableData !== undefined || (_class !== undefined && query !== undefined)
+  $: actions = [
+    {
+      id: COPY_ALL_ACTION_ID,
+      label: view.string.CopyAll,
+      icon: IconCopy
+    }
+  ] satisfies DropdownIntlItem[]
 
-  async function handleClick (e: MouseEvent): Promise<void> {
+  async function handleCopyAll (e: Event): Promise<void> {
     if (relationshipTableData !== undefined) {
       await copyRelationshipTableAsMarkdown(e, relationshipTableData)
     } else if (_class !== undefined && query !== undefined) {
@@ -38,9 +48,16 @@
       })
     }
   }
+
+  async function onActionSelected (event?: CustomEvent): Promise<void> {
+    if (event == null || event.detail !== COPY_ALL_ACTION_ID) {
+      return
+    }
+
+    await handleCopyAll(event)
+  }
 </script>
 
 {#if hasData}
-  <!-- svelte-ignore a11y-click-events-have-key-events -->
-  <Button icon={IconCopy} label={view.string.CopyAll} on:click={handleClick} />
+  <ButtonMenu size="small" noSelection icon={IconMoreH} items={actions} on:selected={onActionSelected} />
 {/if}