@viact/feedback-ui

Feedback chat widget for Viact PoC frontends. Source-ship (no build step) — the host app bundles via its own Vite + Tailwind.

Install (workspace dep)

// pocs/<id>/frontend/package.json
{
  "dependencies": {
    "@viact/feedback-ui": "file:../../../packages/feedback-ui"
  }
}

Use

import { FeedbackChat } from '@viact/feedback-ui'

export default function App() {
  return (
    <>
      {/* your app */}
      <FeedbackChat />
    </>
  )
}

Tailwind

The widget uses Tailwind utility classes. Add the package source path to your tailwind.config.ts content:

export default {
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
    '../../packages/feedback-ui/src/**/*.{ts,tsx}', // <-- add this
  ],
  // ...
}

The widget references CSS variable tokens (var(--bg-surface), var(--text-primary), etc.) that are defined by the host's design system (src/styles/tokens.css). If your PoC doesn't use the viAct token set, override the classes via host CSS.

Upgrade

The package is consumed by relative file: path. To upgrade an existing PoC:

git pull       # pull latest packages/feedback-ui sources
pnpm install   # or npm install — relinks the file: dep

No version bumps required.

Peer deps

react, react-dom, lucide-react, clsx, tailwind-merge — already in the PoC frontend template.