@folio-agent/widget

ポートフォリオ受付チャットボットのフロントエンド Web Component。クリックされるまで沈黙し、フレームワーク非依存（Shadow DOM）で導入先の CSS と衝突しない。

@folio-agent/handler とセットで使う。詳細（アーキテクチャ・設計判断・利用手順全体）はリポジトリの README を参照。

Usage

npm install @folio-agent/widget

<folio-agent-widget endpoint="/api/chat" policy-href="/data-policy"></folio-agent-widget>
<script type="module">
  import { defineFolioAgentWidget } from "@folio-agent/widget";
  defineFolioAgentWidget();
</script>

配色・フォントは CSS カスタムプロパティ6トークン（--folio-agent-surface / text / muted / accent / accent-contrast / font）で上書きできる。未指定時は既定デザインのまま動く。

UI 文言は lang="en" 属性で英語に切り替えられる（未指定は日本語）。