Add missing base components and global alias registrations

Create BaseCustomTag (dynamic tag render), BaseFormatMoney,
BaseHeading, BaseScrollPane, BaseDescriptionList/Item, BaseLabel,
BaseCustomerSelectInput, BaseSpinner, BaseRating, and status label
components. Register all renamed v2 components under their old
Base* names (BaseInputGroup->FormGroup, BasePage->Page,
BaseTable->DataTable, etc.) so templates resolve correctly.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/scripts-v2/components/base/BaseCustomerSelectInput.vue

@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useCustomerStore } from '../../features/company/customers/store'
+import { useModalStore } from '../../stores/modal.store'
+import { useUserStore } from '../../stores/user.store'
+import { ABILITIES } from '../../config/abilities'
+import CustomerModal from '../../features/company/customers/components/CustomerModal.vue'
+
+interface Props {
+  modelValue?: string | number | Record<string, unknown> | null
+  fetchAll?: boolean
+  showAction?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+  fetchAll: false,
+  showAction: false,
+})
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string | number | Record<string, unknown> | null): void
+}>()
+
+const { t } = useI18n()
+const modalStore = useModalStore()
+const customerStore = useCustomerStore()
+const userStore = useUserStore()
+
+const selectedCustomer = computed({
+  get: () => props.modelValue,
+  set: (value) => {
+    emit('update:modelValue', value as string | number | Record<string, unknown> | null)
+  },
+})
+
+async function searchCustomers(search: string) {
+  const data: Record<string, unknown> = { search }
+
+  if (props.fetchAll) {
+    data.limit = 'all'
+  }
+
+  const response = await customerStore.fetchCustomers(data)
+  const results = response.data ?? []
+
+  if (results.length > 0 && customerStore.editCustomer) {
+    const customerFound = results.find(
+      (c: Record<string, unknown>) => c.id === customerStore.editCustomer?.id
+    )
+    if (!customerFound) {
+      const editCopy = { ...customerStore.editCustomer }
+      results.unshift(editCopy as typeof results[0])
+    }
+  }
+
+  return results
+}
+
+function addCustomer(): void {
+  customerStore.resetCurrentCustomer()
+
+  modalStore.openModal({
+    title: t('customers.add_new_customer'),
+    componentName: 'CustomerModal',
+  })
+}
+</script>
+
+<template>
+  <BaseMultiselect
+    v-model="selectedCustomer"
+    v-bind="$attrs"
+    track-by="name"
+    value-prop="id"
+    label="name"
+    :filter-results="false"
+    resolve-on-load
+    :delay="500"
+    :searchable="true"
+    :options="searchCustomers"
+    label-value="name"
+    :placeholder="$t('customers.type_or_click')"
+    :can-deselect="false"
+    class="w-full"
+  >
+    <template v-if="showAction" #action>
+      <BaseSelectAction
+        v-if="userStore.hasAbilities(ABILITIES.CREATE_CUSTOMER)"
+        @click="addCustomer"
+      >
+        <BaseIcon
+          name="UserPlusIcon"
+          class="h-4 mr-2 -ml-2 text-center text-primary-400"
+        />
+
+        {{ $t('customers.add_new_customer') }}
+      </BaseSelectAction>
+    </template>
+  </BaseMultiselect>
+
+  <CustomerModal />
+</template>