rogee
321c61aaae
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/
39 lines
1.9 KiB
Vue
39 lines
1.9 KiB
Vue
<script setup>
|
|
import FeatureSpotlight from './FeatureSpotlight.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<Story
|
|
title="Components/FeatureSpotlight/Default"
|
|
:layout="{ type: 'grid', width: '1000px' }"
|
|
>
|
|
<Variant title="Default with learn more URL">
|
|
<div class="p-6 bg-n-background">
|
|
<FeatureSpotlight
|
|
title="Captain Assistant"
|
|
note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
|
|
video-url=""
|
|
thumbnail=""
|
|
fallback-thumbnail="/assets/images/dashboard/captain/assistant-light.svg"
|
|
fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
|
|
learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
|
|
/>
|
|
</div>
|
|
</Variant>
|
|
|
|
<Variant title="With Video URL and Thumbnail">
|
|
<div class="p-6 bg-n-background">
|
|
<FeatureSpotlight
|
|
title="Captain Assistant"
|
|
note="Captain Assistant engages directly with customers, learns from your help docs and past conversations, and delivers instant, accurate responses. It handles the initial queries, providing quick resolutions before transferring to an agent when needed."
|
|
video-url="https://www.youtube.com/watch?v=E4xUHyAAktY"
|
|
thumbnail="https://i.ytimg.com/an_webp/E4xUHyAAktY/mqdefault_6s.webp?du=3000&sqp=CJaKmL4G&rs=AOn4CLCmfy1TMOcW4UsjQTgyKRp4TSGZgg"
|
|
fallback-thumbnail="/assets/images/dashboard/captain/assistant-light.svg"
|
|
fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
|
|
learn-more-url="https://www.chatwoot.com/hc/user-guide/articles/1738101547-creating-an-assistant-with-captain"
|
|
/>
|
|
</div>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|