@cnt-dev/chat-ui 0.1.0

package/AGENTS.md

@@ -0,0 +1,202 @@
+# @cnt-dev/chat-ui — Notes for AI coding agents
+
+> This file is written for coding agents (Claude Code, Cursor, Aider, …)
+> that work in a project that consumes `@cnt-dev/chat-ui`. It is deliberately
+> short and focused on the shape of the API so an agent can wire the
+> library correctly on the first try.
+
+## What this package is
+
+A **UI5 library** with a single control, `chatui.ChatBox`, that
+you drop into any UI5 app to get an embedded AI-chat block: sidebar with
+past conversations, streaming assistant replies, file attachments, rich
+UI5-control bubbles.
+
+The library is **transport-agnostic** — it fires events and expects the
+embedding app to talk to the backend. Do **not** try to configure a URL,
+API key, or model on the control itself; that lives in the consumer.
+
+- **npm name:** `@cnt-dev/chat-ui`
+- **UI5 namespace / module path:** `chatui` / `chatui/*`
+- **Runtime deps:** only `sap.ui.core`
+
+## Wiring it into a consumer app
+
+1. Install: `npm i @cnt-dev/chat-ui`
+2. In the consumer's `ui5.yaml`, add the library to `framework.libraries`:
+
+   ```yaml
+   framework:
+     libraries:
+       - name: sap.ui.core
+       - name: chatui
+   ```
+
+3. In `manifest.json`:
+
+   ```json
+   "sap.ui5": {
+     "dependencies": {
+       "libs": { "chatui": {} }
+     }
+   }
+   ```
+
+4. Import and place:
+
+   ```ts
+   import ChatBox from "chatui/ChatBox";
+   const chat = new ChatBox({ width: "100%", height: "100%" });
+   chat.placeAt("content");
+   ```
+
+## Minimal end-to-end example
+
+```ts
+import ChatBox from "chatui/ChatBox";
+import type {
+    ChatBox$SendEvent,
+    ChatBox$ConversationDeleteEvent,
+    Conversation,
+    Message
+} from "chatui/ChatBox";
+
+let conversations: Conversation[] = loadFromStorage();
+
+const chat = new ChatBox({
+    height: "100%",
+    width: "100%",
+    send: async (e: ChatBox$SendEvent) => {
+        const message = e.getParameter("message") ?? "";
+        const files = (e.getParameter("files") as File[] | undefined) ?? [];
+        let id = e.getParameter("conversationId") ?? "";
+        if (!id) {
+            id = crypto.randomUUID();
+            chat.setActiveConversationId(id);
+        }
+        upsert(conversations, id, chat.getMessages());       // user turn saved
+        chat.setConversations(conversations);
+
+        chat.setBusy(true);
+        chat.addAssistantMessage("");                        // pending bubble
+        for await (const chunk of stream(message, files, chat.getMessages())) {
+            chat.appendToLastAssistantMessage(chunk);
+        }
+        chat.setBusy(false);
+
+        upsert(conversations, id, chat.getMessages());       // assistant turn saved
+        chat.setConversations(conversations);
+    },
+    newChat: () => backend.resetSession(),
+    conversationDelete: (e: ChatBox$ConversationDeleteEvent) => {
+        const id = e.getParameter("id") ?? "";
+        conversations = conversations.filter(c => c.id !== id);
+        chat.setConversations(conversations);
+        if (chat.getActiveConversationId() === id) {
+            chat.setActiveConversationId(conversations[0]?.id ?? "");
+        }
+    }
+});
+
+chat.setConversations(conversations);                        // library picks the first
+chat.placeAt("content");
+```
+
+## API cheat sheet
+
+### Properties
+
+| Property                | Type                  | Purpose                                                |
+|-------------------------|-----------------------|--------------------------------------------------------|
+| `placeholder`           | `string`              | Textarea placeholder (empty → i18n default)            |
+| `busy`                  | `boolean`             | Disables input while the assistant is streaming        |
+| `width` / `height`      | `sap.ui.core.CSSSize` | Fill parent by default (`"100%"`)                      |
+| `allowAttachments`      | `boolean`             | Hides paperclip + drop-zone when `false`               |
+| `attachmentAccept`      | `string`              | Passed as `<input type="file" accept="…">`             |
+| `conversations`         | `Conversation[]`      | Sidebar entries (owned by consumer, library only shows)|
+| `activeConversationId`  | `string`              | Currently shown conversation; `""` = new-chat draft    |
+
+### Events
+
+- **`send({message, files, conversationId})`** — user submitted. When
+  `conversationId === ""` the consumer allocates a fresh id and calls
+  `setActiveConversationId(newId)` + `setConversations(...)`.
+- **`newChat`** — the "+ Neue Konversation" button was clicked. Transcript
+  and `activeConversationId` are already reset when this fires. Reset any
+  server-side session state here.
+- **`conversationSelect({id})`** — sidebar entry picked (library already
+  switched the transcript view).
+- **`conversationDelete({id})`** — sidebar × clicked. The library does
+  **not** mutate `conversations` itself — remove the entry from your store
+  and push back via `setConversations`.
+
+### Methods
+
+| Method                                | Purpose                                                                    |
+|---------------------------------------|----------------------------------------------------------------------------|
+| `addAssistantMessage(text)`           | Append assistant bubble; empty text = pending animation                    |
+| `appendToLastAssistantMessage(chunk)` | Stream chunk into the last assistant bubble (opens a new one if needed)    |
+| `addAssistantControl(control)`        | Attach any UI5 control (VizFrame, Card, …) as its own assistant bubble     |
+| `clear()`                             | Clear the transcript; does **not** fire `newChat`                          |
+| `getMessages()` / `setMessages(msgs)` | Snapshot / replace transcript of the currently active conversation         |
+| `getConversations()` / `setConversations(convs)` | Snapshot / replace sidebar list                                 |
+| `getActiveConversationId()` / `setActiveConversationId(id)` | Switch view; `""` = new-chat draft                     |
+
+### Types (re-exported from `chatui/ChatBox`)
+
+```ts
+interface Message {
+    role: "user" | "assistant";
+    content: string;
+    files?: File[];
+    control?: sap.ui.core.Control;   // rich-content bubble
+}
+
+interface Conversation {
+    id: string;                       // required, stable
+    title?: string;                   // fallback: first user message, truncated
+    messages?: ReadonlyArray<Message>;
+    updatedAt?: number | string | Date;
+}
+```
+
+## Things to get right
+
+- **`getMessages()` returns a snapshot** — do not mutate the array or the
+  entries. If you need to change the transcript, use `setMessages` or
+  `clear`.
+- **Never insert the same control twice via `addAssistantControl`.** The
+  library owns the lifecycle from that call — the control is destroyed on
+  `clear`, `setMessages`, `newChat`, or ChatBox destroy.
+- **On send with empty `conversationId`**: allocate the id *before* the
+  first `addAssistantMessage("")`, and call `setActiveConversationId(id)`
+  so the assistant chunks land in the right conversation.
+- **Persistence: `File` and `sap.ui.core.Control` don't survive a JSON
+  round-trip.** Serialise only `role` + `content` (+ optional file names)
+  for storage; rich content must be re-attached at runtime.
+- **The library never touches your storage or the network.** No `fetch`,
+  no `localStorage`, no session state.
+
+## What is **not** in this library
+
+- Backend/API calls, auth, session, retry
+- Streaming transport (`fetch`/SSE) — the library only offers the
+  streaming API (`appendToLastAssistantMessage`)
+- File-upload transport — files are collected and handed to `send`, the
+  consumer decides how they go to the backend
+- Storage — `getMessages` / `setMessages` and `getConversations` /
+  `setConversations` bound the roundtrip
+- `sap.m` / `sap.viz` dependencies — rich content is injected via
+  `addAssistantControl`; the library depends only on `sap.ui.core`
+
+## Themes
+
+Ships with `sap_fiori_3`, `sap_fiori_3_dark`, `sap_fiori_3_hcw`,
+`sap_fiori_3_hcb`. CSS is built from UI5 theme parameters, so switching
+themes at runtime just works.
+
+## i18n
+
+Default bundle is German (`chatbox.*` keys). English is included as
+`_en`. Add your own bundle by convention or override individual keys via
+the consumer's own `sap.ui.core.ResourceModel`.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 CONET
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,303 @@
+# @cnt-dev/chat-ui
+
+Eine schlanke, einbettbare **UI5-Chat-Library** mit genau einer Kontrolle:
+`chatui.ChatBox`. Die Library ist bewusst **transport-agnostisch** —
+sie kennt kein Backend, keine Session, keine Auth. Sie feuert `send` und
+erwartet, dass die einbettende App die Antwort per API zurückschiebt.
+
+- **Zero-Deps außer `sap.ui.core`** (kein `sap.m`, kein `sap.viz`).
+- **Streaming-fähig** via Chunk-API.
+- **Konversations-Sidebar, File-Uploads, Rich Content, Editing, Copy** out of the box.
+- **npm-Name:** `@cnt-dev/chat-ui` — UI5-Namespace / Modulpfad: `chatui` / `chatui/…`.
+
+## Feature-Übersicht
+
+| Feature                        | API                                                      |
+|--------------------------------|----------------------------------------------------------|
+| Text-Nachricht senden          | `send`-Event → `{message, files, conversationId}`        |
+| Streaming-Antwort              | `addAssistantMessage("")` + `appendToLastAssistantMessage(chunk)` |
+| Markdown-Rendering             | automatisch bei Assistant-Text                           |
+| Copy-to-Clipboard              | Hover-Action pro Assistant-Bubble                        |
+| Datei-/Bild-Uploads            | Paperclip-Button + Drag&Drop → `files: File[]` im `send` |
+| Nachrichten-Bearbeitung        | Edit-Action pro User-Bubble, truncated + refire `send`   |
+| Rich Content (Chart, Card, …)  | `addAssistantControl(control)`                           |
+| Konversations-Sidebar          | `conversations`-Property + `conversationSelect` / `conversationDelete`-Events |
+| Restore aus Persistenz         | `setConversations()` / `getConversations()` (und `setMessages` / `getMessages` pro Konversation) |
+| Neue Konversation              | Header-Button „+ Neue Konversation" → `newChat`-Event    |
+| i18n                           | DE (default) + EN (`chatbox.*`-Keys)                     |
+| Themes                         | `sap_fiori_3`, `_dark`, `_hcw`, `_hcb`                   |
+
+## Installation
+
+```bash
+npm i @cnt-dev/chat-ui
+```
+
+In der Consumer-`ui5.yaml`:
+
+```yaml
+framework:
+  libraries:
+    - name: sap.ui.core
+    - name: chatui
+```
+
+In `manifest.json`:
+
+```json
+"sap.ui5": {
+  "dependencies": {
+    "libs": {
+      "chatui": {}
+    }
+  }
+}
+```
+
+Bei nicht-UI5-tooling-Bootstraps ggf. Ressourcen-Root explizit setzen:
+
+```html
+<script id="sap-ui-bootstrap"
+        src="…/sap-ui-core.js"
+        data-sap-ui-libs="chatui"
+        data-sap-ui-resourceroots='{"chatui": "node_modules/@cnt-dev/chat-ui/resources/chatui"}'>
+</script>
+```
+
+## Schnellstart
+
+```ts
+import ChatBox from "chatui/ChatBox";
+import type {
+    ChatBox$SendEvent,
+    ChatBox$ConversationDeleteEvent,
+    Conversation
+} from "chatui/ChatBox";
+
+let conversations: Conversation[] = loadFromStorage();
+
+const chat = new ChatBox({
+    width: "100%",
+    height: "100%",
+    send: async (e: ChatBox$SendEvent) => {
+        const message = e.getParameter("message") ?? "";
+        const files = (e.getParameter("files") as File[] | undefined) ?? [];
+        let id = e.getParameter("conversationId") ?? "";
+        if (!id) {                                      // neue Konversation
+            id = crypto.randomUUID();
+            chat.setActiveConversationId(id);
+        }
+        upsert(conversations, id, chat.getMessages());
+        chat.setConversations(conversations);
+
+        chat.setBusy(true);
+        chat.addAssistantMessage("");                   // pending bubble
+        for await (const chunk of streamFromBackend(message, files, chat.getMessages())) {
+            chat.appendToLastAssistantMessage(chunk);
+        }
+        chat.setBusy(false);
+
+        upsert(conversations, id, chat.getMessages());
+        chat.setConversations(conversations);
+    },
+    newChat: () => backend.resetSession(),
+    conversationDelete: (e: ChatBox$ConversationDeleteEvent) => {
+        const id = e.getParameter("id") ?? "";
+        conversations = conversations.filter(c => c.id !== id);
+        chat.setConversations(conversations);
+        if (chat.getActiveConversationId() === id) {
+            chat.setActiveConversationId(conversations[0]?.id ?? "");
+        }
+    }
+});
+chat.setConversations(conversations);                    // Library wählt automatisch die erste
+chat.placeAt("content");
+```
+
+## Public API
+
+### Properties
+
+| Name                    | Typ                    | Default | Zweck |
+|-------------------------|------------------------|---------|-------|
+| `placeholder`           | `string`               | `""`    | Platzhaltertext (leer → i18n-Default) |
+| `busy`                  | `boolean`              | `false` | Deaktiviert Input, Buttons, Edit |
+| `width`                 | `sap.ui.core.CSSSize`  | `100%`  | Passt sich Parent an |
+| `height`                | `sap.ui.core.CSSSize`  | `100%`  | Passt sich Parent an |
+| `allowAttachments`      | `boolean`              | `true`  | Blendet Paperclip + Drop-Zone aus, wenn `false` |
+| `attachmentAccept`      | `string`               | `""`    | 1:1 an `<input type="file" accept="…">` (z.B. `"image/*"`) |
+| `conversations`         | `Conversation[]`       | `[]`    | Sidebar-Einträge (vom Consumer gehalten) |
+| `activeConversationId`  | `string`               | `""`    | Aktive Konversation. `""` = neuer Chat-Draft |
+
+### Events
+
+- **`send({message, files, conversationId})`**
+  User hat einen Prompt und/oder Anhänge abgeschickt. `conversationId`
+  ist die aktive Id oder `""` bei einem neuen Chat — dann vergibt der
+  Consumer eine frische Id und pusht eine aktualisierte Liste zurück.
+- **`newChat`**
+  User hat „+ Neue Konversation" oben rechts gedrückt. Transcript und
+  `activeConversationId` sind bereits zurückgesetzt; Handler räumt
+  serverseitige Session-States auf.
+- **`conversationSelect({id})`**
+  User hat eine Konversation in der Sidebar angeklickt. Die Library hat
+  die Ansicht bereits umgeschaltet.
+- **`conversationDelete({id})`**
+  User hat auf das × einer Konversation geklickt. Die Library mutiert
+  `conversations` **nicht** selbst — der Consumer entfernt den Eintrag
+  aus seinem Store und pusht via `setConversations` zurück.
+
+### Methoden
+
+- `addAssistantMessage(text: string): this`
+  Hängt eine Assistant-Text-Bubble an. Leerer Text = „pending"-Bubble mit
+  Animation.
+- `appendToLastAssistantMessage(chunk: string): this`
+  Streaming: hängt Token an die letzte Assistant-Text-Bubble.
+- `addAssistantControl(control: sap.ui.core.Control): this`
+  Hängt ein beliebiges UI5-Control als eigene Assistant-Bubble an. Die
+  Library übernimmt den Lifecycle — Control wird bei `clear()`,
+  `newChat`, `setMessages()` oder ChatBox-Destroy mit `destroy()`
+  aufgeräumt.
+- `clear(): this`
+  Leert Transcript **ohne** `newChat`-Event zu feuern.
+- `getMessages()` / `setMessages(msgs)`
+  Snapshot / Ersetzen des Transcripts der aktiven Konversation. Control-
+  Refs werden von `setMessages` bewusst **nicht** übernommen.
+- `getConversations()` / `setConversations(convs)`
+  Snapshot / Ersetzen der Sidebar-Liste. Beim ersten Setzen mit non-empty
+  Array wird automatisch die erste Konversation aktiv und deren
+  `messages` in den Transcript geladen.
+- `getActiveConversationId()` / `setActiveConversationId(id)`
+  Programmatischer Wechsel. Unbekannte Id (inkl. `""`) → Transcript
+  geleert (neuer-Chat-Draft-State).
+
+### Message- und Conversation-Struktur (exportiert)
+
+```ts
+interface Message {
+    role: "user" | "assistant";
+    content: string;
+    files?: File[];
+    control?: sap.ui.core.Control;
+}
+
+interface Conversation {
+    id: string;
+    title?: string;                       // fallback: erste User-Message
+    messages?: ReadonlyArray<Message>;
+    updatedAt?: number | string | Date;   // heute → HH:MM, gestern, Wochentag, Datum
+}
+```
+
+## Consumer-Muster
+
+### Persistenz per `localStorage`
+
+```ts
+interface Stored { id: string; title?: string; updatedAt?: number;
+                    messages: { role: "user"|"assistant"; content: string }[]; }
+
+function load(): Stored[] { try { return JSON.parse(localStorage.getItem("chats") ?? "[]"); } catch { return []; } }
+function save(c: Stored[]) { localStorage.setItem("chats", JSON.stringify(c)); }
+
+const stored = load();
+chat.setConversations(stored);       // Library wählt automatisch die erste
+```
+
+### Rich Content (Chart als Assistant-Bubble)
+
+```ts
+import VizFrame from "sap/viz/ui5/controls/VizFrame";
+
+// Die Deps für VizFrame liegen in der Consumer-App, nicht in der Library.
+const chart = new VizFrame({ vizType: "column", /* bindings … */ });
+chat.addAssistantControl(chart);
+```
+
+### App-Kontext ans Backend mitschicken
+
+Die Library reicht Kontext bewusst **nicht** durch — jede App kennt ihren
+Kontext selbst und packt ihn ins Request-Payload:
+
+```ts
+send: async (e) => {
+    const message = e.getParameter("message");
+    const files = e.getParameter("files") as File[];
+    const context = {
+        route: window.location.hash,
+        selection: model.getProperty("/selection"),
+        clAudeMd: await fetch("./CLAUDE.md").then(r => r.text()),
+    };
+    const reply = await backend.chat({ message, files, context });
+    // …
+}
+```
+
+## Design-Grenzen (bewusst außerhalb)
+
+- **Kein Backend-Wissen**. Auth, Session, Transport, Retry — alles
+  Consumer.
+- **Kein Streaming über `fetch`/SSE**. Die Library bietet nur die
+  Streaming-**API** (`appendToLastAssistantMessage`); die Netzwerk-Schicht
+  bringt der Consumer mit.
+- **Kein Upload-Transport**. Files werden gesammelt und im `send`-Event
+  durchgereicht — wie sie zum Backend gehen, entscheidet der Consumer
+  (multipart, base64, S3-presigned, …).
+- **Kein Storage**. `getMessages` / `setMessages` bilden den Roundtrip,
+  Storage bringt der Consumer.
+- **Keine `sap.m`- / `sap.viz`-Dependencies**. Rich Content wird per
+  `addAssistantControl` reingereicht; die Library kennt weiterhin nur
+  `sap.ui.core.Control`.
+
+## Entwicklung
+
+```bash
+npm run build-interface   # regeneriert ChatBox.gen.d.ts aus dem Control-Code
+npm run ts-typecheck      # tsc --noEmit
+npm run lint              # eslint
+npm test                  # karma + qunit, headless Chrome
+npm start                 # startet fiori run mit test/ChatBox.html
+npm run build-app         # ui5 build → dist/
+```
+
+Nach Änderungen an Properties/Events/Aggregations in `ChatBox.ts` muss
+`build-interface` laufen, damit die `.gen.d.ts`-Metadata nicht driftet.
+
+## Publish auf npm
+
+Die Root-`package.json` ist `private: true` und trägt nur die Dev-
+Metadaten. Publiziert wird ausschließlich der Build-Output unter `dist/`
+mit einer generierten, schlanken `package.json`, so dass der Consumer
+`node_modules/@cnt-dev/chat-ui/resources/chatui/…` direkt vorfindet.
+
+```bash
+npm run pack-dist         # baut + prepped + erzeugt einen Tarball zum Prüfen
+npm run publish-dist      # baut + prepped + npm publish ./dist (npm login vorausgesetzt)
+```
+
+`scripts/prepare-publish.mjs` schreibt `dist/package.json`, `dist/ui5.yaml`
+und kopiert `README.md`, `LICENSE`, `AGENTS.md` in `dist/` hinein.
+Version anheben (`npm version patch|minor|major`) vor dem Publish.
+
+## Verzeichnisstruktur
+
+```
+chatui/
+├── src/chatui/
+│   ├── ChatBox.ts               # Hauptkontrolle (inline renderer)
+│   ├── ChatBox.gen.d.ts         # generierte Interface-Deklaration
+│   ├── markdown.ts              # kleiner Markdown→HTML-Konverter
+│   ├── library.ts               # Lib.init() — registriert ChatBox
+│   ├── .library                 # Library-Metadaten
+│   ├── messagebundle*.properties # i18n (DE default, EN)
+│   └── themes/…                 # sap_fiori_3(_dark|_hcw|_hcb)
+├── test/chatui/
+│   ├── ChatBox.html             # `npm start`-Einstiegspunkt
+│   ├── ChatBox.ts               # dummy Send-Handler (Echo-Stream)
+│   └── qunit/*.qunit.ts         # Unit-Tests
+└── ui5.yaml, tsconfig.json, package.json, karma.conf.js
+```
+
+Ausführliche interne Hintergründe (Design-Entscheidungen, ESLint-Ausnahmen,
+Referenzmaterial) stehen in [`../CLAUDE.md`](../CLAUDE.md).

