@escalated-dev/escalated 0.8.0 → 0.11.1

package/src/pages/Admin/Skills/Form.vue

@@ -62,7 +62,9 @@ function removeAgent(index) {
             </div>
 
             <div class="grid gap-5 lg:grid-cols-2">
-                <div class="space-y-3 rounded-xl border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface-alt)] p-4">
+                <div
+                    class="space-y-3 rounded-xl border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface-alt)] p-4"
+                >
                     <div>
                         <h2 class="text-sm font-semibold text-[var(--esc-panel-text-secondary)]">Routing Rules</h2>
                         <p class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
@@ -70,7 +72,9 @@ function removeAgent(index) {
                         </p>
                     </div>
                     <div>
-                        <label class="mb-2 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]">
+                        <label
+                            class="mb-2 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]"
+                        >
                             Required Tags
                         </label>
                         <SkillTagManager
@@ -84,7 +88,9 @@ function removeAgent(index) {
                         </p>
                     </div>
                     <div>
-                        <label class="mb-2 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]">
+                        <label
+                            class="mb-2 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]"
+                        >
                             Departments
                         </label>
                         <SkillTagManager
@@ -99,10 +105,14 @@ function removeAgent(index) {
                     </div>
                 </div>
 
-                <div class="space-y-3 rounded-xl border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface-alt)] p-4">
+                <div
+                    class="space-y-3 rounded-xl border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface-alt)] p-4"
+                >
                     <div class="flex items-start justify-between gap-3">
                         <div>
-                            <h2 class="text-sm font-semibold text-[var(--esc-panel-text-secondary)]">Agent Proficiency</h2>
+                            <h2 class="text-sm font-semibold text-[var(--esc-panel-text-secondary)]">
+                                Agent Proficiency
+                            </h2>
                             <p class="mt-1 text-xs text-[var(--esc-panel-text-muted)]">
                                 Assign eligible agents and tune their proficiency from 1 to 5.
                             </p>
@@ -124,7 +134,9 @@ function removeAgent(index) {
                             class="grid gap-3 rounded-lg border border-[var(--esc-panel-border)] bg-[var(--esc-panel-surface)] p-3 md:grid-cols-[minmax(0,1fr)_110px_auto]"
                         >
                             <div>
-                                <label class="mb-1 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]">
+                                <label
+                                    class="mb-1 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]"
+                                >
                                     Agent
                                 </label>
                                 <select
@@ -132,16 +144,21 @@ function removeAgent(index) {
                                     class="w-full rounded-lg border border-[var(--esc-panel-border-input)] bg-[var(--esc-panel-surface-alt)] px-3 py-2 text-sm text-[var(--esc-panel-text-secondary)] focus:border-[var(--esc-panel-border-input)] focus:outline-none focus:ring-1 focus:ring-[var(--esc-panel-border-input)]"
                                 >
                                     <option
-                                        v-for="option in [...unassignedAgents, availableAgents.find((entry) => entry.id === agent.user_id)].filter(Boolean)"
+                                        v-for="option in [
+                                            ...unassignedAgents,
+                                            availableAgents.find((entry) => entry.id === agent.user_id),
+                                        ].filter(Boolean)"
                                         :key="option.id"
                                         :value="option.id"
                                     >
-                                        {{ option.name }} · {{ option.email }}
+                                        {{ option.name }} / {{ option.email }}
                                     </option>
                                 </select>
                             </div>
                             <div>
-                                <label class="mb-1 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]">
+                                <label
+                                    class="mb-1 block text-xs font-medium uppercase tracking-wide text-[var(--esc-panel-text-muted)]"
+                                >
                                     Proficiency
                                 </label>
                                 <select
@@ -167,7 +184,10 @@ function removeAgent(index) {
                         </div>
                     </div>
 
-                    <div v-else class="rounded-lg border border-dashed border-[var(--esc-panel-border)] px-4 py-6 text-center text-sm text-[var(--esc-panel-text-muted)]">
+                    <div
+                        v-else
+                        class="rounded-lg border border-dashed border-[var(--esc-panel-border)] px-4 py-6 text-center text-sm text-[var(--esc-panel-text-muted)]"
+                    >
                         No agents assigned yet.
                     </div>
                 </div>

package/src/pages/Admin/Tickets/Index.vue

@@ -1,126 +1,126 @@
-<script setup>
-import { ref } from 'vue';
-import { usePage, router } from '@inertiajs/vue3';
-import EscalatedLayout from '../../../components/EscalatedLayout.vue';
-import TicketList from '../../../components/TicketList.vue';
-import TicketFilters from '../../../components/TicketFilters.vue';
-import QuickFilters from '../../../components/QuickFilters.vue';
-import BulkActionBar from '../../../components/BulkActionBar.vue';
-import KeyboardShortcutHelp from '../../../components/KeyboardShortcutHelp.vue';
-import PluginSlot from '../../../components/PluginSlot.vue';
-import SavedViewSidebar from '../../../components/SavedViewSidebar.vue';
-import SaveViewDialog from '../../../components/SaveViewDialog.vue';
-import { useKeyboardShortcuts } from '../../../composables/useKeyboardShortcuts';
-import { usePluginExtensions } from '../../../composables/usePluginExtensions';
-
-defineProps({
-    tickets: Object,
-    filters: Object,
-    departments: Array,
-    tags: Array,
-    agents: Array,
-    savedViews: { type: Array, default: () => [] },
-});
-
-const page = usePage();
-const selectedIds = ref([]);
-const ticketListRef = ref(null);
-const showShortcutHelp = ref(false);
-const showSaveDialog = ref(false);
-const ticketFiltersRef = ref(null);
-
-useKeyboardShortcuts({
-    j: () => {
-        ticketListRef.value?.moveDown();
-    },
-    k: () => {
-        ticketListRef.value?.moveUp();
-    },
-    x: () => {
-        ticketListRef.value?.toggleSelectFocused();
-    },
-    Enter: () => {
-        ticketListRef.value?.openFocused();
-    },
-    '?': () => {
-        showShortcutHelp.value = true;
-    },
-});
-
-const { getPageComponents } = usePluginExtensions();
-
-function applyQuickFilter(filter) {
-    router.get(route('escalated.admin.tickets.index'), filter, { preserveState: true });
-}
-
-function onViewSaved() {
-    router.reload({ only: ['savedViews'] });
-}
-</script>
-
-<template>
-    <EscalatedLayout title="All Tickets">
-        <div class="flex gap-6">
-            <!-- Saved Views Sidebar -->
-            <aside v-if="savedViews && savedViews.length" class="hidden w-52 shrink-0 lg:block">
-                <div class="sticky top-4">
-                    <h3 class="mb-2 px-3 text-xs font-semibold uppercase tracking-wider text-gray-400">Views</h3>
-                    <SavedViewSidebar
-                        :saved-views="savedViews"
-                        :current-filters="filters"
-                        :route="route('escalated.admin.tickets.index')"
-                    />
-                </div>
-            </aside>
-
-            <!-- Main content -->
-            <div class="min-w-0 flex-1">
-                <div class="mb-4">
-                    <QuickFilters :current-user-id="page.props.auth?.user?.id" @filter="applyQuickFilter" />
-                </div>
-                <PluginSlot
-                    slot="ticket.list.before_filters"
-                    :components="getPageComponents('ticket.list', 'before_filters')"
-                />
-                <div class="mb-6">
-                    <TicketFilters
-                        ref="ticketFiltersRef"
-                        :filters="filters"
-                        :route="route('escalated.admin.tickets.index')"
-                        :departments="departments"
-                        :tags="tags"
-                        :agents="agents"
-                        show-assignee
-                        show-following
-                        @save-view="showSaveDialog = true"
-                    />
-                </div>
-                <TicketList
-                    ref="ticketListRef"
-                    v-model:selected-ids="selectedIds"
-                    :tickets="tickets"
-                    route-prefix="escalated.admin.tickets"
-                    :columns="['reference', 'subject', 'requester', 'status', 'priority', 'assignee', 'updated']"
-                    selectable
-                    navigable
-                />
-                <BulkActionBar
-                    :selected-ids="selectedIds"
-                    :bulk-route="route('escalated.admin.tickets.bulk')"
-                    :agents="agents"
-                    :departments="departments"
-                    @clear="selectedIds = []"
-                />
-                <PluginSlot slot="ticket.list.footer" :components="getPageComponents('ticket.list', 'footer')" />
-            </div>
-        </div>
-
-        <SaveViewDialog
-            :show="showSaveDialog"
-            :filters="ticketFiltersRef?.filterData || filters"
-            @close="showSaveDialog = false"
-            @saved="onViewSaved"
-        />
-        <KeyboardShortcutHelp v-model:show="showShortcutHelp" context="list" />
-    </EscalatedLayout>
-</template>
+<script setup>
+import { ref } from 'vue';
+import { usePage, router } from '@inertiajs/vue3';
+import EscalatedLayout from '../../../components/EscalatedLayout.vue';
+import TicketList from '../../../components/TicketList.vue';
+import TicketFilters from '../../../components/TicketFilters.vue';
+import QuickFilters from '../../../components/QuickFilters.vue';
+import BulkActionBar from '../../../components/BulkActionBar.vue';
+import KeyboardShortcutHelp from '../../../components/KeyboardShortcutHelp.vue';
+import PluginSlot from '../../../components/PluginSlot.vue';
+import SavedViewSidebar from '../../../components/SavedViewSidebar.vue';
+import SaveViewDialog from '../../../components/SaveViewDialog.vue';
+import { useKeyboardShortcuts } from '../../../composables/useKeyboardShortcuts';
+import { usePluginExtensions } from '../../../composables/usePluginExtensions';
+
+defineProps({
+    tickets: Object,
+    filters: Object,
+    departments: Array,
+    tags: Array,
+    agents: Array,
+    savedViews: { type: Array, default: () => [] },
+});
+
+const page = usePage();
+const selectedIds = ref([]);
+const ticketListRef = ref(null);
+const showShortcutHelp = ref(false);
+const showSaveDialog = ref(false);
+const ticketFiltersRef = ref(null);
+
+useKeyboardShortcuts({
+    j: () => {
+        ticketListRef.value?.moveDown();
+    },
+    k: () => {
+        ticketListRef.value?.moveUp();
+    },
+    x: () => {
+        ticketListRef.value?.toggleSelectFocused();
+    },
+    Enter: () => {
+        ticketListRef.value?.openFocused();
+    },
+    '?': () => {
+        showShortcutHelp.value = true;
+    },
+});
+
+const { getPageComponents } = usePluginExtensions();
+
+function applyQuickFilter(filter) {
+    router.get(route('escalated.admin.tickets.index'), filter, { preserveState: true });
+}
+
+function onViewSaved() {
+    router.reload({ only: ['savedViews'] });
+}
+</script>
+
+<template>
+    <EscalatedLayout title="All Tickets">
+        <div class="flex gap-6">
+            <!-- Saved Views Sidebar -->
+            <aside v-if="savedViews && savedViews.length" class="hidden w-52 shrink-0 lg:block">
+                <div class="sticky top-4">
+                    <h3 class="mb-2 px-3 text-xs font-semibold uppercase tracking-wider text-gray-400">Views</h3>
+                    <SavedViewSidebar
+                        :saved-views="savedViews"
+                        :current-filters="filters"
+                        :route="route('escalated.admin.tickets.index')"
+                    />
+                </div>
+            </aside>
+
+            <!-- Main content -->
+            <div class="min-w-0 flex-1">
+                <div class="mb-4">
+                    <QuickFilters :current-user-id="page.props.auth?.user?.id" @filter="applyQuickFilter" />
+                </div>
+                <PluginSlot
+                    slot="ticket.list.before_filters"
+                    :components="getPageComponents('ticket.list', 'before_filters')"
+                />
+                <div class="mb-6">
+                    <TicketFilters
+                        ref="ticketFiltersRef"
+                        :filters="filters"
+                        :route="route('escalated.admin.tickets.index')"
+                        :departments="departments"
+                        :tags="tags"
+                        :agents="agents"
+                        show-assignee
+                        show-following
+                        @save-view="showSaveDialog = true"
+                    />
+                </div>
+                <TicketList
+                    ref="ticketListRef"
+                    v-model:selected-ids="selectedIds"
+                    :tickets="tickets"
+                    route-prefix="escalated.admin.tickets"
+                    :columns="['reference', 'subject', 'requester', 'status', 'priority', 'assignee', 'updated']"
+                    selectable
+                    navigable
+                />
+                <BulkActionBar
+                    :selected-ids="selectedIds"
+                    :bulk-route="route('escalated.admin.tickets.bulk')"
+                    :agents="agents"
+                    :departments="departments"
+                    @clear="selectedIds = []"
+                />
+                <PluginSlot slot="ticket.list.footer" :components="getPageComponents('ticket.list', 'footer')" />
+            </div>
+        </div>
+
+        <SaveViewDialog
+            :show="showSaveDialog"
+            :filters="ticketFiltersRef?.filterData || filters"
+            @close="showSaveDialog = false"
+            @saved="onViewSaved"
+        />
+        <KeyboardShortcutHelp v-model:show="showShortcutHelp" context="list" />
+    </EscalatedLayout>
+</template>