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/DecisionTable.vue

@@ -1,6 +1,5 @@
 <script setup>
-// flowbite-vue table imports removed; using DataTableClient
-import { EditIcon, TrashBinIcon, DottedMenu } from "@/Utilities/Icons";
+import { DottedMenu } from "@/Utilities/Icons";
 import {
   Dialog,
   DialogContent,
@@ -30,11 +29,11 @@ import {
 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 Dropdown from "@/Components/Dropdown.vue";
 import AppPopover from "@/Components/app/ui/AppPopover.vue";
-import { FilterIcon, Trash2, MoreHorizontal, Pencil, Trash } from "lucide-vue-next";
+import { FilterIcon, MoreHorizontal, Pencil, Trash } from "lucide-vue-next";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -64,10 +63,6 @@ const selectedEvents = ref([]);
 
 const actionOptions = ref([]);
 
-// DataTable state
-const sort = ref({ key: null, direction: null });
-const page = ref(1);
-const pageSize = ref(25);
 const columns = [
   { key: "id", label: "#", sortable: true },
   { key: "name", label: "Ime", sortable: true },
@@ -75,6 +70,7 @@ const columns = [
   { key: "events", label: "Dogodki", sortable: false },
   { key: "belongs", label: "Pripada akcijam", sortable: false },
   { key: "auto_mail", label: "Auto mail", sortable: false },
+  { key: "actions", label: "", sortable: false, class: "w-12" },
 ];
 
 const form = useForm({
@@ -191,6 +187,8 @@ function defaultConfigForKey(key) {
       return { archive_setting_id: null, reactivate: false };
     case "end_field_job":
       return {};
+    case "add_call_later":
+      return {};
     default:
       return {};
   }
@@ -466,18 +464,12 @@ const destroyDecision = () => {
     </div>
   </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">
@@ -494,14 +486,13 @@ const destroyDecision = () => {
       </template>
       <template #cell-events="{ row }">
         <div class="flex items-center gap-2">
-          <span class="text-sm text-gray-600">{{ row.events?.length ?? 0 }}</span>
           <Dropdown align="left" width="64" :close-on-content-click="false">
             <template #trigger>
               <button
                 type="button"
                 class="p-1 rounded hover:bg-gray-100 border border-transparent hover:border-gray-200"
               >
-                <DottedMenu size="sm" css="text-gray-600" />
+                {{ row.events?.length ?? 0 }}
               </button>
             </template>
             <template #content>
@@ -549,7 +540,7 @@ const destroyDecision = () => {
           </span>
         </div>
       </template>
-      <template #actions="{ row }">
+      <template #cell-actions="{ row }">
         <DropdownMenu>
           <DropdownMenuTrigger as-child>
             <Button variant="ghost" size="icon">
@@ -572,7 +563,7 @@ const destroyDecision = () => {
           </DropdownMenuContent>
         </DropdownMenu>
       </template>
-    </DataTableClient>
+    </DataTableNew2>
   </div>
   <Dialog v-model:open="drawerEdit">
     <DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
@@ -752,6 +743,11 @@ const destroyDecision = () => {
                     Ta dogodek nima dodatnih nastavitev.
                   </p>
                 </template>
+                <template v-else-if="eventKey(ev) === 'add_call_later'">
+                  <p class="text-sm text-muted-foreground">
+                    Datum in ura povratnega klica se vneseta ob ustvarjanju aktivnosti.
+                  </p>
+                </template>
                 <template v-else>
                   <!-- Fallback advanced editor for unknown event keys -->
                   <InputLabel :for="`cfg-${idx}`" value="Napredna nastavitev (JSON)" />
@@ -981,6 +977,11 @@ const destroyDecision = () => {
                     Ta dogodek nima dodatnih nastavitev.
                   </p>
                 </template>
+                <template v-else-if="eventKey(ev) === 'add_call_later'">
+                  <p class="text-sm text-muted-foreground">
+                    Datum in ura povratnega klica se vneseta ob ustvarjanju aktivnosti.
+                  </p>
+                </template>
                 <template v-else>
                   <InputLabel :for="`ccfg-${idx}`" value="Napredna nastavitev (JSON)" />
                   <textarea