feat(channels): add "Available Channels" aggregate view

Add a read-only aggregate view per channel: its linked groups and a
deterministic wildcard-free supported-model list with pricing details.

Backend
- service.Channel.SupportedModels(): combine ModelMapping keys with
  same-platform ModelPricing.Models; trailing "*" keys expand via
  pricing prefix match; platforms without a mapping produce no
  entries (intentional "no mapping = not shown" rule).
- Extract splitWildcardSuffix() shared with toModelEntry.
- Build a per-call pricing lookup map (platform+lowerName -> *pricing)
  to avoid O(N*M) scans in SupportedModels.
- ChannelService.ListAvailable() aggregates channels + active groups;
  filters out group IDs no longer active.
- Admin route GET /api/v1/admin/channels/available returns the full
  DTO (id, status, billing_model_source, restrict_models, groups,
  supported_models).
- User route GET /api/v1/channels/available applies three filters:
  Status==active, visible-group intersection, and platform filter
  on supported_models (prevents cross-platform leak when a channel
  links to both a user-accessible group and an inaccessible one on
  another platform). Response is a plain array (matches the
  /groups/available sibling shape). Field whitelist omits
  billing_model_source, restrict_models, ids, status, sort_order.

Frontend
- New /admin/available-channels and /available-channels views backed
  by a shared AvailableChannelsTable component (admin adds status +
  billing-source columns via slots).
- PricingRow extracted to its own SFC; SupportedModelChip references
  shared billing-mode constants in constants/channel.ts.
- Sidebar: new entry above "渠道管理" for admin; matching entry in
  user nav.
- i18n: zh + en coverage for both namespaces.

Tests
- SupportedModels: wildcard-only pricing skipped, prefix-matches-
  nothing, cross-platform bleed, case-insensitive dedup, empty
  platform mapping.
- ListAvailable: nil groupRepo, inactive-group-ID dropped, stable
  case-insensitive name sort.
- User handler: 401 on unauthenticated, visible-group intersection,
  platform filter on supported_models, JSON whitelist.
- Admin handler: full DTO including default BillingModelSource
  fallback.

Refs: issue #1729

frontend/src/views/admin/AvailableChannelsView.vue

@@ -0,0 +1,135 @@
+<template>
+  <AppLayout>
+    <TablePageLayout>
+      <template #filters>
+        <div class="flex flex-col justify-between gap-4 lg:flex-row lg:items-start">
+          <div class="flex flex-1 flex-wrap items-center gap-3">
+            <div class="relative w-full sm:w-80">
+              <Icon
+                name="search"
+                size="md"
+                class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500"
+              />
+              <input
+                v-model="searchQuery"
+                type="text"
+                :placeholder="t('admin.availableChannels.searchPlaceholder')"
+                class="input pl-10"
+              />
+            </div>
+          </div>
+
+          <div class="flex w-full flex-shrink-0 flex-wrap items-center justify-end gap-3 lg:w-auto">
+            <button
+              @click="loadChannels"
+              :disabled="loading"
+              class="btn btn-secondary"
+              :title="t('common.refresh', 'Refresh')"
+            >
+              <Icon name="refresh" size="md" :class="loading ? 'animate-spin' : ''" />
+            </button>
+          </div>
+        </div>
+      </template>
+
+      <template #table>
+        <AvailableChannelsTable
+          :columns="columns"
+          :rows="filteredChannels"
+          :loading="loading"
+          pricing-key-prefix="admin.availableChannels.pricing"
+          :no-pricing-label="t('admin.availableChannels.noPricing')"
+          :no-models-label="t('admin.availableChannels.noModels')"
+          :empty-label="t('admin.availableChannels.empty')"
+        >
+          <template #empty-groups>{{ t('admin.availableChannels.noGroups') }}</template>
+
+          <template #cell-status="{ row }">
+            <span
+              :class="
+                row.status === CHANNEL_STATUS_ACTIVE
+                  ? 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400'
+                  : 'bg-gray-100 text-gray-600 dark:bg-dark-700 dark:text-gray-400'
+              "
+              class="inline-flex items-center rounded px-2 py-0.5 text-xs font-medium"
+            >
+              {{ statusLabel(row.status) }}
+            </span>
+          </template>
+
+          <template #cell-billing_model_source="{ row }">
+            <span class="text-xs text-gray-700 dark:text-gray-300">
+              {{
+                t(
+                  `admin.availableChannels.billingSource.${row.billing_model_source || BILLING_MODEL_SOURCE_CHANNEL_MAPPED}`
+                )
+              }}
+            </span>
+          </template>
+        </AvailableChannelsTable>
+      </template>
+    </TablePageLayout>
+  </AppLayout>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import AppLayout from '@/components/layout/AppLayout.vue'
+import TablePageLayout from '@/components/layout/TablePageLayout.vue'
+import Icon from '@/components/icons/Icon.vue'
+import AvailableChannelsTable from '@/components/channels/AvailableChannelsTable.vue'
+import channelsAPI, { type AvailableChannel } from '@/api/admin/channels'
+import { useAppStore } from '@/stores/app'
+import { extractApiErrorMessage } from '@/utils/apiError'
+import {
+  CHANNEL_STATUS_ACTIVE,
+  BILLING_MODEL_SOURCE_CHANNEL_MAPPED
+} from '@/constants/channel'
+
+const { t } = useI18n()
+const appStore = useAppStore()
+
+const channels = ref<AvailableChannel[]>([])
+const loading = ref(false)
+const searchQuery = ref('')
+
+const columns = computed(() => [
+  { key: 'name', label: t('admin.availableChannels.columns.name') },
+  { key: 'status', label: t('admin.availableChannels.columns.status') },
+  { key: 'billing_model_source', label: t('admin.availableChannels.columns.billingSource') },
+  { key: 'groups', label: t('admin.availableChannels.columns.groups') },
+  { key: 'supported_models', label: t('admin.availableChannels.columns.supportedModels') }
+])
+
+function statusLabel(status: string): string {
+  return status === CHANNEL_STATUS_ACTIVE
+    ? t('admin.availableChannels.statusActive')
+    : t('admin.availableChannels.statusDisabled')
+}
+
+const filteredChannels = computed(() => {
+  const q = searchQuery.value.trim().toLowerCase()
+  if (!q) return channels.value
+  return channels.value.filter((ch) => {
+    if (ch.name.toLowerCase().includes(q)) return true
+    if ((ch.description || '').toLowerCase().includes(q)) return true
+    if (ch.groups.some((g) => g.name.toLowerCase().includes(q))) return true
+    if (ch.supported_models.some((m) => m.name.toLowerCase().includes(q))) return true
+    return false
+  })
+})
+
+async function loadChannels() {
+  loading.value = true
+  try {
+    channels.value = await channelsAPI.listAvailable()
+  } catch (err: unknown) {
+    appStore.showError(extractApiErrorMessage(err, t('common.error')))
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(loadChannels)
+</script>