macro parameters

packages/web/src/freetable/MacroInfoTab.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+  import { getContext } from 'svelte';
+
+  import FormStyledButton from '../elements/FormStyledButton.svelte';
+
+  import WidgetTitle from '../widgets/WidgetTitle.svelte';
+  import MacroParameters from './MacroParameters.svelte';
+
+  const selectedMacro = getContext('selectedMacro') as any;
+
+  export let onExecute;
+</script>
+
+<div class="wrapper">
+  <div class="section">
+    <WidgetTitle>Execute</WidgetTitle>
+    <FormStyledButton value="Execute" on:click={onExecute} />
+  </div>
+
+  <div class="section">
+    <WidgetTitle>Parameters</WidgetTitle>
+    {#if $selectedMacro?.args && $selectedMacro?.args?.length > 0}
+      {#key $selectedMacro?.name}
+        <MacroParameters args={$selectedMacro?.args||[]} namePrefix={`${$selectedMacro?.name}#`} />
+      {/key}
+    {:else}
+      <div class="m-1">This macro has no parameters</div>
+    {/if}
+  </div>
+
+  <div class="section">
+    <WidgetTitle>Description</WidgetTitle>
+    <div class="m-1">{$selectedMacro?.description}</div>
+  </div>
+</div>
+
+<style>
+  .wrapper {
+    display: flex;
+    overflow-y: auto;
+  }
+  .section {
+    margin: 5px;
+  }
+</style>