Added call later, option to limit auto mail so for a client person email you can limit which decision activity will be send to that specific email and moved SMS packages from admin panel to default app view

resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue

@@ -1,5 +1,4 @@
 <script setup>
-// flowbite-vue table imports removed; using DataTableClient
 import {
   Dialog,
   DialogContent,
@@ -27,7 +26,7 @@ import { Input } from "@/Components/ui/input";
 import AppCombobox from "@/Components/app/ui/AppCombobox.vue";
 import AppMultiSelect from "@/Components/app/ui/AppMultiSelect.vue";
 import { Button } from "@/Components/ui/button";
-import DataTableClient from "@/Components/DataTable/DataTableClient.vue";
+import DataTableNew2 from "@/Components/DataTable/DataTableNew2.vue";
 import InlineColorPicker from "@/Components/InlineColorPicker.vue";
 import AppPopover from "@/Components/app/ui/AppPopover.vue";
 import { FilterIcon, MoreHorizontal, Pencil, Trash } from "lucide-vue-next";
@@ -60,16 +59,13 @@ const segmentOptions = computed(() =>
   }))
 );
 
-// DataTable state
-const sort = ref({ key: null, direction: null });
-const page = ref(1);
-const pageSize = ref(25);
 const columns = [
   { key: "id", label: "#", sortable: true, class: "w-16" },
   { key: "name", label: "Ime", sortable: true },
   { key: "color_tag", label: "Barva", sortable: false },
   { key: "segment", label: "Segment", sortable: false },
   { key: "decisions", label: "Odločitve", sortable: false, class: "w-32" },
+  { key: "actions", label: "", sortable: false, class: "w-12" },
 ];
 
 const form = useForm({
@@ -231,18 +227,12 @@ const destroyAction = () => {
     <Button @click="openCreateDrawer">+ Dodaj akcijo</Button>
   </div>
   <div>
-    <DataTableClient
+    <DataTableNew2
       :columns="columns"
-      :rows="filtered"
-      :sort="sort"
-      :search="''"
-      :page="page"
-      :pageSize="pageSize"
+      :data="filtered"
+      :pageSize="25"
       :showToolbar="false"
       :showPagination="true"
-      @update:sort="(v) => (sort = v)"
-      @update:page="(v) => (page = v)"
-      @update:pageSize="(v) => (pageSize = v)"
     >
       <template #cell-color_tag="{ row }">
         <div class="flex items-center gap-2">
@@ -262,7 +252,7 @@ const destroyAction = () => {
           {{ row.segment?.name || "" }}
         </span>
       </template>
-      <template #actions="{ row }">
+      <template #cell-actions="{ row }">
         <DropdownMenu>
           <DropdownMenuTrigger as-child>
             <Button variant="ghost" size="icon">
@@ -285,7 +275,7 @@ const destroyAction = () => {
           </DropdownMenuContent>
         </DropdownMenu>
       </template>
-    </DataTableClient>
+    </DataTableNew2>
   </div>
 
   <Dialog v-model:open="drawerEdit">