@alexkroman1/aai-cli 5.2.0 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -793,13 +793,32 @@ Available from `@alexkroman1/aai-ui`:
793
793
 
794
794
  | Component | Props | Description |
795
795
  | --- | --- | --- |
796
- | `StartScreen` | `children, icon?, title?, subtitle?, buttonText?` | Centered start card; renders children after start |
796
+ | `StartScreen` | `children` (**required**)`, icon?, title?, subtitle?, buttonText?` | **Wrapper, never self-closing.** Shows the start card, then renders `children` your whole app — once the session starts |
797
797
  | `ChatView` | `icon?, title?` | Chat interface (header + messages + controls) |
798
798
  | `SidebarLayout` | `sidebar, children, sidebarWidth?, sidebarPosition?` | Two-column layout |
799
799
  | `MessageList` | — | Messages with auto-scroll, tool calls, transcript |
800
800
  | `Controls` | — | Stop/Resume + New Conversation buttons |
801
801
  | `Button` | — | Styled button |
802
802
 
803
+ The usual shape — note `StartScreen` **wraps** the app rather than sitting
804
+ beside it; writing `<StartScreen ... />` self-closing is a `TS2741:
805
+ Property 'children' is missing` build error:
806
+
807
+ ```tsx
808
+ import "@alexkroman1/aai-ui/styles.css";
809
+ import { ChatView, client, StartScreen } from "@alexkroman1/aai-ui";
810
+
811
+ function PizzaApp() {
812
+ return (
813
+ <StartScreen title="Pizza Palace" subtitle="Voice-powered ordering">
814
+ <ChatView />
815
+ </StartScreen>
816
+ );
817
+ }
818
+
819
+ client({ component: PizzaApp });
820
+ ```
821
+
803
822
  ## Styling
804
823
 
805
824
  - **Tailwind CSS v4** — compiled at bundle time, configured via CSS.
@@ -11,15 +11,15 @@
11
11
  "deploy": "aai deploy"
12
12
  },
13
13
  "dependencies": {
14
- "@alexkroman1/aai": "^5.2.0",
15
- "@alexkroman1/aai-ui": "^5.2.0",
14
+ "@alexkroman1/aai": "^5.3.0",
15
+ "@alexkroman1/aai-ui": "^5.3.0",
16
16
  "react": "^19.2.8",
17
17
  "react-dom": "^19.2.8",
18
18
  "tailwindcss": "^4.0.0",
19
19
  "zod": "^4.4.3"
20
20
  },
21
21
  "devDependencies": {
22
- "@alexkroman1/aai-cli": "^5.2.0",
22
+ "@alexkroman1/aai-cli": "^5.3.0",
23
23
  "@tailwindcss/vite": "^4.3.3",
24
24
  "@types/node": "^26.1.1",
25
25
  "@types/react": "^19.2.17",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alexkroman1/aai-cli",
3
- "version": "5.2.0",
3
+ "version": "5.3.0",
4
4
  "type": "module",
5
5
  "bin": {
6
6
  "aai": "dist/cli.mjs"
@@ -37,8 +37,8 @@
37
37
  "p-timeout": "^7.0.1",
38
38
  "vite": "^8.1.5",
39
39
  "zod": "^4.4.3",
40
- "@alexkroman1/aai-ui": "5.2.0",
41
- "@alexkroman1/aai": "5.2.0"
40
+ "@alexkroman1/aai": "5.3.0",
41
+ "@alexkroman1/aai-ui": "5.3.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "playwright": "^1.61.1",