@alia.onl/sdk 5.0.0 → 7.0.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.
- package/CHANGELOG.md +80 -0
- package/LICENSE +202 -0
- package/NOTICE +15 -0
- package/package.json +4 -2
- package/src/components/AliaChatContent.tsx +3 -3
- package/src/components/AliaChatScreen.tsx +3 -3
- package/src/components/AliaChatSheet.tsx +3 -3
- package/src/components/AliaWelcomeMessage.tsx +2 -2
- package/src/components/{AliaMark.tsx → IdentityMark.tsx} +61 -19
- package/src/components/Markdown.tsx +31 -6
- package/src/components/ThinkingIndicator.tsx +2 -2
- package/src/components/ui/button.tsx +2 -2
- package/src/components/ui/chat-text-input.tsx +27 -11
- package/src/components/ui/prompt-input/textarea.tsx +19 -3
- package/src/hooks/useAliaChat.ts +50 -3
- package/src/hooks/useTTS.ts +87 -34
- package/src/hooks/useVoiceRoom.ts +26 -2
- package/src/index.ts +15 -2
- package/src/lib/catalogue.ts +209 -0
- package/src/lib/config.ts +38 -0
- package/src/lib/tool-registry.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,85 @@
|
|
|
1
1
|
# @alia.onl/sdk
|
|
2
2
|
|
|
3
|
+
## 7.0.0
|
|
4
|
+
|
|
5
|
+
### `AliaMark` is now `IdentityMark`
|
|
6
|
+
|
|
7
|
+
**Breaking, and a rename with no alias behind it.** `AliaMark`,
|
|
8
|
+
`AliaMarkProps` and `AliaMarkState` are gone; the exports are `IdentityMark`,
|
|
9
|
+
`IdentityMarkProps` and `IdentityMarkState`. The artwork, the animation states,
|
|
10
|
+
the props and the defaults are unchanged, so upgrading is the rename and
|
|
11
|
+
nothing else.
|
|
12
|
+
|
|
13
|
+
The old name said the mark belonged to Alia. It does not: the same component
|
|
14
|
+
draws every AGENT in Alia too, differing only in the colour it is handed, and
|
|
15
|
+
an agent's Oxy account carries no avatar image at all — so this is the whole of
|
|
16
|
+
an agent's likeness. A second component had been copied out of this one for
|
|
17
|
+
that job, with the artwork duplicated and a tinted disc behind it. Two
|
|
18
|
+
components drawing one thing is how they drift, and the disc was never wanted.
|
|
19
|
+
Both are now this one, and where a face would otherwise go it is the SIZE that
|
|
20
|
+
adapts, never a background.
|
|
21
|
+
|
|
22
|
+
### The mark is only a button when you give it `onPress`
|
|
23
|
+
|
|
24
|
+
Without `onPress` it renders as a plain view rather than a `Pressable`. It had
|
|
25
|
+
always mounted one, to carry a spin-and-haptics flourish on tap, and a
|
|
26
|
+
`Pressable` captures the touch whether or not the caller wanted a control —
|
|
27
|
+
which is what stops a row it sits inside from opening when you tap the face on
|
|
28
|
+
it. Passing `onPress` keeps the flourish exactly as before.
|
|
29
|
+
|
|
30
|
+
## 6.0.0
|
|
31
|
+
|
|
32
|
+
### Licence: this package now has one, and it is Apache-2.0
|
|
33
|
+
|
|
34
|
+
**Every version up to and including `5.1.0` was published with no `license`
|
|
35
|
+
field and no LICENSE file.** Under copyright law that is not permissive by
|
|
36
|
+
default, it is all rights reserved: nobody who installed this package had
|
|
37
|
+
permission to use, copy or modify it. At roughly ten thousand installs a week,
|
|
38
|
+
that was the most consequential thing wrong with this package, and it had
|
|
39
|
+
nothing to do with the code.
|
|
40
|
+
|
|
41
|
+
`6.0.0` is Apache-2.0. It ships a verbatim `LICENSE` and a `NOTICE`, and the
|
|
42
|
+
manifest declares `"license": "Apache-2.0"`, so automated policy checks in
|
|
43
|
+
consuming companies stop seeing an unlicensed dependency.
|
|
44
|
+
|
|
45
|
+
This is a pure widening: it grants rights where there were none. Nothing any
|
|
46
|
+
existing user is doing becomes non-compliant, and no code, API surface or
|
|
47
|
+
behaviour changed in this release.
|
|
48
|
+
|
|
49
|
+
Apache-2.0 rather than something else because this is a client SDK, the layer
|
|
50
|
+
Oxy licenses permissively on purpose: it is a dependency you either can or
|
|
51
|
+
cannot add, and one an engineer must be able to add without opening a legal
|
|
52
|
+
ticket.
|
|
53
|
+
|
|
54
|
+
The version is bumped to a major rather than the field being slipped into a
|
|
55
|
+
patch. A licence is part of what a package is, and the previous licence changes
|
|
56
|
+
in this ecosystem went out inside patch releases, which is how consumers ended
|
|
57
|
+
up on terms they never chose. Not repeating that is worth a major.
|
|
58
|
+
|
|
59
|
+
## 5.1.0
|
|
60
|
+
|
|
61
|
+
### Changed
|
|
62
|
+
|
|
63
|
+
- **The `@oxyhq/services` peer range now admits 24.x, 25.x and 26.x**
|
|
64
|
+
(`^23.0.1 || ^24.0.0 || ^25.0.0 || ^26.0.0`). An app on `@oxyhq/services@26`
|
|
65
|
+
previously got `warn: incorrect peer dependency` on every install, which reads
|
|
66
|
+
as a broken integration and is the reason this range is stated rather than
|
|
67
|
+
widened to `>=23.0.1`: each major in the union was audited, and a future one
|
|
68
|
+
will be too before it is added.
|
|
69
|
+
|
|
70
|
+
Nothing in this package changed, because nothing needed to. The whole surface
|
|
71
|
+
it consumes from `@oxyhq/services` is one import in four hooks — `useOxy`,
|
|
72
|
+
then `oxyServices.httpService.getAccessToken()` — and every link in that chain
|
|
73
|
+
is byte-identical across services 23.0.1 through 26.0.0 and the `@oxyhq/core`
|
|
74
|
+
13 through 17 those versions pull in. Services 24.0.0 and 25.0.0 were majors
|
|
75
|
+
solely because they raised their own `@oxyhq/core` range; 26.0.0 is the
|
|
76
|
+
RFC 6749 token endpoint, whose `HttpService` changes are confined to
|
|
77
|
+
`URLSearchParams` request encoding and an `error_description` error field.
|
|
78
|
+
|
|
79
|
+
This is a compatibility declaration, not a deduplication fix. `@oxyhq/services`
|
|
80
|
+
is a peer dependency here and always has been, so an unsatisfied range emitted
|
|
81
|
+
a warning but never nested a second copy — verified on a clean install.
|
|
82
|
+
|
|
3
83
|
## 5.0.0
|
|
4
84
|
|
|
5
85
|
### Breaking
|
package/LICENSE
ADDED
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
|
|
2
|
+
Apache License
|
|
3
|
+
Version 2.0, January 2004
|
|
4
|
+
http://www.apache.org/licenses/
|
|
5
|
+
|
|
6
|
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
7
|
+
|
|
8
|
+
1. Definitions.
|
|
9
|
+
|
|
10
|
+
"License" shall mean the terms and conditions for use, reproduction,
|
|
11
|
+
and distribution as defined by Sections 1 through 9 of this document.
|
|
12
|
+
|
|
13
|
+
"Licensor" shall mean the copyright owner or entity authorized by
|
|
14
|
+
the copyright owner that is granting the License.
|
|
15
|
+
|
|
16
|
+
"Legal Entity" shall mean the union of the acting entity and all
|
|
17
|
+
other entities that control, are controlled by, or are under common
|
|
18
|
+
control with that entity. For the purposes of this definition,
|
|
19
|
+
"control" means (i) the power, direct or indirect, to cause the
|
|
20
|
+
direction or management of such entity, whether by contract or
|
|
21
|
+
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
22
|
+
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
23
|
+
|
|
24
|
+
"You" (or "Your") shall mean an individual or Legal Entity
|
|
25
|
+
exercising permissions granted by this License.
|
|
26
|
+
|
|
27
|
+
"Source" form shall mean the preferred form for making modifications,
|
|
28
|
+
including but not limited to software source code, documentation
|
|
29
|
+
source, and configuration files.
|
|
30
|
+
|
|
31
|
+
"Object" form shall mean any form resulting from mechanical
|
|
32
|
+
transformation or translation of a Source form, including but
|
|
33
|
+
not limited to compiled object code, generated documentation,
|
|
34
|
+
and conversions to other media types.
|
|
35
|
+
|
|
36
|
+
"Work" shall mean the work of authorship, whether in Source or
|
|
37
|
+
Object form, made available under the License, as indicated by a
|
|
38
|
+
copyright notice that is included in or attached to the work
|
|
39
|
+
(an example is provided in the Appendix below).
|
|
40
|
+
|
|
41
|
+
"Derivative Works" shall mean any work, whether in Source or Object
|
|
42
|
+
form, that is based on (or derived from) the Work and for which the
|
|
43
|
+
editorial revisions, annotations, elaborations, or other modifications
|
|
44
|
+
represent, as a whole, an original work of authorship. For the purposes
|
|
45
|
+
of this License, Derivative Works shall not include works that remain
|
|
46
|
+
separable from, or merely link (or bind by name) to the interfaces of,
|
|
47
|
+
the Work and Derivative Works thereof.
|
|
48
|
+
|
|
49
|
+
"Contribution" shall mean any work of authorship, including
|
|
50
|
+
the original version of the Work and any modifications or additions
|
|
51
|
+
to that Work or Derivative Works thereof, that is intentionally
|
|
52
|
+
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
53
|
+
or by an individual or Legal Entity authorized to submit on behalf of
|
|
54
|
+
the copyright owner. For the purposes of this definition, "submitted"
|
|
55
|
+
means any form of electronic, verbal, or written communication sent
|
|
56
|
+
to the Licensor or its representatives, including but not limited to
|
|
57
|
+
communication on electronic mailing lists, source code control systems,
|
|
58
|
+
and issue tracking systems that are managed by, or on behalf of, the
|
|
59
|
+
Licensor for the purpose of discussing and improving the Work, but
|
|
60
|
+
excluding communication that is conspicuously marked or otherwise
|
|
61
|
+
designated in writing by the copyright owner as "Not a Contribution."
|
|
62
|
+
|
|
63
|
+
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
64
|
+
on behalf of whom a Contribution has been received by Licensor and
|
|
65
|
+
subsequently incorporated within the Work.
|
|
66
|
+
|
|
67
|
+
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
68
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
69
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
70
|
+
copyright license to reproduce, prepare Derivative Works of,
|
|
71
|
+
publicly display, publicly perform, sublicense, and distribute the
|
|
72
|
+
Work and such Derivative Works in Source or Object form.
|
|
73
|
+
|
|
74
|
+
3. Grant of Patent License. Subject to the terms and conditions of
|
|
75
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
76
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
77
|
+
(except as stated in this section) patent license to make, have made,
|
|
78
|
+
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
79
|
+
where such license applies only to those patent claims licensable
|
|
80
|
+
by such Contributor that are necessarily infringed by their
|
|
81
|
+
Contribution(s) alone or by combination of their Contribution(s)
|
|
82
|
+
with the Work to which such Contribution(s) was submitted. If You
|
|
83
|
+
institute patent litigation against any entity (including a
|
|
84
|
+
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
85
|
+
or a Contribution incorporated within the Work constitutes direct
|
|
86
|
+
or contributory patent infringement, then any patent licenses
|
|
87
|
+
granted to You under this License for that Work shall terminate
|
|
88
|
+
as of the date such litigation is filed.
|
|
89
|
+
|
|
90
|
+
4. Redistribution. You may reproduce and distribute copies of the
|
|
91
|
+
Work or Derivative Works thereof in any medium, with or without
|
|
92
|
+
modifications, and in Source or Object form, provided that You
|
|
93
|
+
meet the following conditions:
|
|
94
|
+
|
|
95
|
+
(a) You must give any other recipients of the Work or
|
|
96
|
+
Derivative Works a copy of this License; and
|
|
97
|
+
|
|
98
|
+
(b) You must cause any modified files to carry prominent notices
|
|
99
|
+
stating that You changed the files; and
|
|
100
|
+
|
|
101
|
+
(c) You must retain, in the Source form of any Derivative Works
|
|
102
|
+
that You distribute, all copyright, patent, trademark, and
|
|
103
|
+
attribution notices from the Source form of the Work,
|
|
104
|
+
excluding those notices that do not pertain to any part of
|
|
105
|
+
the Derivative Works; and
|
|
106
|
+
|
|
107
|
+
(d) If the Work includes a "NOTICE" text file as part of its
|
|
108
|
+
distribution, then any Derivative Works that You distribute must
|
|
109
|
+
include a readable copy of the attribution notices contained
|
|
110
|
+
within such NOTICE file, excluding those notices that do not
|
|
111
|
+
pertain to any part of the Derivative Works, in at least one
|
|
112
|
+
of the following places: within a NOTICE text file distributed
|
|
113
|
+
as part of the Derivative Works; within the Source form or
|
|
114
|
+
documentation, if provided along with the Derivative Works; or,
|
|
115
|
+
within a display generated by the Derivative Works, if and
|
|
116
|
+
wherever such third-party notices normally appear. The contents
|
|
117
|
+
of the NOTICE file are for informational purposes only and
|
|
118
|
+
do not modify the License. You may add Your own attribution
|
|
119
|
+
notices within Derivative Works that You distribute, alongside
|
|
120
|
+
or as an addendum to the NOTICE text from the Work, provided
|
|
121
|
+
that such additional attribution notices cannot be construed
|
|
122
|
+
as modifying the License.
|
|
123
|
+
|
|
124
|
+
You may add Your own copyright statement to Your modifications and
|
|
125
|
+
may provide additional or different license terms and conditions
|
|
126
|
+
for use, reproduction, or distribution of Your modifications, or
|
|
127
|
+
for any such Derivative Works as a whole, provided Your use,
|
|
128
|
+
reproduction, and distribution of the Work otherwise complies with
|
|
129
|
+
the conditions stated in this License.
|
|
130
|
+
|
|
131
|
+
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
132
|
+
any Contribution intentionally submitted for inclusion in the Work
|
|
133
|
+
by You to the Licensor shall be under the terms and conditions of
|
|
134
|
+
this License, without any additional terms or conditions.
|
|
135
|
+
Notwithstanding the above, nothing herein shall supersede or modify
|
|
136
|
+
the terms of any separate license agreement you may have executed
|
|
137
|
+
with Licensor regarding such Contributions.
|
|
138
|
+
|
|
139
|
+
6. Trademarks. This License does not grant permission to use the trade
|
|
140
|
+
names, trademarks, service marks, or product names of the Licensor,
|
|
141
|
+
except as required for reasonable and customary use in describing the
|
|
142
|
+
origin of the Work and reproducing the content of the NOTICE file.
|
|
143
|
+
|
|
144
|
+
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
145
|
+
agreed to in writing, Licensor provides the Work (and each
|
|
146
|
+
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
147
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
148
|
+
implied, including, without limitation, any warranties or conditions
|
|
149
|
+
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
150
|
+
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
151
|
+
appropriateness of using or redistributing the Work and assume any
|
|
152
|
+
risks associated with Your exercise of permissions under this License.
|
|
153
|
+
|
|
154
|
+
8. Limitation of Liability. In no event and under no legal theory,
|
|
155
|
+
whether in tort (including negligence), contract, or otherwise,
|
|
156
|
+
unless required by applicable law (such as deliberate and grossly
|
|
157
|
+
negligent acts) or agreed to in writing, shall any Contributor be
|
|
158
|
+
liable to You for damages, including any direct, indirect, special,
|
|
159
|
+
incidental, or consequential damages of any character arising as a
|
|
160
|
+
result of this License or out of the use or inability to use the
|
|
161
|
+
Work (including but not limited to damages for loss of goodwill,
|
|
162
|
+
work stoppage, computer failure or malfunction, or any and all
|
|
163
|
+
other commercial damages or losses), even if such Contributor
|
|
164
|
+
has been advised of the possibility of such damages.
|
|
165
|
+
|
|
166
|
+
9. Accepting Warranty or Additional Liability. While redistributing
|
|
167
|
+
the Work or Derivative Works thereof, You may choose to offer,
|
|
168
|
+
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
169
|
+
or other liability obligations and/or rights consistent with this
|
|
170
|
+
License. However, in accepting such obligations, You may act only
|
|
171
|
+
on Your own behalf and on Your sole responsibility, not on behalf
|
|
172
|
+
of any other Contributor, and only if You agree to indemnify,
|
|
173
|
+
defend, and hold each Contributor harmless for any liability
|
|
174
|
+
incurred by, or claims asserted against, such Contributor by reason
|
|
175
|
+
of your accepting any such warranty or additional liability.
|
|
176
|
+
|
|
177
|
+
END OF TERMS AND CONDITIONS
|
|
178
|
+
|
|
179
|
+
APPENDIX: How to apply the Apache License to your work.
|
|
180
|
+
|
|
181
|
+
To apply the Apache License to your work, attach the following
|
|
182
|
+
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
183
|
+
replaced with your own identifying information. (Don't include
|
|
184
|
+
the brackets!) The text should be enclosed in the appropriate
|
|
185
|
+
comment syntax for the file format. We also recommend that a
|
|
186
|
+
file or class name and description of purpose be included on the
|
|
187
|
+
same "printed page" as the copyright notice for easier
|
|
188
|
+
identification within third-party archives.
|
|
189
|
+
|
|
190
|
+
Copyright [yyyy] [name of copyright owner]
|
|
191
|
+
|
|
192
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
193
|
+
you may not use this file except in compliance with the License.
|
|
194
|
+
You may obtain a copy of the License at
|
|
195
|
+
|
|
196
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
197
|
+
|
|
198
|
+
Unless required by applicable law or agreed to in writing, software
|
|
199
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
200
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
201
|
+
See the License for the specific language governing permissions and
|
|
202
|
+
limitations under the License.
|
package/NOTICE
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
=============================================================================
|
|
2
|
+
NOTICE
|
|
3
|
+
@alia.onl/sdk
|
|
4
|
+
Copyright (c) 2026-present The Oxy Collective, Inc.
|
|
5
|
+
=============================================================================
|
|
6
|
+
|
|
7
|
+
This product is licensed under the Apache License, Version 2.0.
|
|
8
|
+
See the LICENSE file in this directory.
|
|
9
|
+
|
|
10
|
+
-----------------------------------------------------------------------------
|
|
11
|
+
THIRD PARTY COMPONENTS
|
|
12
|
+
-----------------------------------------------------------------------------
|
|
13
|
+
|
|
14
|
+
This package contains no third party source. Its dependencies are resolved and
|
|
15
|
+
installed by the package manager and remain governed by their own licenses.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alia.onl/sdk",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0",
|
|
4
4
|
"description": "Alia AI chat SDK — reusable chat UI, voice, and streaming components for Oxy apps",
|
|
5
5
|
"main": "src/index.ts",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -13,9 +13,11 @@
|
|
|
13
13
|
},
|
|
14
14
|
"files": [
|
|
15
15
|
"src",
|
|
16
|
+
"NOTICE",
|
|
16
17
|
"tsconfig.json",
|
|
17
18
|
"CHANGELOG.md"
|
|
18
19
|
],
|
|
20
|
+
"license": "Apache-2.0",
|
|
19
21
|
"private": false,
|
|
20
22
|
"publishConfig": {
|
|
21
23
|
"access": "public"
|
|
@@ -41,7 +43,7 @@
|
|
|
41
43
|
"peerDependencies": {
|
|
42
44
|
"react": "^19.2.3",
|
|
43
45
|
"react-native": "^0.86.0",
|
|
44
|
-
"@oxyhq/services": "^
|
|
46
|
+
"@oxyhq/services": "^30.1.0",
|
|
45
47
|
"@react-native-async-storage/async-storage": "^2.2.0",
|
|
46
48
|
"socket.io-client": "^4.8.3",
|
|
47
49
|
"expo-font": "^57.0.0",
|
|
@@ -27,7 +27,7 @@ import { AliaChatMessageList } from './AliaChatMessageList';
|
|
|
27
27
|
import { AliaWelcomeMessage, type WelcomeSuggestion } from './AliaWelcomeMessage';
|
|
28
28
|
import { PromptInput } from './ui/prompt-input/prompt-input';
|
|
29
29
|
import { Button } from './ui/button';
|
|
30
|
-
import type {
|
|
30
|
+
import type { IdentityMarkState } from './IdentityMark';
|
|
31
31
|
import type {
|
|
32
32
|
ChatMessage,
|
|
33
33
|
VoiceMessage,
|
|
@@ -62,7 +62,7 @@ export interface AliaChatContentProps {
|
|
|
62
62
|
/** Override markdown renderer (app passes CustomMarkdown) */
|
|
63
63
|
renderMarkdown?: (content: string) => React.ReactNode;
|
|
64
64
|
/** Header bar render prop — receives live mark state, message presence, and the clear handler. */
|
|
65
|
-
header?: (state: { markState:
|
|
65
|
+
header?: (state: { markState: IdentityMarkState; hasMessages: boolean; clear: () => void }) => React.ReactNode;
|
|
66
66
|
/** Theme primary color hex — forwarded to the ambient wave overlay palette. */
|
|
67
67
|
primaryColor?: string;
|
|
68
68
|
/** Dark-mode flag — forwarded to the ambient wave overlay. */
|
|
@@ -170,7 +170,7 @@ export function AliaChatContent({
|
|
|
170
170
|
|
|
171
171
|
// ── Mark state (drives the header brand mark) ──
|
|
172
172
|
const voiceAgentState = voiceState?.agentState;
|
|
173
|
-
const markState = useMemo<
|
|
173
|
+
const markState = useMemo<IdentityMarkState>(() => {
|
|
174
174
|
if (isVoiceActive) {
|
|
175
175
|
if (voiceAgentState === 'speaking') return 'writing';
|
|
176
176
|
if (voiceAgentState === 'thinking') return 'thinking';
|
|
@@ -21,14 +21,14 @@ import React from 'react';
|
|
|
21
21
|
import { View, Text, TouchableOpacity } from 'react-native';
|
|
22
22
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
23
23
|
import { AliaChatContent } from './AliaChatContent';
|
|
24
|
-
import {
|
|
24
|
+
import { IdentityMark } from './IdentityMark';
|
|
25
25
|
import type { WelcomeSuggestion } from './AliaWelcomeMessage';
|
|
26
26
|
import type { VoiceSessionComponent } from '../types';
|
|
27
27
|
|
|
28
28
|
export interface AliaChatScreenProps {
|
|
29
29
|
/** App context injected into system prompt */
|
|
30
30
|
clientContext?: string;
|
|
31
|
-
/** Alia model
|
|
31
|
+
/** Alia model. Checked against `GET /catalogue`; omitted, the build's preference is used. */
|
|
32
32
|
model?: string;
|
|
33
33
|
/** API URL override */
|
|
34
34
|
apiUrl?: string;
|
|
@@ -81,7 +81,7 @@ export function AliaChatScreen({
|
|
|
81
81
|
<View className="flex-row items-center justify-between px-4 py-3">
|
|
82
82
|
<View className="flex-row items-center gap-2.5">
|
|
83
83
|
{headerLeft}
|
|
84
|
-
<
|
|
84
|
+
<IdentityMark size={28} state={markState} />
|
|
85
85
|
<Text className="text-lg font-semibold text-foreground">Alia</Text>
|
|
86
86
|
</View>
|
|
87
87
|
<View className="flex-row items-center gap-2">
|
|
@@ -30,7 +30,7 @@ import Animated, {
|
|
|
30
30
|
} from 'react-native-reanimated';
|
|
31
31
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
32
32
|
import { AliaChatContent } from './AliaChatContent';
|
|
33
|
-
import {
|
|
33
|
+
import { IdentityMark } from './IdentityMark';
|
|
34
34
|
import type { WelcomeSuggestion } from './AliaWelcomeMessage';
|
|
35
35
|
import type { VoiceSessionComponent } from '../types';
|
|
36
36
|
|
|
@@ -45,7 +45,7 @@ const SPRING_CONFIG = {
|
|
|
45
45
|
export interface AliaChatSheetProps {
|
|
46
46
|
/** App context injected into system prompt */
|
|
47
47
|
clientContext?: string;
|
|
48
|
-
/** Alia model
|
|
48
|
+
/** Alia model. Checked against `GET /catalogue`; omitted, the build's preference is used. */
|
|
49
49
|
model?: string;
|
|
50
50
|
/** API URL override */
|
|
51
51
|
apiUrl?: string;
|
|
@@ -261,7 +261,7 @@ export const AliaChatSheet = forwardRef<AliaChatSheetRef, AliaChatSheetProps>(
|
|
|
261
261
|
header={({ markState, hasMessages, clear }) => (
|
|
262
262
|
<View style={styles.header}>
|
|
263
263
|
<View style={styles.headerLeft}>
|
|
264
|
-
<
|
|
264
|
+
<IdentityMark size={28} state={markState} />
|
|
265
265
|
<Text className="text-lg font-semibold text-foreground">
|
|
266
266
|
Alia
|
|
267
267
|
</Text>
|
|
@@ -2,7 +2,7 @@ import { Pressable, StyleSheet, View } from 'react-native';
|
|
|
2
2
|
import { BlurView } from 'expo-blur';
|
|
3
3
|
import { Text } from './ui/text';
|
|
4
4
|
import Animated, { FadeIn } from 'react-native-reanimated';
|
|
5
|
-
import {
|
|
5
|
+
import { IdentityMark } from './IdentityMark';
|
|
6
6
|
import type { WelcomeSuggestion } from '../types';
|
|
7
7
|
|
|
8
8
|
export type { WelcomeSuggestion };
|
|
@@ -28,7 +28,7 @@ export function AliaWelcomeMessage({
|
|
|
28
28
|
{/* Mark + Title */}
|
|
29
29
|
<View className="items-start mb-8">
|
|
30
30
|
<View className="mb-4">
|
|
31
|
-
<
|
|
31
|
+
<IdentityMark size={markSize} />
|
|
32
32
|
</View>
|
|
33
33
|
<View className="space-y-2">
|
|
34
34
|
<Text className="text-3xl font-bold tracking-tight text-foreground">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
import { Pressable } from 'react-native';
|
|
2
|
+
import { Pressable, View } from 'react-native';
|
|
3
3
|
import * as Haptics from 'expo-haptics';
|
|
4
4
|
import Svg, { Path } from 'react-native-svg';
|
|
5
5
|
import Animated, {
|
|
@@ -13,20 +13,33 @@ import Animated, {
|
|
|
13
13
|
Easing,
|
|
14
14
|
} from 'react-native-reanimated';
|
|
15
15
|
|
|
16
|
-
export type
|
|
16
|
+
export type IdentityMarkState = 'idle' | 'thinking' | 'working' | 'writing';
|
|
17
17
|
|
|
18
|
-
export interface
|
|
18
|
+
export interface IdentityMarkProps {
|
|
19
19
|
/** Width & height in px. Default 24. */
|
|
20
20
|
size?: number;
|
|
21
21
|
/** Animation state — spins while thinking/working, opacity-pulses while writing, still when idle. Default 'idle'. */
|
|
22
|
-
state?:
|
|
22
|
+
state?: IdentityMarkState;
|
|
23
23
|
/** Layout classes for the outer box (color comes from `color`, not classes). */
|
|
24
24
|
className?: string;
|
|
25
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Who the mark stands for, as a colour. Defaults to the Alia brand purple —
|
|
27
|
+
* never a theme token. An agent passes its own colour and gets the same
|
|
28
|
+
* artwork at the same size, which is the whole of the difference between
|
|
29
|
+
* Alia's mark and an agent's.
|
|
30
|
+
*/
|
|
26
31
|
color?: string;
|
|
27
|
-
/**
|
|
32
|
+
/**
|
|
33
|
+
* Called after the press flourish, and the ONLY thing that makes the mark a
|
|
34
|
+
* button. Left off, the mark is drawn inert: no press target, so it can sit
|
|
35
|
+
* inside a row that is itself pressable — a sidebar entry, a card — without
|
|
36
|
+
* swallowing the tap meant for the row.
|
|
37
|
+
*/
|
|
28
38
|
onPress?: () => void;
|
|
29
|
-
/**
|
|
39
|
+
/**
|
|
40
|
+
* Accessible name. A mark standing in for whoever is speaking is not
|
|
41
|
+
* decoration, so it says who; Alia's own, drawn beside her name, is.
|
|
42
|
+
*/
|
|
30
43
|
accessibilityLabel?: string;
|
|
31
44
|
/** Play the one-shot spin when the mark mounts (e.g. the sidebar rail collapsing in). */
|
|
32
45
|
spinOnMount?: boolean;
|
|
@@ -46,11 +59,19 @@ const GLYPH_PATH =
|
|
|
46
59
|
'M 728 76.199219 C 659.800781 84 596.601562 133.199219 558.800781 207.199219 C 539.800781 244.601562 527.199219 292.398438 524.601562 336.398438 L 523.398438 357.800781 L 506.199219 349 C 457.398438 324.199219 413.601562 313.398438 361 313.199219 C 314.601562 313 281.800781 320 247.199219 337.199219 C 194.398438 363.601562 161 404.601562 145.800781 461.199219 C 140.199219 482.199219 139.601562 527.398438 144.601562 550.199219 C 156.199219 601.800781 182 649.199219 220.601562 689.398438 C 239.800781 709.199219 271 734.601562 287.800781 744 C 292.199219 746.601562 296 749.199219 296 749.800781 C 296 750.398438 292.398438 753 288 755.601562 C 270.800781 765.398438 240 790.601562 221 810.398438 C 137.199219 897.398438 116.601562 1013 170.199219 1095.199219 C 200.199219 1141.199219 247.601562 1171.199219 309 1183.199219 C 333.601562 1188 383.800781 1188 410.800781 1183.199219 C 444 1177.199219 474.398438 1167 505.800781 1151.199219 L 524 1142 L 524 1153.601562 C 524 1180.398438 530.800781 1218.601562 541.199219 1250 C 582.800781 1376 690 1446.800781 796.800781 1419 C 846.398438 1406 893.800781 1369.800781 926 1320 C 953.601562 1277.199219 972.199219 1218.398438 975.398438 1163.601562 L 976.601562 1142.398438 L 994.398438 1151.398438 C 1044.800781 1176.601562 1087.800781 1187 1142 1186.800781 C 1192.601562 1186.601562 1229.601562 1177.199219 1269 1154.199219 C 1289.601562 1142.199219 1319.800781 1112.398438 1331.800781 1092.398438 C 1351.398438 1059.800781 1358.398438 1033.800781 1358.601562 994 C 1358.800781 953.199219 1353.199219 929.398438 1334 888.601562 C 1310.800781 839.601562 1265.398438 789 1217.601562 759.398438 C 1210.199219 754.800781 1204 750.601562 1204 750 C 1204 749.398438 1210.199219 745.199219 1217.601562 740.601562 C 1251.398438 719.601562 1291 681.199219 1313 648 C 1348.601562 594.601562 1364.601562 537 1358.199219 484.800781 C 1347.398438 397.800781 1285.398438 335.398438 1191 316.800781 C 1164.398438 311.398438 1114.199219 311.800781 1085 317.601562 C 1054.601562 323.601562 1029.398438 332 1000.601562 346 L 976 357.800781 L 976 346.398438 C 976 290 952.800781 217.800781 919.800781 171 C 881 116.398438 829 83.601562 769.199219 76 C 751.398438 73.800781 749.398438 73.800781 728 76.199219 Z';
|
|
47
60
|
|
|
48
61
|
/**
|
|
49
|
-
*
|
|
50
|
-
* nature)
|
|
51
|
-
*
|
|
62
|
+
* The mark that stands for whoever is speaking — the six-lobed flower glyph as
|
|
63
|
+
* an SVG (unselectable by nature), painted in one colour.
|
|
64
|
+
*
|
|
65
|
+
* Alia and every agent draw THIS, and nothing else: the colour is the only
|
|
66
|
+
* difference between them, and where a face would otherwise go it is the size
|
|
67
|
+
* that adapts, not a background. There is no disc, no crop and no image to fall
|
|
68
|
+
* back from — an agent's Oxy account carries no avatar at all, so this is the
|
|
69
|
+
* whole of an agent's likeness in the app.
|
|
70
|
+
*
|
|
71
|
+
* Effect-free reanimated: spin while thinking/using tools, opacity-pulse while
|
|
72
|
+
* streaming text, still when idle.
|
|
52
73
|
*/
|
|
53
|
-
export function
|
|
74
|
+
export function IdentityMark({
|
|
54
75
|
size = 24,
|
|
55
76
|
state = 'idle',
|
|
56
77
|
className,
|
|
@@ -58,7 +79,7 @@ export function AliaMark({
|
|
|
58
79
|
onPress,
|
|
59
80
|
accessibilityLabel,
|
|
60
81
|
spinOnMount = false,
|
|
61
|
-
}:
|
|
82
|
+
}: IdentityMarkProps) {
|
|
62
83
|
// Imperative animations via reanimated's reactive primitive (NOT a React effect):
|
|
63
84
|
// on this reanimated-web setup, animations returned from mappers/styles never
|
|
64
85
|
// tick, but `sharedValue.value = withRepeat(...)` does.
|
|
@@ -126,19 +147,40 @@ export function AliaMark({
|
|
|
126
147
|
onPress?.();
|
|
127
148
|
};
|
|
128
149
|
|
|
150
|
+
const box = { width: size, height: size, alignItems: 'center', justifyContent: 'center' } as const;
|
|
151
|
+
const glyph = (
|
|
152
|
+
<Animated.View style={animatedStyle}>
|
|
153
|
+
<Svg width={size} height={size} viewBox={VIEWBOX}>
|
|
154
|
+
<Path d={GLYPH_PATH} fill={color ?? BRAND_FILL} />
|
|
155
|
+
</Svg>
|
|
156
|
+
</Animated.View>
|
|
157
|
+
);
|
|
158
|
+
|
|
159
|
+
// A `Pressable` captures the touch whether or not the caller wanted one, so
|
|
160
|
+
// the inert mark is a plain view. Wrapping it in a pressable that only spins
|
|
161
|
+
// is what would stop a sidebar row from opening when you tap the face on it.
|
|
162
|
+
if (onPress === undefined) {
|
|
163
|
+
return (
|
|
164
|
+
<View
|
|
165
|
+
accessibilityRole="image"
|
|
166
|
+
accessibilityLabel={accessibilityLabel}
|
|
167
|
+
className={className}
|
|
168
|
+
style={box}
|
|
169
|
+
>
|
|
170
|
+
{glyph}
|
|
171
|
+
</View>
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
|
|
129
175
|
return (
|
|
130
176
|
<Pressable
|
|
131
177
|
onPress={handlePress}
|
|
132
|
-
accessibilityRole=
|
|
178
|
+
accessibilityRole="button"
|
|
133
179
|
accessibilityLabel={accessibilityLabel}
|
|
134
180
|
className={className}
|
|
135
|
-
style={
|
|
181
|
+
style={box}
|
|
136
182
|
>
|
|
137
|
-
|
|
138
|
-
<Svg width={size} height={size} viewBox={VIEWBOX}>
|
|
139
|
-
<Path d={GLYPH_PATH} fill={color ?? BRAND_FILL} />
|
|
140
|
-
</Svg>
|
|
141
|
-
</Animated.View>
|
|
183
|
+
{glyph}
|
|
142
184
|
</Pressable>
|
|
143
185
|
);
|
|
144
186
|
}
|
|
@@ -22,7 +22,6 @@ const FALLBACK_DARK: typeof FALLBACK_LIGHT = {
|
|
|
22
22
|
|
|
23
23
|
const BODY_TEXT = { fontSize: 16, lineHeight: 28 } as const;
|
|
24
24
|
const HEADING_TEXT = { fontSize: 16, lineHeight: 22 } as const;
|
|
25
|
-
const SANS_FONT = Platform.select({ ios: 'Inter', android: 'Inter', default: 'Inter, sans-serif' })!;
|
|
26
25
|
const MONO_FONT = Platform.select({ ios: 'Courier', android: 'monospace', default: 'monospace' })!;
|
|
27
26
|
|
|
28
27
|
function createRules(colors: AliaColors) {
|
|
@@ -178,12 +177,27 @@ function createRules(colors: AliaColors) {
|
|
|
178
177
|
};
|
|
179
178
|
}
|
|
180
179
|
|
|
181
|
-
function createStyles(colors: AliaColors) {
|
|
180
|
+
function createStyles(colors: AliaColors, fontFamily: string | undefined) {
|
|
182
181
|
const { text: textColor, muted, border, primary, mutedForeground } = colors;
|
|
183
182
|
|
|
184
183
|
return {
|
|
185
|
-
|
|
186
|
-
|
|
184
|
+
// On WEB the family arrives through the cascade down to `html`, so naming
|
|
185
|
+
// one here would override Bloom rather than complement it.
|
|
186
|
+
//
|
|
187
|
+
// On NATIVE nothing arrives. Bloom's only app-wide mechanism is the
|
|
188
|
+
// `Text.defaultProps.style` mutation in its `FontLoader.native.tsx`, and
|
|
189
|
+
// **React 19 drops `defaultProps` under the automatic JSX runtime** that
|
|
190
|
+
// Expo compiles to — measured on react@19.2.3: `createElement(Foo, {})`
|
|
191
|
+
// yields `{style:{fontFamily}}` while `jsx(Foo, {})` yields `{}`, for
|
|
192
|
+
// function AND class components alike. So that mutation reaches no `<Text>`
|
|
193
|
+
// in any Expo consumer, and this renderer cannot inherit a face.
|
|
194
|
+
//
|
|
195
|
+
// `fontFamily` therefore comes from the caller, which is the only party
|
|
196
|
+
// that both knows the family and is allowed to name it: this package has no
|
|
197
|
+
// `@oxyhq/bloom` dependency, and react-native-markdown-display takes RN
|
|
198
|
+
// style objects, so there is no className path to NativeWind's token.
|
|
199
|
+
body: { ...BODY_TEXT, color: textColor, fontFamily },
|
|
200
|
+
text: { ...BODY_TEXT, color: textColor, fontFamily },
|
|
187
201
|
paragraph: { marginTop: 0, marginBottom: 8 },
|
|
188
202
|
strong: { fontWeight: '600' as const },
|
|
189
203
|
em: { fontStyle: 'italic' as const },
|
|
@@ -236,6 +250,17 @@ function createStyles(colors: AliaColors) {
|
|
|
236
250
|
}
|
|
237
251
|
|
|
238
252
|
export interface AliaMarkdownProps {
|
|
253
|
+
/**
|
|
254
|
+
* The sans family for body text, as a SINGLE family name — RN's `fontFamily`
|
|
255
|
+
* takes one, not a CSS stack.
|
|
256
|
+
*
|
|
257
|
+
* Omitted, body text inherits: correct on web, where Bloom's
|
|
258
|
+
* `--bloom-font-sans` reaches it through the cascade. On native nothing is
|
|
259
|
+
* inherited (see `createStyles`), so a native caller that wants Bloom's face
|
|
260
|
+
* has to pass it — this package has no `@oxyhq/bloom` dependency and so
|
|
261
|
+
* cannot name it itself.
|
|
262
|
+
*/
|
|
263
|
+
fontFamily?: string;
|
|
239
264
|
content: string;
|
|
240
265
|
colors?: Partial<AliaColors>;
|
|
241
266
|
}
|
|
@@ -306,13 +331,13 @@ const MarkdownBlock = React.memo(function MarkdownBlock({ content, rules, styles
|
|
|
306
331
|
return <Markdown rules={rules} style={styles}>{content}</Markdown>;
|
|
307
332
|
});
|
|
308
333
|
|
|
309
|
-
export function AliaMarkdown({ content, colors: colorOverrides }: AliaMarkdownProps) {
|
|
334
|
+
export function AliaMarkdown({ content, colors: colorOverrides, fontFamily }: AliaMarkdownProps) {
|
|
310
335
|
const scheme = useColorScheme();
|
|
311
336
|
const fallback = scheme === 'dark' ? FALLBACK_DARK : FALLBACK_LIGHT;
|
|
312
337
|
const colors = { ...fallback, ...colorOverrides } as AliaColors;
|
|
313
338
|
|
|
314
339
|
const customRules = useMemo(() => createRules(colors), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground]);
|
|
315
|
-
const markdownStyles = useMemo(() => createStyles(colors), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground]);
|
|
340
|
+
const markdownStyles = useMemo(() => createStyles(colors, fontFamily), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground, fontFamily]);
|
|
316
341
|
const blocks = useMemo(() => splitMarkdownBlocks(content), [content]);
|
|
317
342
|
|
|
318
343
|
if (blocks.length === 1) {
|
|
@@ -6,7 +6,7 @@ import Animated, {
|
|
|
6
6
|
withTiming,
|
|
7
7
|
withSequence,
|
|
8
8
|
} from "react-native-reanimated";
|
|
9
|
-
import {
|
|
9
|
+
import { IdentityMark } from "./IdentityMark";
|
|
10
10
|
|
|
11
11
|
const thinkingPhrases = [
|
|
12
12
|
"Thinking...",
|
|
@@ -84,7 +84,7 @@ export function ThinkingIndicator({ isWorking = false, statusText, color }: { is
|
|
|
84
84
|
|
|
85
85
|
return (
|
|
86
86
|
<View className="flex-row items-center gap-2 py-2">
|
|
87
|
-
<
|
|
87
|
+
<IdentityMark size={16} state={isWorking ? 'working' : 'thinking'} color={color} />
|
|
88
88
|
<View className="flex-row items-center">
|
|
89
89
|
<Text className="text-base text-muted-foreground">{shownText}</Text>
|
|
90
90
|
{(statusText || isTyping) && (
|