package/index.d.ts

@@ -0,0 +1,23 @@
+// Generated with TypeScript 5.9.3 / SAPUI5 1.136.0 using:
+//   - mdurl@2.1.0
+//   - linkify-it@5.0.2
+//   - typescript@5.9.3
+//   - string_decoder@1.1.1
+//   - punycode@1.4.1
+//   - undici-types@8.3.0
+//   - @types/ws@8.18.1
+//   - @types/three@0.125.3
+//   - @types/sizzle@2.3.10
+//   - @types/qunit@2.5.4
+//   - @types/offscreencanvas@2019.6.4
+//   - @types/normalize-package-data@2.4.4
+//   - @types/node@26.1.1
+//   - @types/mdurl@2.0.0
+//   - @types/markdown-it@14.2.0
+//   - @types/linkify-it@5.0.0
+//   - @types/jquery@3.5.13
+//   - @types/cors@2.8.19
+/// <reference path="./resources/chatui/library.d.ts"/>
+/// <reference path="./resources/chatui/ChatBox.gen.d.ts"/>
+/// <reference path="./resources/chatui/ChatBox.d.ts"/>
+/// <reference path="./resources/chatui/markdown.d.ts"/>

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@cnt-dev/chat-ui",
+  "version": "0.1.0",
+  "description": "Embeddable AI chat UI control for UI5 applications — sidebar-based conversations, streaming answers, file attachments, rich UI5-control bubbles.",
+  "keywords": [
+    "ui5",
+    "openui5",
+    "sapui5",
+    "chat",
+    "ai",
+    "assistant",
+    "chatbot",
+    "conet"
+  ],
+  "author": "CONET",
+  "license": "MIT",
+  "main": "resources/chatui/library.js",
+  "types": "index.d.ts",
+  "files": [
+    "resources",
+    "index.d.ts",
+    "ui5.yaml",
+    "AGENTS.md",
+    "LICENSE",
+    "README.md"
+  ],
+  "sideEffects": [
+    "resources/chatui/library.js",
+    "resources/chatui/library-preload.js",
+    "resources/**/*.css"
+  ],
+  "ui5": {
+    "type": "library",
+    "metadata": {
+      "name": "chatui"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/resources/chatui/.library

@@ -0,0 +1,14 @@
+<?xml version="1.0" ?>
+<library xmlns="http://www.sap.com/sap.ui.library.xsd">
+	<name>chatui</name>
+	<vendor>CONET</vendor>
+	<version>0.1.0</version>
+	<copyright>${copyright}</copyright>
+	<title>chatui</title>
+	<documentation>Embeddable AI chat UI control for UI5 applications.</documentation>
+	<dependencies>
+		<dependency>
+			<libraryName>sap.ui.core</libraryName>
+		</dependency>
+	</dependencies>
+</library>