@assistant-ui/react 0.4.3 → 0.4.4
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.
- package/dist/edge.js +111 -115
- package/dist/edge.js.map +1 -1
- package/dist/edge.mjs +111 -115
- package/dist/edge.mjs.map +1 -1
- package/dist/index.d.mts +66 -58
- package/dist/index.d.ts +66 -58
- package/dist/index.js +480 -245
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +477 -246
- package/dist/index.mjs.map +1 -1
- package/dist/styles/index.css +155 -155
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/modal.css +22 -22
- package/dist/styles/modal.css.map +1 -1
- package/dist/styles/tailwindcss/base-components.css +11 -11
- package/dist/styles/tailwindcss/modal.css +5 -5
- package/dist/styles/tailwindcss/thread.css +35 -35
- package/package.json +3 -3
|
@@ -1,159 +1,159 @@
|
|
|
1
1
|
/* thread */
|
|
2
|
-
.aui-
|
|
2
|
+
.aui-thread-root {
|
|
3
3
|
@apply bg-aui-background box-border h-full;
|
|
4
4
|
@apply [&>.aui-thread-viewport]:bg-inherit;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.aui-
|
|
7
|
+
.aui-thread-viewport {
|
|
8
8
|
@apply bg-aui-background flex h-full flex-col items-center overflow-y-scroll scroll-smooth px-4 pt-8;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.aui-
|
|
11
|
+
.aui-thread-viewport-footer {
|
|
12
12
|
@apply sticky bottom-0 mt-4 flex w-full max-w-2xl flex-grow flex-col items-center justify-end rounded-t-lg bg-inherit pb-4;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.aui-
|
|
15
|
+
.aui-thread-scroll-to-bottom {
|
|
16
16
|
@apply absolute -top-8 rounded-full disabled:invisible;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
/* thread welcome */
|
|
20
20
|
|
|
21
|
-
.aui-
|
|
21
|
+
.aui-thread-welcome-root {
|
|
22
22
|
@apply flex w-full max-w-2xl flex-grow basis-full flex-col;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.aui-
|
|
25
|
+
.aui-thread-welcome-center {
|
|
26
26
|
@apply flex w-full flex-grow flex-col items-center justify-center;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.aui-
|
|
29
|
+
.aui-thread-welcome-message {
|
|
30
30
|
@apply mt-4 font-medium;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.aui-
|
|
33
|
+
.aui-thread-welcome-suggestion-container {
|
|
34
34
|
@apply mt-4 flex w-full items-stretch justify-center gap-4;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.aui-
|
|
37
|
+
.aui-thread-welcome-suggestion {
|
|
38
38
|
@apply flex max-w-sm grow basis-0 flex-col items-center justify-center rounded-lg border px-3 py-3;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.aui-
|
|
41
|
+
.aui-thread-welcome-suggestion-text {
|
|
42
42
|
@apply line-clamp-2 text-ellipsis text-sm font-semibold;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
/* composer */
|
|
46
46
|
|
|
47
|
-
.aui-
|
|
47
|
+
.aui-composer-root {
|
|
48
48
|
@apply relative flex w-full items-end rounded-lg border transition-shadow focus-within:shadow-sm;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.aui-
|
|
51
|
+
.aui-composer-input {
|
|
52
52
|
@apply placeholder:text-aui-muted-foreground size-full max-h-40 resize-none bg-transparent p-4 pr-12 text-sm outline-none;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.aui-
|
|
56
|
-
.aui-
|
|
55
|
+
.aui-composer-send,
|
|
56
|
+
.aui-composer-cancel {
|
|
57
57
|
@apply absolute bottom-0 right-0 m-2.5 size-8 p-2 transition-opacity;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
/* user message */
|
|
61
61
|
|
|
62
|
-
.aui-
|
|
62
|
+
.aui-user-message-root {
|
|
63
63
|
@apply grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&>*]:col-start-2;
|
|
64
64
|
@apply w-full max-w-2xl py-4;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
.aui-
|
|
67
|
+
:where(.aui-user-message-root) > .aui-user-action-bar-root {
|
|
68
68
|
@apply col-start-1 mr-3 mt-2.5;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.aui-
|
|
71
|
+
:where(.aui-user-message-root) > .aui-user-message-content {
|
|
72
72
|
@apply col-start-2 row-start-1;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.aui-
|
|
75
|
+
:where(.aui-user-message-root) > .aui-branch-picker-root {
|
|
76
76
|
@apply col-span-full col-start-1 row-start-2;
|
|
77
77
|
@apply -mr-1 justify-end;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.aui-
|
|
80
|
+
.aui-user-message-content {
|
|
81
81
|
@apply bg-aui-muted text-aui-foreground max-w-xl break-words rounded-3xl px-5 py-2.5;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
/* thread action bar */
|
|
85
85
|
|
|
86
|
-
.aui-
|
|
86
|
+
.aui-user-action-bar-root {
|
|
87
87
|
@apply flex flex-col items-end;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.aui-
|
|
90
|
+
.aui-edit-composer-root {
|
|
91
91
|
@apply bg-aui-muted my-4 flex w-full max-w-2xl flex-col gap-2 rounded-xl;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
.aui-
|
|
94
|
+
.aui-edit-composer-input {
|
|
95
95
|
@apply text-aui-foreground flex h-8 w-full resize-none bg-transparent p-4 pb-0 outline-none;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.aui-
|
|
98
|
+
.aui-edit-composer-footer {
|
|
99
99
|
@apply mx-3 mb-3 flex items-center justify-center gap-2 self-end;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
/* assistant message */
|
|
103
103
|
|
|
104
|
-
.aui-
|
|
104
|
+
.aui-assistant-message-root {
|
|
105
105
|
@apply grid grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr];
|
|
106
106
|
@apply relative w-full max-w-2xl py-4;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.aui-
|
|
109
|
+
:where(.aui-assistant-message-root) > .aui-avatar-root {
|
|
110
110
|
@apply col-start-1 row-span-full row-start-1 mr-4;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.aui-
|
|
113
|
+
:where(.aui-assistant-message-root) > .aui-branch-picker-root {
|
|
114
114
|
@apply col-start-2 row-start-2;
|
|
115
115
|
@apply -ml-2 mr-2;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.aui-
|
|
118
|
+
:where(.aui-assistant-message-root) > .aui-assistant-action-bar-root {
|
|
119
119
|
@apply col-start-3 row-start-2;
|
|
120
120
|
@apply -ml-1;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
.aui-
|
|
123
|
+
:where(.aui-assistant-message-root) > .aui-assistant-message-content {
|
|
124
124
|
@apply col-span-2 col-start-2 row-start-1 my-1.5;
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
.aui-
|
|
127
|
+
.aui-assistant-message-content {
|
|
128
128
|
@apply text-aui-foreground max-w-xl break-words leading-7;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
/* assistant action bar */
|
|
132
132
|
|
|
133
|
-
.aui-
|
|
133
|
+
.aui-assistant-action-bar-root {
|
|
134
134
|
@apply text-aui-muted-foreground flex gap-1;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
.aui-
|
|
137
|
+
:where(.aui-assistant-action-bar-root)[data-floating] {
|
|
138
138
|
@apply bg-aui-background absolute rounded-md border p-1 shadow-sm;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
/* branch picker */
|
|
142
142
|
|
|
143
|
-
.aui-
|
|
143
|
+
.aui-branch-picker-root {
|
|
144
144
|
@apply text-aui-muted-foreground inline-flex items-center text-xs;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
.aui-
|
|
147
|
+
.aui-branch-picker-state {
|
|
148
148
|
@apply font-medium;
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
/* text */
|
|
152
152
|
|
|
153
|
-
.aui-
|
|
153
|
+
.aui-text {
|
|
154
154
|
@apply whitespace-pre-line;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.aui-
|
|
157
|
+
.aui-text-in-progress::after {
|
|
158
158
|
@apply animate-pulse font-sans content-['\25CF'] ltr:ml-1 rtl:mr-1;
|
|
159
159
|
}
|
package/package.json
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"conversational-ui",
|
|
30
30
|
"conversational-ai"
|
|
31
31
|
],
|
|
32
|
-
"version": "0.4.
|
|
32
|
+
"version": "0.4.4",
|
|
33
33
|
"license": "MIT",
|
|
34
34
|
"exports": {
|
|
35
35
|
".": {
|
|
@@ -127,8 +127,8 @@
|
|
|
127
127
|
"tailwindcss-animate": "^1.0.7",
|
|
128
128
|
"tsup": "^8.1.0",
|
|
129
129
|
"tsx": "^4.16.2",
|
|
130
|
-
"@assistant-ui/
|
|
131
|
-
"@assistant-ui/
|
|
130
|
+
"@assistant-ui/tailwindcss-transformer": "0.1.0",
|
|
131
|
+
"@assistant-ui/tsconfig": "0.0.0"
|
|
132
132
|
},
|
|
133
133
|
"publishConfig": {
|
|
134
134
|
"access": "public",
|