Vendor Chatwoot Vue 3 frontend into frontend/

Copy the Chatwoot (v4.14.0) frontend runnable subset into frontend/ for
customization:
- app/javascript/ (Vue SPA: dashboard, widget, sdk, portal, superadmin)
- app/views/ (ERB templates for vite-plugin-ruby entrypoint resolution)
- app/helpers/, app/assets/ (Rails view helpers, static assets)
- enterprise/ (Enterprise edition frontend overlay)
- config/vite.json, vite.config.ts, bin/vite (Vite-Rails toolchain)
- package.json, pnpm-lock.yaml, tailwind/postcss/eslint configs
- Gemfile, Gemfile.lock (vite_rails gem for bin/vite binstub)

Excluded Rails backend: controllers, models, services, jobs, mailers,
policies, db, lib, spec, public, node_modules.

Update references to the new frontend location:
- .gitignore: exclude frontend build artifacts (node_modules, tmp, packs),
  keep frontend/bin/ and frontend/vendor/ via negation
- backend/scripts/parity_frontend_smoke.sh: CHATWOOT_DIR default
  reference/chatwoot -> ../frontend
- backend/scripts/parity_frontend_browser_smoke.mjs: same default update
- AGENTS.md: add frontend section with Rails/Vite coupling notes
- README: architecture tree includes frontend/

frontend/app/javascript/superadmin_pages/views/dashboard/Index.vue

@@ -0,0 +1,75 @@
+<script setup>
+import { computed } from 'vue';
+import BarChart from 'shared/components/charts/BarChart.vue';
+const props = defineProps({
+  componentData: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+
+const prepareData = sourceData => {
+  var labels = [];
+  var data = [];
+  sourceData.forEach(item => {
+    labels.push(item[0]);
+    data.push(item[1]);
+  });
+  return {
+    labels,
+    datasets: [
+      {
+        type: 'bar',
+        backgroundColor: 'rgb(31, 147, 255)',
+        yAxisID: 'y',
+        label: 'Conversations',
+        data: data,
+      },
+    ],
+  };
+};
+
+const chartData = computed(() => {
+  return prepareData(props.componentData.chartData);
+});
+
+const { accountsCount, usersCount, inboxesCount, conversationsCount } =
+  props.componentData;
+</script>
+
+<template>
+  <div class="w-full h-full">
+    <header class="main-content__header" role="banner">
+      <h1 id="page-title" class="main-content__page-title">
+        {{ 'Admin Dashboard' }}
+      </h1>
+    </header>
+
+    <section class="main-content__body main-content__body--flush">
+      <div class="report--list">
+        <div class="report-card">
+          <div class="metric">{{ accountsCount }}</div>
+          <div>{{ 'Accounts' }}</div>
+        </div>
+        <div class="report-card">
+          <div class="metric">{{ usersCount }}</div>
+          <div>{{ 'Users' }}</div>
+        </div>
+        <div class="report-card">
+          <div class="metric">{{ inboxesCount }}</div>
+          <div>{{ 'Inboxes' }}</div>
+        </div>
+        <div class="report-card">
+          <div class="metric">{{ conversationsCount }}</div>
+          <div>{{ 'Conversations' }}</div>
+        </div>
+      </div>
+    </section>
+    <!-- eslint-disable vue/no-static-inline-styles -->
+    <BarChart
+      class="p-8 w-full"
+      :collection="chartData"
+      style="max-height: 500px"
+    />
+  </div>
+</template>