@agentshouse/mdruntime 0.1.0-c1db74d14e5fa → 0.1.0-c1ffd2bc60355
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/AGENTS.md +268 -251
- package/README.md +9 -8
- package/dist/adapter.d.ts +76 -40
- package/dist/adapter.d.ts.map +1 -1
- package/dist/attached-model.d.ts +4 -1
- package/dist/attached-model.d.ts.map +1 -1
- package/dist/attached-model.js +13 -3
- package/dist/binary.d.ts +0 -5
- package/dist/binary.d.ts.map +1 -1
- package/dist/binary.js +1 -1
- package/dist/bootstrap.d.ts +26 -7
- package/dist/bootstrap.d.ts.map +1 -1
- package/dist/bootstrap.js +148 -78
- package/dist/chain.d.ts +11 -0
- package/dist/chain.d.ts.map +1 -0
- package/dist/chain.js +64 -0
- package/dist/change-set.d.ts +9 -16
- package/dist/change-set.d.ts.map +1 -1
- package/dist/change-set.js +11 -88
- package/dist/change.d.ts +31 -1
- package/dist/change.d.ts.map +1 -1
- package/dist/change.js +10 -1
- package/dist/chat/earlier.d.ts +10 -0
- package/dist/chat/earlier.d.ts.map +1 -0
- package/dist/chat/earlier.js +54 -0
- package/dist/chat/house.d.ts +25 -0
- package/dist/chat/house.d.ts.map +1 -0
- package/dist/chat/house.js +38 -0
- package/dist/chat/input.d.ts +3 -1
- package/dist/chat/input.d.ts.map +1 -1
- package/dist/chat/input.js +11 -18
- package/dist/chat/kit.d.ts +2 -1
- package/dist/chat/kit.d.ts.map +1 -1
- package/dist/chat/kit.js +3 -3
- package/dist/chat/list.d.ts +3 -1
- package/dist/chat/list.d.ts.map +1 -1
- package/dist/chat/list.js +47 -6
- package/dist/chat/markdown.d.ts +2 -2
- package/dist/chat/markdown.d.ts.map +1 -1
- package/dist/chat/markdown.js +80 -39
- package/dist/chat/message.d.ts +1 -0
- package/dist/chat/message.d.ts.map +1 -1
- package/dist/chat/message.js +73 -11
- package/dist/chat/messages.d.ts +15 -1
- package/dist/chat/messages.d.ts.map +1 -1
- package/dist/chat/messages.js +82 -23
- package/dist/chat/name.d.ts +1 -0
- package/dist/chat/name.d.ts.map +1 -1
- package/dist/chat/name.js +1 -1
- package/dist/chat/opened.d.ts +1 -0
- package/dist/chat/opened.d.ts.map +1 -1
- package/dist/chat/opened.js +2 -0
- package/dist/chat/overlay.d.ts +1 -0
- package/dist/chat/overlay.d.ts.map +1 -1
- package/dist/chat/overlay.js +11 -5
- package/dist/chat/parts.d.ts +1 -0
- package/dist/chat/parts.d.ts.map +1 -1
- package/dist/chat/parts.js +3 -2
- package/dist/chat/pieces.d.ts +62 -0
- package/dist/chat/pieces.d.ts.map +1 -0
- package/dist/chat/pieces.js +1110 -0
- package/dist/chat/provider.d.ts +9 -2
- package/dist/chat/provider.d.ts.map +1 -1
- package/dist/chat/provider.js +121 -106
- package/dist/chat/question.d.ts +1 -1
- package/dist/chat/question.d.ts.map +1 -1
- package/dist/chat/question.js +7 -18
- package/dist/chat/ready.d.ts +5 -1
- package/dist/chat/ready.d.ts.map +1 -1
- package/dist/chat/ready.js +7 -5
- package/dist/chat/room-file.d.ts +8 -0
- package/dist/chat/room-file.d.ts.map +1 -0
- package/dist/chat/room-file.js +72 -0
- package/dist/chat/steady.d.ts +3 -0
- package/dist/chat/steady.d.ts.map +1 -0
- package/dist/chat/steady.js +26 -0
- package/dist/chat/style.d.ts.map +1 -1
- package/dist/chat/style.js +6 -1
- package/dist/chat.d.ts +3 -2
- package/dist/chat.d.ts.map +1 -1
- package/dist/chat.js +2 -2
- package/dist/client.d.ts +15 -6
- package/dist/client.d.ts.map +1 -1
- package/dist/client.js +47 -8
- package/dist/collection.d.ts +6 -19
- package/dist/collection.d.ts.map +1 -1
- package/dist/collection.js +30 -287
- package/dist/compile.d.ts +16 -0
- package/dist/compile.d.ts.map +1 -0
- package/dist/compile.js +721 -0
- package/dist/connection.d.ts +25 -12
- package/dist/connection.d.ts.map +1 -1
- package/dist/connection.js +2615 -946
- package/dist/conversation.d.ts +18 -3
- package/dist/conversation.d.ts.map +1 -1
- package/dist/conversation.js +341 -107
- package/dist/digest.d.ts +7 -0
- package/dist/digest.d.ts.map +1 -0
- package/dist/digest.js +113 -0
- package/dist/durability.d.ts +3 -5
- package/dist/durability.d.ts.map +1 -1
- package/dist/durability.js +5 -0
- package/dist/entry.d.ts +3 -1
- package/dist/entry.d.ts.map +1 -1
- package/dist/entry.js +18 -23
- package/dist/file.d.ts +2 -10
- package/dist/file.d.ts.map +1 -1
- package/dist/file.js +3 -120
- package/dist/fulltext.d.ts +27 -0
- package/dist/fulltext.d.ts.map +1 -0
- package/dist/fulltext.js +368 -0
- package/dist/host.d.ts +10 -8
- package/dist/host.d.ts.map +1 -1
- package/dist/host.js +95 -18
- package/dist/identity.d.ts +0 -1
- package/dist/identity.d.ts.map +1 -1
- package/dist/identity.js +0 -3
- package/dist/index.d.ts +15 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -1
- package/dist/live.d.ts +22 -0
- package/dist/live.d.ts.map +1 -0
- package/dist/live.js +123 -0
- package/dist/memory.d.ts +8 -3
- package/dist/memory.d.ts.map +1 -1
- package/dist/memory.js +43 -25
- package/dist/messages.d.ts +28 -0
- package/dist/messages.d.ts.map +1 -0
- package/dist/messages.js +90 -0
- package/dist/model.d.ts +3 -2
- package/dist/model.d.ts.map +1 -1
- package/dist/model.js +1 -1
- package/dist/name.d.ts +4 -0
- package/dist/name.d.ts.map +1 -0
- package/dist/name.js +122 -0
- package/dist/observation.d.ts +14 -0
- package/dist/observation.d.ts.map +1 -1
- package/dist/observation.js +93 -3
- package/dist/opened.d.ts +22 -0
- package/dist/opened.d.ts.map +1 -0
- package/dist/opened.js +107 -0
- package/dist/outcome.d.ts +34 -4
- package/dist/outcome.d.ts.map +1 -1
- package/dist/outcome.js +25 -0
- package/dist/overlay.d.ts +3 -5
- package/dist/overlay.d.ts.map +1 -1
- package/dist/overlay.js +95 -156
- package/dist/query.d.ts +33 -2
- package/dist/query.d.ts.map +1 -1
- package/dist/query.js +48 -7
- package/dist/reach.d.ts +6 -5
- package/dist/reach.d.ts.map +1 -1
- package/dist/reach.js +170 -62
- package/dist/react.d.ts +3 -3
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +7 -17
- package/dist/readiness.d.ts +20 -9
- package/dist/readiness.d.ts.map +1 -1
- package/dist/readiness.js +6 -6
- package/dist/reads.d.ts +11 -0
- package/dist/reads.d.ts.map +1 -0
- package/dist/reads.js +100 -0
- package/dist/recovery.d.ts +2 -2
- package/dist/recovery.d.ts.map +1 -1
- package/dist/recovery.js +8 -7
- package/dist/refresh.d.ts +16 -15
- package/dist/refresh.d.ts.map +1 -1
- package/dist/refresh.js +112 -45
- package/dist/replica.d.ts +57 -33
- package/dist/replica.d.ts.map +1 -1
- package/dist/replica.js +295 -177
- package/dist/room-draft.d.ts +17 -2
- package/dist/room-draft.d.ts.map +1 -1
- package/dist/room-draft.js +65 -25
- package/dist/rows.d.ts +29 -29
- package/dist/rows.d.ts.map +1 -1
- package/dist/rows.js +113 -62
- package/dist/save.d.ts +51 -14
- package/dist/save.d.ts.map +1 -1
- package/dist/save.js +518 -180
- package/dist/search.d.ts +32 -43
- package/dist/search.d.ts.map +1 -1
- package/dist/search.js +37 -168
- package/dist/seed.d.ts +16 -0
- package/dist/seed.d.ts.map +1 -0
- package/dist/seed.js +75 -0
- package/dist/shared.d.ts +8 -3
- package/dist/shared.d.ts.map +1 -1
- package/dist/shared.js +129 -66
- package/dist/store.d.ts +99 -88
- package/dist/store.d.ts.map +1 -1
- package/dist/store.js +335 -641
- package/dist/stored.d.ts +145 -0
- package/dist/stored.d.ts.map +1 -0
- package/dist/stored.js +567 -0
- package/dist/tables.d.ts +354 -0
- package/dist/tables.d.ts.map +1 -0
- package/dist/tables.js +624 -0
- package/dist/turn.d.ts +5 -3
- package/dist/turn.d.ts.map +1 -1
- package/dist/turn.js +51 -21
- package/dist/validation.d.ts +30 -0
- package/dist/validation.d.ts.map +1 -0
- package/dist/validation.js +162 -0
- package/dist/windows.d.ts +22 -0
- package/dist/windows.d.ts.map +1 -0
- package/dist/windows.js +89 -0
- package/dist/wire.d.ts +163 -33
- package/dist/wire.d.ts.map +1 -1
- package/dist/wire.js +54 -32
- package/dist/words.d.ts +19 -0
- package/dist/words.d.ts.map +1 -0
- package/dist/words.js +150 -0
- package/package.json +11 -5
- package/dist/acquisition.d.ts +0 -14
- package/dist/acquisition.d.ts.map +0 -1
- package/dist/acquisition.js +0 -24
- package/dist/read-side.d.ts +0 -25
- package/dist/read-side.d.ts.map +0 -1
- package/dist/read-side.js +0 -639
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
export const CHAT_WINDOW = 50;
|
|
3
|
+
function slidOut(before, after) {
|
|
4
|
+
if (before === null || before.conversation !== after.conversation)
|
|
5
|
+
return [];
|
|
6
|
+
const kept = new Set(after.messages.map((one) => one.identity));
|
|
7
|
+
const left = [];
|
|
8
|
+
for (const message of before.messages) {
|
|
9
|
+
if (kept.has(message.identity))
|
|
10
|
+
break;
|
|
11
|
+
left.push(message);
|
|
12
|
+
}
|
|
13
|
+
return left;
|
|
14
|
+
}
|
|
15
|
+
function joined(held, earlier) {
|
|
16
|
+
const { next: _live, ...view } = held;
|
|
17
|
+
const live = new Set(held.messages.map((one) => one.identity));
|
|
18
|
+
return {
|
|
19
|
+
...view,
|
|
20
|
+
messages: [...earlier.messages.filter((one) => !live.has(one.identity)), ...held.messages],
|
|
21
|
+
...(earlier.next === undefined ? {} : { next: earlier.next }),
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export function useEarlier(client, thread, held) {
|
|
25
|
+
const [earlier, setEarlier] = useState(null);
|
|
26
|
+
const [seen, setSeen] = useState(held);
|
|
27
|
+
const whole = held !== null && held.next === undefined;
|
|
28
|
+
let current = earlier !== null && earlier.thread === thread && !whole ? earlier : null;
|
|
29
|
+
if (current !== earlier)
|
|
30
|
+
setEarlier(current);
|
|
31
|
+
if (seen !== held) {
|
|
32
|
+
setSeen(held);
|
|
33
|
+
const carried = held === null ? [] : slidOut(seen, held);
|
|
34
|
+
if (thread !== null && carried.length > 0) {
|
|
35
|
+
const base = current ?? { thread, messages: [], next: seen?.next };
|
|
36
|
+
current = { ...base, messages: [...base.messages, ...carried] };
|
|
37
|
+
setEarlier(current);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
const view = useMemo(() => (held === null || current === null ? held : joined(held, current)), [held, current]);
|
|
41
|
+
const next = current === null ? held?.next : current.next;
|
|
42
|
+
const loadEarlier = useCallback(async () => {
|
|
43
|
+
if (thread === null || next === undefined)
|
|
44
|
+
return;
|
|
45
|
+
const older = await client.conversation.read(thread, { limit: CHAT_WINDOW, after: next });
|
|
46
|
+
setEarlier((now) => {
|
|
47
|
+
const base = now !== null && now.thread === thread ? now : { thread, messages: [], next };
|
|
48
|
+
if (base.next !== next)
|
|
49
|
+
return now;
|
|
50
|
+
return { thread, messages: [...older.messages, ...base.messages], next: older.next };
|
|
51
|
+
});
|
|
52
|
+
}, [client, thread, next]);
|
|
53
|
+
return { view, hasEarlier: next !== undefined, loadEarlier };
|
|
54
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type HouseSource = {
|
|
2
|
+
readonly kind: 'request';
|
|
3
|
+
readonly request: string;
|
|
4
|
+
readonly routine: string;
|
|
5
|
+
readonly version: number;
|
|
6
|
+
readonly requester: {
|
|
7
|
+
readonly name: string;
|
|
8
|
+
readonly room: boolean;
|
|
9
|
+
};
|
|
10
|
+
readonly room: {
|
|
11
|
+
readonly ref: string;
|
|
12
|
+
readonly name: string;
|
|
13
|
+
};
|
|
14
|
+
readonly approved: string | null;
|
|
15
|
+
} | {
|
|
16
|
+
readonly kind: 'mail';
|
|
17
|
+
readonly agent: string;
|
|
18
|
+
readonly owner: string;
|
|
19
|
+
};
|
|
20
|
+
export type ChatRequest = {
|
|
21
|
+
readonly request: string;
|
|
22
|
+
readonly room: string;
|
|
23
|
+
};
|
|
24
|
+
export declare function sourceOf(value: unknown): HouseSource | null;
|
|
25
|
+
//# sourceMappingURL=house.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"house.d.ts","sourceRoot":"","sources":["../../src/chat/house.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB;IACE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IACtE,QAAQ,CAAC,IAAI,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAgC9E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAO3D"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { record, text } from './read.js';
|
|
2
|
+
function requestOf(source) {
|
|
3
|
+
const request = text(source, 'request');
|
|
4
|
+
const routine = record(source.routine);
|
|
5
|
+
const name = text(routine, 'name');
|
|
6
|
+
const version = routine.version;
|
|
7
|
+
const requester = record(source.requester);
|
|
8
|
+
const by = text(requester, 'name');
|
|
9
|
+
const room = record(source.room);
|
|
10
|
+
const ref = text(room, 'ref');
|
|
11
|
+
const called = text(room, 'name');
|
|
12
|
+
if (request === null ||
|
|
13
|
+
name === null ||
|
|
14
|
+
typeof version !== 'number' ||
|
|
15
|
+
by === null ||
|
|
16
|
+
ref === null ||
|
|
17
|
+
called === null)
|
|
18
|
+
return null;
|
|
19
|
+
return {
|
|
20
|
+
kind: 'request',
|
|
21
|
+
request,
|
|
22
|
+
routine: name,
|
|
23
|
+
version,
|
|
24
|
+
requester: { name: by, room: text(requester, 'room') !== null },
|
|
25
|
+
room: { ref, name: called },
|
|
26
|
+
approved: text(source, 'approved_at'),
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
export function sourceOf(value) {
|
|
30
|
+
const source = record(value);
|
|
31
|
+
if (source.kind === 'request')
|
|
32
|
+
return requestOf(source);
|
|
33
|
+
if (source.kind !== 'mail')
|
|
34
|
+
return null;
|
|
35
|
+
const agent = text(record(source.agent), 'name');
|
|
36
|
+
const owner = text(record(source.owner), 'name');
|
|
37
|
+
return agent === null || owner === null ? null : { kind: 'mail', agent, owner };
|
|
38
|
+
}
|
package/dist/chat/input.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import type { ChatRequest } from './house.js';
|
|
2
3
|
import { type ChatNoteProps } from './kit.js';
|
|
3
4
|
export type ChatInputProps = {
|
|
4
5
|
readonly messageLength?: number;
|
|
5
6
|
readonly note?: (note: ChatNoteProps) => ReactNode;
|
|
6
7
|
readonly autoFocus?: boolean;
|
|
8
|
+
readonly decision?: (request: ChatRequest) => ReactNode;
|
|
7
9
|
};
|
|
8
|
-
export declare function ChatInput({ messageLength, note, autoFocus, }: ChatInputProps): ReactElement;
|
|
10
|
+
export declare function ChatInput({ messageLength, note, autoFocus, decision, }: ChatInputProps): ReactElement;
|
|
9
11
|
//# sourceMappingURL=input.d.ts.map
|
package/dist/chat/input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/chat/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/chat/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBlG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAsD,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAMlG,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,SAAS,CAAC;CACzD,CAAC;AAgFF,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,IAAY,EACZ,SAAiB,EACjB,QAAQ,GACT,EAAE,cAAc,GAAG,YAAY,CA4K/B"}
|
package/dist/chat/input.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef } from 'react';
|
|
3
|
-
import { ComposerPrimitive,
|
|
3
|
+
import { ComposerPrimitive, useAuiState, } from '@assistant-ui/react';
|
|
4
4
|
import { DropdownMenu } from 'radix-ui';
|
|
5
5
|
import ArrowUp from 'lucide-react/dist/esm/icons/arrow-up.mjs';
|
|
6
6
|
import Check from 'lucide-react/dist/esm/icons/check.mjs';
|
|
7
7
|
import ChevronDown from 'lucide-react/dist/esm/icons/chevron-down.mjs';
|
|
8
8
|
import CornerDownRight from 'lucide-react/dist/esm/icons/corner-down-right.mjs';
|
|
9
9
|
import ListEnd from 'lucide-react/dist/esm/icons/list-end.mjs';
|
|
10
|
-
import Paperclip from 'lucide-react/dist/esm/icons/paperclip.mjs';
|
|
11
10
|
import Pencil from 'lucide-react/dist/esm/icons/pencil.mjs';
|
|
12
11
|
import Plus from 'lucide-react/dist/esm/icons/plus.mjs';
|
|
13
12
|
import Square from 'lucide-react/dist/esm/icons/square.mjs';
|
|
@@ -42,10 +41,6 @@ function commandsFound(commands, query) {
|
|
|
42
41
|
const within = commands.filter((one) => !named.includes(one) && one.name.toLowerCase().includes(asked));
|
|
43
42
|
return [...named, ...within].map(commandItem);
|
|
44
43
|
}
|
|
45
|
-
function Attached({ id, name }) {
|
|
46
|
-
const aui = useAui();
|
|
47
|
-
return (_jsxs("span", { className: "ahc-chip ahc-chip--removable", children: [_jsx(Paperclip, { "aria-hidden": "true" }), _jsx(Name, { text: name }), _jsx(IconButton, { label: `Remove ${name}`, compact: true, onClick: () => void aui.composer().attachment({ id }).remove(), children: _jsx(X, { "aria-hidden": "true" }) })] }));
|
|
48
|
-
}
|
|
49
44
|
function Picker({ option, choose, }) {
|
|
50
45
|
const container = useContext(Portal);
|
|
51
46
|
return (_jsxs(DropdownMenu.Root, { modal: false, children: [_jsxs(DropdownMenu.Trigger, { className: "ahc-btn ahc-picker", "aria-label": option.name, title: option.name, children: [_jsx(Name, { text: option.values.find((one) => one.value === option.value)?.name ?? option.value }), _jsx(ChevronDown, { "aria-hidden": "true" })] }), _jsx(DropdownMenu.Portal, { container: container, children: _jsxs(DropdownMenu.Content, { className: "ahc-menu", side: "top", align: "start", children: [_jsx(DropdownMenu.Label, { className: "ahc-menu__heading", children: option.name }), _jsx(DropdownMenu.RadioGroup, { value: option.value, onValueChange: (value) => {
|
|
@@ -56,10 +51,10 @@ function Picker({ option, choose, }) {
|
|
|
56
51
|
function noted(note) {
|
|
57
52
|
return _jsx(ChatNote, { ...note });
|
|
58
53
|
}
|
|
59
|
-
export function ChatInput({ messageLength, note = noted, autoFocus = false, }) {
|
|
54
|
+
export function ChatInput({ messageLength, note = noted, autoFocus = false, decision, }) {
|
|
60
55
|
const chat = useChat();
|
|
56
|
+
const { attach } = chat;
|
|
61
57
|
const { client } = useChatScope();
|
|
62
|
-
const aui = useAui();
|
|
63
58
|
const opened = useOpened();
|
|
64
59
|
const { lone, commands, context, queued, running } = opened;
|
|
65
60
|
const conversation = chat.conversation ?? '';
|
|
@@ -71,7 +66,6 @@ export function ChatInput({ messageLength, note = noted, autoFocus = false, }) {
|
|
|
71
66
|
input.current?.focus();
|
|
72
67
|
}, [autoFocus, thread]);
|
|
73
68
|
const typed = useAuiState((s) => s.composer.text);
|
|
74
|
-
const attached = useAuiState((s) => s.composer.attachments.length > 0);
|
|
75
69
|
const fault = messageLength !== undefined && typed.length > messageLength
|
|
76
70
|
? `Keep it to ${messageLength} characters.`
|
|
77
71
|
: null;
|
|
@@ -88,12 +82,11 @@ export function ChatInput({ messageLength, note = noted, autoFocus = false, }) {
|
|
|
88
82
|
chat.edit(id);
|
|
89
83
|
input.current?.focus();
|
|
90
84
|
};
|
|
91
|
-
const drafted = typed.trim() !== ''
|
|
92
|
-
const readOnly = opened.deleted;
|
|
93
|
-
return (_jsx(Scoped, { children: _jsxs("div", { className: "ahc-input-area", children: [readOnly || queued.length === 0 ? null : (_jsxs("div", { role: "group", "aria-label": "Queued messages", className: "ahc-queue", children: [_jsxs("div", { className: "ahc-queue__head", children: [_jsx(ListEnd, { "aria-hidden": "true" }), _jsx("span", { className: "ahc-queue__said", children: `${queued.length} ${queued.length === 1 ? 'message waits' : 'messages wait'} for ${opened.name} to finish` }), running ? (_jsx(Button, { variant: "outline", compact: true, onClick: interrupt, children: "Send now" })) : null] }), queued.map((item) => (_jsxs("div", { className: "ahc-queue-row", children: [_jsx(CornerDownRight, { "aria-hidden": "true", className: "ahc-muted" }), _jsx("span", { className: "ahc-queue-row__text", children: item.text }), _jsx(IconButton, { label: "Edit queued message", compact: true, onClick: () => edit(item.id), children: _jsx(Pencil, { "aria-hidden": "true" }) }), _jsx(IconButton, { label: "Remove queued message", compact: true, onClick: () => chat.unqueue(item.id), children: _jsx(X, { "aria-hidden": "true" }) })] }, item.id)))] })), readOnly ? null : (_jsx(ComposerPrimitive.Root, { className: "ahc-composer", children: _jsxs(ComposerPrimitive.Unstable_TriggerPopoverRoot, { children: [commands.length === 0 ? null : (_jsxs(ComposerPrimitive.Unstable_TriggerPopover, { char: COMMAND, matcher: atStart, adapter: listed, "aria-label": "Commands", className: "ahc-menu ahc-commands", children: [_jsx(ComposerPrimitive.Unstable_TriggerPopover.Directive, { formatter: commanded }), _jsx(ComposerPrimitive.Unstable_TriggerPopoverItems, { children: (items) => items.map((item, index) => (_jsx(ComposerPrimitive.Unstable_TriggerPopoverItem, { item: item, index: index, className: "ahc-row ahc-row--two", children: _jsxs("span", { className: "ahc-row__label", children: [_jsx("span", { className: "ahc-row__title ahc-mono", children: item.label }), _jsx("span", { className: "ahc-row__sub", children: item.description })] }) }, item.id))) })] })),
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
} }), opened.options.map((option) => (_jsx(Picker, { option: option, choose: chat.choose }, option.id))), _jsx("span", { className: "ahc-spacer" }), context === null ? null : (_jsx("span", { title: "Context in use", className: "ahc-meta", children: contextText(context) })), running ? (_jsx("button", { type: "button", className: `ahc-btn ahc-btn--icon ${drafted ? 'ahc-btn--outline' : 'ahc-btn--ink'}`, "aria-label": "Stop", title: "Stop", onClick: interrupt, children: _jsx(Square, { "aria-hidden": "true" }) })) : null, running && !drafted ? null : (_jsx(ComposerPrimitive.Send, { className: "ahc-btn ahc-btn--icon ahc-btn--ink", "aria-label": running ? 'Queue message' : 'Send', disabled: fault !== null, children: _jsx(ArrowUp, { size: 20, "aria-hidden": "true" }) }))] })] }) })), fault === null ? null : (_jsx("p", { className: "ahc-note", role: "status", "data-state": "refused", children: fault })), note({ outcome: chat.acting.outcome }), note({ outcome: chat.sending.outcome, again: chat.sending.again ?? undefined })] }) }));
|
|
85
|
+
const drafted = typed.trim() !== '';
|
|
86
|
+
const readOnly = opened.deleted || opened.waits;
|
|
87
|
+
return (_jsx(Scoped, { children: _jsxs("div", { className: "ahc-input-area", children: [readOnly || queued.length === 0 ? null : (_jsxs("div", { role: "group", "aria-label": "Queued messages", className: "ahc-queue", children: [_jsxs("div", { className: "ahc-queue__head", children: [_jsx(ListEnd, { "aria-hidden": "true" }), _jsx("span", { className: "ahc-queue__said", children: `${queued.length} ${queued.length === 1 ? 'message waits' : 'messages wait'} for ${opened.name} to finish` }), running ? (_jsx(Button, { variant: "outline", compact: true, onClick: interrupt, children: "Send now" })) : null] }), queued.map((item) => (_jsxs("div", { className: "ahc-queue-row", children: [_jsx(CornerDownRight, { "aria-hidden": "true", className: "ahc-muted" }), _jsx("span", { className: "ahc-queue-row__text", children: item.text }), _jsx(IconButton, { label: "Edit queued message", compact: true, onClick: () => edit(item.id), children: _jsx(Pencil, { "aria-hidden": "true" }) }), _jsx(IconButton, { label: "Remove queued message", compact: true, onClick: () => chat.unqueue(item.id), children: _jsx(X, { "aria-hidden": "true" }) })] }, item.id)))] })), readOnly ? null : (_jsx(ComposerPrimitive.Root, { className: "ahc-composer", children: _jsxs(ComposerPrimitive.Unstable_TriggerPopoverRoot, { children: [commands.length === 0 ? null : (_jsxs(ComposerPrimitive.Unstable_TriggerPopover, { char: COMMAND, matcher: atStart, adapter: listed, "aria-label": "Commands", className: "ahc-menu ahc-commands", children: [_jsx(ComposerPrimitive.Unstable_TriggerPopover.Directive, { formatter: commanded }), _jsx(ComposerPrimitive.Unstable_TriggerPopoverItems, { children: (items) => items.map((item, index) => (_jsx(ComposerPrimitive.Unstable_TriggerPopoverItem, { item: item, index: index, className: "ahc-row ahc-row--two", children: _jsxs("span", { className: "ahc-row__label", children: [_jsx("span", { className: "ahc-row__title ahc-mono", children: item.label }), _jsx("span", { className: "ahc-row__sub", children: item.description })] }) }, item.id))) })] })), _jsx(ComposerPrimitive.Input, { asChild: true, "aria-label": "Message", placeholder: lone === null ? `Message ${opened.name}` : lone.field.prompt, submitMode: fault === null ? 'enter' : 'none', children: _jsx("textarea", { ref: input, className: "ahc-composer__input", rows: 1 }) }), _jsxs("div", { className: "ahc-composer__bar", children: [attach === null ? null : (_jsxs(_Fragment, { children: [_jsx(IconButton, { label: "Add files", onClick: () => picker.current?.click(), children: _jsx(Plus, { size: 20, "aria-hidden": "true" }) }), _jsx("input", { ref: picker, type: "file", multiple: true, hidden: true, onChange: (event) => {
|
|
88
|
+
const chosen = [...(event.target.files ?? [])];
|
|
89
|
+
event.target.value = '';
|
|
90
|
+
void attach(chosen);
|
|
91
|
+
} })] })), opened.options.map((option) => (_jsx(Picker, { option: option, choose: chat.choose }, option.id))), _jsx("span", { className: "ahc-spacer" }), context === null ? null : (_jsx("span", { title: "Context in use", className: "ahc-meta", children: contextText(context) })), running ? (_jsx("button", { type: "button", className: `ahc-btn ahc-btn--icon ${drafted ? 'ahc-btn--outline' : 'ahc-btn--ink'}`, "aria-label": "Stop", title: "Stop", onClick: interrupt, children: _jsx(Square, { "aria-hidden": "true" }) })) : null, running && !drafted ? null : (_jsx(ComposerPrimitive.Send, { className: "ahc-btn ahc-btn--icon ahc-btn--ink", "aria-label": running ? 'Queue message' : 'Send', disabled: fault !== null, children: _jsx(ArrowUp, { size: 20, "aria-hidden": "true" }) }))] })] }) })), opened.deleted || opened.waiting === null ? null : decision?.(opened.waiting), fault === null ? null : (_jsx("p", { className: "ahc-note", role: "status", "data-state": "refused", children: fault })), note({ outcome: chat.acting.outcome }), note({ outcome: chat.sending.outcome, again: chat.sending.again ?? undefined })] }) }));
|
|
99
92
|
}
|
package/dist/chat/kit.d.ts
CHANGED
|
@@ -48,7 +48,8 @@ export declare function ItemRow({ lead, title, sub, trailing, }: {
|
|
|
48
48
|
sub: ReactNode;
|
|
49
49
|
trailing: ReactNode;
|
|
50
50
|
}): ReactElement;
|
|
51
|
-
export declare function Working({ step }: {
|
|
51
|
+
export declare function Working({ label, step, }: {
|
|
52
|
+
label?: string;
|
|
52
53
|
step?: string | undefined;
|
|
53
54
|
}): ReactElement;
|
|
54
55
|
export type ChatNoteProps = {
|
package/dist/chat/kit.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kit.d.ts","sourceRoot":"","sources":["../../src/chat/kit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAEhF,eAAO,MAAM,MAAM,6CAA0C,CAAC;AAE9D,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,YAAY,CAQf;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAa1E;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CASrF;AAED,KAAK,MAAM,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC;AA0BjE,wBAAgB,MAAM,CAAC,EACrB,OAAiB,EACjB,OAAe,EACf,IAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,MAAM,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAMlE;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAiB,EACjB,OAAe,EACf,IAAe,EACf,GAAG,IAAI,EACR,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CASjF;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CAM5F;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,YAAY,CAqBf;AAED,wBAAgB,OAAO,IAAI,YAAY,CAEtC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,YAAY,CAYf;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,YAAY,CAsDf;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,SAAS,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,YAAY,CAWf;AAMD,wBAAgB,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"kit.d.ts","sourceRoot":"","sources":["../../src/chat/kit.tsx"],"names":[],"mappings":"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"}
|
package/dist/chat/kit.js
CHANGED
|
@@ -94,7 +94,7 @@ export function ItemRow({ lead, title, sub, trailing, }) {
|
|
|
94
94
|
function elapsed(seconds) {
|
|
95
95
|
return seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`;
|
|
96
96
|
}
|
|
97
|
-
export function Working({ step }) {
|
|
97
|
+
export function Working({ label = 'Working', step, }) {
|
|
98
98
|
const [from] = useState(() => Date.now());
|
|
99
99
|
const [now, setNow] = useState(from);
|
|
100
100
|
useEffect(() => {
|
|
@@ -102,11 +102,11 @@ export function Working({ step }) {
|
|
|
102
102
|
const tick = setInterval(() => setNow(Date.now()), 1000);
|
|
103
103
|
return () => clearInterval(tick);
|
|
104
104
|
}, []);
|
|
105
|
-
return (_jsxs("div", { className: "ahc-toolline ahc-working", role: "status", children: [_jsx("span", { className: "ahc-shimmer", children:
|
|
105
|
+
return (_jsxs("div", { className: "ahc-toolline ahc-working", role: "status", children: [_jsx("span", { className: "ahc-shimmer", children: label }), _jsx("span", { className: "ahc-figure", "aria-hidden": "true", children: elapsed(Math.floor((now - from) / 1000)) }), step === undefined ? null : _jsx("span", { children: step })] }));
|
|
106
106
|
}
|
|
107
107
|
const SAID = {
|
|
108
108
|
sending: 'Sending…',
|
|
109
|
-
offline: '
|
|
109
|
+
offline: 'House can’t be reached. Nothing was sent.',
|
|
110
110
|
};
|
|
111
111
|
const UNANSWERED = 'House did not answer.';
|
|
112
112
|
export function ChatNote({ outcome, again }) {
|
package/dist/chat/list.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ComponentType, type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import type { ChatState } from './provider.js';
|
|
2
3
|
export type AgentLook = {
|
|
3
4
|
readonly AgentLink?: ComponentType<{
|
|
4
5
|
agent: string;
|
|
@@ -17,9 +18,10 @@ export type ChatMessageListProps = {
|
|
|
17
18
|
};
|
|
18
19
|
readonly onLink?: (href: string) => void;
|
|
19
20
|
readonly footer?: ReactNode;
|
|
21
|
+
readonly waiting?: (chat: ChatState) => string | null;
|
|
20
22
|
readonly children?: ReactNode;
|
|
21
23
|
};
|
|
22
|
-
export declare function ChatMessageList({ components, onLink, footer, children, }: ChatMessageListProps): ReactElement;
|
|
24
|
+
export declare function ChatMessageList({ components, onLink, footer, waiting, children, }: ChatMessageListProps): ReactElement;
|
|
23
25
|
export declare function ChatList({ onChoose }: {
|
|
24
26
|
onChoose: () => void;
|
|
25
27
|
}): ReactElement;
|
package/dist/chat/list.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/chat/list.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/chat/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,SAAS,CAAC,EACf,aAAa,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,SAAS,CAAC;QACpB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;KACpC,CAAC,GACF,SAAS,CAAC;IACd,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC9E,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,SAAS,oCAA+B,CAAC;AAkEtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE;QACpB,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;QACrC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC;KAC3C,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAe,EACf,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,oBAAoB,GAAG,YAAY,CAgFrC;AAoBD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,YAAY,CAkD7E"}
|
package/dist/chat/list.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useContext, } from 'react';
|
|
3
|
-
import { ThreadPrimitive } from '@assistant-ui/react';
|
|
2
|
+
import { createContext, useContext, useEffect, useRef, } from 'react';
|
|
3
|
+
import { ThreadPrimitive, useAui } from '@assistant-ui/react';
|
|
4
4
|
import Check from 'lucide-react/dist/esm/icons/check.mjs';
|
|
5
5
|
import MessageSquare from 'lucide-react/dist/esm/icons/message-square.mjs';
|
|
6
6
|
import SquarePen from 'lucide-react/dist/esm/icons/square-pen.mjs';
|
|
7
|
-
import { Name, Scoped } from './kit.js';
|
|
8
|
-
import { AssistantMessage, Linked, UserMessage } from './message.js';
|
|
7
|
+
import { Name, Scoped, Working } from './kit.js';
|
|
8
|
+
import { AssistantMessage, HouseMessage, Linked, UserMessage } from './message.js';
|
|
9
9
|
import { ChatName } from './name.js';
|
|
10
10
|
import { useOpened } from './opened.js';
|
|
11
11
|
import { ChatQuestionCard } from './question.js';
|
|
12
12
|
export const Described = createContext({});
|
|
13
|
+
const EARLIER_MARGIN = 240;
|
|
13
14
|
function Chip({ agent, name, on, start, }) {
|
|
14
15
|
const { agentMark, agentDetail, AgentLink } = useContext(Described);
|
|
15
16
|
const content = (_jsxs(_Fragment, { children: [agentMark?.(agent, 16), _jsx(Name, { text: name }), agentDetail === undefined ? null : _jsx(Name, { text: agentDetail(agent), className: "ahc-meta" })] }));
|
|
@@ -22,15 +23,55 @@ function Empty() {
|
|
|
22
23
|
return (_jsxs("div", { className: "ahc-empty", children: [_jsx("h2", { className: "ahc-empty__title", children: "What should we work on?" }), chat.conversation === null &&
|
|
23
24
|
(chat.agents.length > 1 || !chat.agents.some((one) => one.identity === chat.by)) ? (_jsx("div", { role: "group", "aria-label": "Agent", className: "ahc-agents", children: chat.agents.map((one) => (_jsx(Chip, { agent: one.identity, name: one.name, on: one.identity === chat.by, start: chat.start }, one.identity))) })) : null] }));
|
|
24
25
|
}
|
|
25
|
-
export function ChatMessageList({ components = {}, onLink, footer, children, }) {
|
|
26
|
+
export function ChatMessageList({ components = {}, onLink, footer, waiting, children, }) {
|
|
26
27
|
const chat = useOpened();
|
|
27
28
|
const linked = useContext(Linked);
|
|
29
|
+
const aui = useAui();
|
|
30
|
+
const viewport = useRef(null);
|
|
31
|
+
const content = useRef(null);
|
|
32
|
+
const anchor = useRef(null);
|
|
33
|
+
const first = chat.view?.messages[0]?.identity;
|
|
34
|
+
const shownFirst = useRef(first);
|
|
35
|
+
shownFirst.current = first;
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
const element = viewport.current;
|
|
38
|
+
const inner = content.current;
|
|
39
|
+
if (element === null || inner === null)
|
|
40
|
+
return;
|
|
41
|
+
const kept = new ResizeObserver(() => {
|
|
42
|
+
const held = anchor.current;
|
|
43
|
+
if (held === null || held.first === shownFirst.current)
|
|
44
|
+
return;
|
|
45
|
+
if (element.scrollHeight === held.height)
|
|
46
|
+
return;
|
|
47
|
+
anchor.current = null;
|
|
48
|
+
element.scrollTop += element.scrollHeight - held.height;
|
|
49
|
+
});
|
|
50
|
+
kept.observe(inner);
|
|
51
|
+
return () => kept.disconnect();
|
|
52
|
+
}, []);
|
|
53
|
+
const earlier = () => {
|
|
54
|
+
const element = viewport.current;
|
|
55
|
+
if (element === null || element.scrollTop > EARLIER_MARGIN)
|
|
56
|
+
return;
|
|
57
|
+
const thread = aui.thread();
|
|
58
|
+
const state = thread.getState();
|
|
59
|
+
if (!state.hasEarlier || state.isLoadingEarlier)
|
|
60
|
+
return;
|
|
61
|
+
anchor.current = { height: element.scrollHeight, first };
|
|
62
|
+
void thread.loadEarlier();
|
|
63
|
+
};
|
|
64
|
+
const line = waiting?.(chat) ?? null;
|
|
28
65
|
const User = components.UserMessage ?? UserMessage;
|
|
29
66
|
const Assistant = components.AssistantMessage ?? AssistantMessage;
|
|
30
67
|
const silent = chat.view === null
|
|
31
68
|
? chat.conversation === null
|
|
32
69
|
: chat.view.messages.length === 0 && chat.view.turn === null;
|
|
33
|
-
return (_jsx(Scoped, { children: _jsx(Linked.Provider, { value: onLink ?? linked, children: _jsx(ThreadPrimitive.Root, { className: "ahc-thread", children: _jsxs(ThreadPrimitive.Viewport, { className: "ahc-viewport", children: [_jsxs("div", { className: "ahc-column ahc-messages", children: [
|
|
70
|
+
return (_jsx(Scoped, { children: _jsx(Linked.Provider, { value: onLink ?? linked, children: _jsx(ThreadPrimitive.Root, { className: "ahc-thread", children: _jsxs(ThreadPrimitive.Viewport, { className: "ahc-viewport", ref: viewport, onScroll: earlier, children: [_jsxs("div", { className: "ahc-column ahc-messages", ref: content, children: [chat.renewed ? (_jsx("p", { role: "note", className: "ahc-meta", children: "New chat started" })) : null, silent ? _jsx(Empty, {}) : null, _jsx(ThreadPrimitive.Messages, { components: {
|
|
71
|
+
UserMessage: User,
|
|
72
|
+
AssistantMessage: Assistant,
|
|
73
|
+
SystemMessage: HouseMessage,
|
|
74
|
+
} }), line === null ? null : (_jsx("div", { className: "ahc-turn", children: _jsx(Working, { label: line }) })), children === undefined
|
|
34
75
|
? chat.questions.map((question) => (_jsx(ChatQuestionCard, { question: question }, question.interaction)))
|
|
35
76
|
: children] }), footer === undefined ? null : (_jsx(ThreadPrimitive.ViewportFooter, { className: "ahc-column ahc-footer", children: footer }))] }) }) }) }));
|
|
36
77
|
}
|
package/dist/chat/markdown.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type ReactElement, type ReactNode } from 'react';
|
|
2
2
|
export interface FileReference {
|
|
3
|
-
readonly
|
|
4
|
-
readonly names?: (destination: string) => boolean;
|
|
3
|
+
readonly names: (destination: string) => boolean;
|
|
5
4
|
readonly draw: (reference: string, label: string, image: boolean) => ReactNode;
|
|
6
5
|
}
|
|
7
6
|
interface MarkdownOptions {
|
|
@@ -11,6 +10,7 @@ interface MarkdownOptions {
|
|
|
11
10
|
}
|
|
12
11
|
export declare function slugOf(text: string): string;
|
|
13
12
|
export declare function anchorOf(fragment: string): string;
|
|
13
|
+
export declare function revealed(anchor: string): HTMLElement | null;
|
|
14
14
|
export declare function plainText(text: string): string;
|
|
15
15
|
export type MarkdownProps = MarkdownOptions & {
|
|
16
16
|
readonly text: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/chat/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/chat/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;CAChF;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;CAC/B;AAYD,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM3C;AAED,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjD;AAiDD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAK3D;AA4JD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,YAAY,CAgDrF"}
|
package/dist/chat/markdown.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { createElement, Fragment } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { gfm } from 'micromark-extension-gfm';
|
|
1
|
+
import { createElement, Fragment, useEffect, useMemo, useRef, useState, } from 'react';
|
|
2
|
+
import { flushSync } from 'react-dom';
|
|
3
|
+
import { drawn, longOf, parseMarkdown, pieceAt, remaining, } from './pieces.js';
|
|
5
4
|
function unfiled(options) {
|
|
6
|
-
const { definitions,
|
|
7
|
-
return onLink === undefined ? { definitions,
|
|
5
|
+
const { definitions, ids, onLink } = options;
|
|
6
|
+
return onLink === undefined ? { definitions, ids } : { definitions, ids, onLink };
|
|
8
7
|
}
|
|
9
8
|
export function slugOf(text) {
|
|
10
9
|
return text
|
|
@@ -23,27 +22,7 @@ function headingId(slugs, text) {
|
|
|
23
22
|
return anchorOf(seen === 0 ? slug : `${slug}-${seen}`);
|
|
24
23
|
}
|
|
25
24
|
function whole(file, text) {
|
|
26
|
-
return
|
|
27
|
-
([...text.matchAll(file.pattern)].some((one) => one[0] === text) || file.names?.(text) === true));
|
|
28
|
-
}
|
|
29
|
-
function referenced(file, text, key) {
|
|
30
|
-
const parts = [];
|
|
31
|
-
let from = 0;
|
|
32
|
-
for (const found of text.matchAll(file.pattern)) {
|
|
33
|
-
const at = found.index;
|
|
34
|
-
if (at > from)
|
|
35
|
-
parts.push(text.slice(from, at));
|
|
36
|
-
parts.push(createElement(Fragment, { key: at }, file.draw(found[0], found[0], false)));
|
|
37
|
-
from = at + found[0].length;
|
|
38
|
-
}
|
|
39
|
-
if (from === 0)
|
|
40
|
-
return text;
|
|
41
|
-
if (from < text.length)
|
|
42
|
-
parts.push(text.slice(from));
|
|
43
|
-
return createElement(Fragment, { key }, ...parts);
|
|
44
|
-
}
|
|
45
|
-
function parseMarkdown(text) {
|
|
46
|
-
return fromMarkdown(text, { extensions: [gfm()], mdastExtensions: [gfmFromMarkdown()] });
|
|
25
|
+
return file !== undefined && file.names(text);
|
|
47
26
|
}
|
|
48
27
|
function safeHref(url) {
|
|
49
28
|
const href = url.replace(/[\t\n\r]/g, '').replace(/^[\u0000-\u0020]+|[\u0000-\u0020]+$/g, '');
|
|
@@ -65,13 +44,32 @@ function textOf(node) {
|
|
|
65
44
|
return node.children.map(textOf).join('');
|
|
66
45
|
return '';
|
|
67
46
|
}
|
|
68
|
-
function
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
47
|
+
function headingIds(nodes, slugs, ids) {
|
|
48
|
+
for (const node of nodes) {
|
|
49
|
+
if (node.type === 'heading')
|
|
50
|
+
ids.set(node, headingId(slugs, textOf(node)));
|
|
51
|
+
else if (node.type === 'blockquote' || node.type === 'list' || node.type === 'listItem') {
|
|
52
|
+
headingIds(node.children, slugs, ids);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
const revealers = new Set();
|
|
57
|
+
export function revealed(anchor) {
|
|
58
|
+
const heading = document.getElementById(anchor);
|
|
59
|
+
if (heading !== null)
|
|
60
|
+
return heading;
|
|
61
|
+
for (const reveal of revealers)
|
|
62
|
+
if (reveal(anchor))
|
|
63
|
+
return document.getElementById(anchor);
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
66
|
+
function fragmentOf(href) {
|
|
67
|
+
try {
|
|
68
|
+
return decodeURIComponent(href.slice(1));
|
|
69
|
+
}
|
|
70
|
+
catch {
|
|
71
|
+
return href.slice(1);
|
|
72
|
+
}
|
|
75
73
|
}
|
|
76
74
|
function link(url, node, key, options) {
|
|
77
75
|
if (whole(options.file, url)) {
|
|
@@ -83,7 +81,8 @@ function link(url, node, key, options) {
|
|
|
83
81
|
return createElement(Fragment, { key }, ...inside);
|
|
84
82
|
const onLink = options.onLink;
|
|
85
83
|
if (external(href) || onLink === undefined) {
|
|
86
|
-
|
|
84
|
+
const onClick = href.startsWith('#') ? () => revealed(fragmentOf(href)) : undefined;
|
|
85
|
+
return createElement('a', { key, href, rel: 'noreferrer', onClick }, ...inside);
|
|
87
86
|
}
|
|
88
87
|
return createElement('a', {
|
|
89
88
|
key,
|
|
@@ -104,9 +103,9 @@ function render(node, key, options, header = false) {
|
|
|
104
103
|
case 'paragraph':
|
|
105
104
|
return createElement('p', { key }, ...children());
|
|
106
105
|
case 'heading':
|
|
107
|
-
return createElement(`h${node.depth}`, { key, id:
|
|
106
|
+
return createElement(`h${node.depth}`, { key, id: options.ids.get(node) }, ...children());
|
|
108
107
|
case 'text':
|
|
109
|
-
return
|
|
108
|
+
return node.value;
|
|
110
109
|
case 'emphasis':
|
|
111
110
|
return createElement('em', { key }, ...children());
|
|
112
111
|
case 'strong':
|
|
@@ -183,6 +182,48 @@ export function plainText(text) {
|
|
|
183
182
|
return spokenOf(parseMarkdown(text)).replace(/\s+/g, ' ').trim();
|
|
184
183
|
}
|
|
185
184
|
export function Markdown({ text, className, ...options }) {
|
|
186
|
-
const
|
|
187
|
-
|
|
185
|
+
const long = useMemo(() => longOf(text), [text]);
|
|
186
|
+
const [shown, setShown] = useState(1);
|
|
187
|
+
const more = useRef(null);
|
|
188
|
+
const nodes = drawn(long, shown);
|
|
189
|
+
const showing = Math.min(shown, long.pieces.length);
|
|
190
|
+
const rest = remaining(long, showing);
|
|
191
|
+
useEffect(() => {
|
|
192
|
+
const sentinel = more.current;
|
|
193
|
+
if (sentinel === null)
|
|
194
|
+
return;
|
|
195
|
+
const watcher = new IntersectionObserver((seen) => {
|
|
196
|
+
if (seen.some((one) => one.isIntersecting))
|
|
197
|
+
setShown(showing + 1);
|
|
198
|
+
}, { rootMargin: '0px 0px 100% 0px' });
|
|
199
|
+
watcher.observe(sentinel);
|
|
200
|
+
return () => watcher.disconnect();
|
|
201
|
+
}, [showing, long]);
|
|
202
|
+
useEffect(() => {
|
|
203
|
+
if (!rest)
|
|
204
|
+
return;
|
|
205
|
+
const reveal = (anchor) => {
|
|
206
|
+
const slugs = new Map();
|
|
207
|
+
for (let index = 0;; index += 1) {
|
|
208
|
+
const piece = pieceAt(long, index);
|
|
209
|
+
if (piece === null)
|
|
210
|
+
return false;
|
|
211
|
+
const ids = new Map();
|
|
212
|
+
headingIds(piece.nodes, slugs, ids);
|
|
213
|
+
if ([...ids.values()].includes(anchor)) {
|
|
214
|
+
if (index >= showing)
|
|
215
|
+
flushSync(() => setShown(index + 1));
|
|
216
|
+
return true;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
};
|
|
220
|
+
revealers.add(reveal);
|
|
221
|
+
return () => {
|
|
222
|
+
revealers.delete(reveal);
|
|
223
|
+
};
|
|
224
|
+
}, [showing, long, rest]);
|
|
225
|
+
const ids = new Map();
|
|
226
|
+
headingIds(nodes, new Map(), ids);
|
|
227
|
+
const rendering = { ...options, definitions: long.urls, ids };
|
|
228
|
+
return createElement('div', { className }, ...nodes.map((node, at) => render(node, at, rendering)), rest ? createElement('div', { key: 'more', ref: more }) : null);
|
|
188
229
|
}
|
package/dist/chat/message.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ReactElement } from 'react';
|
|
2
2
|
export declare const Linked: import("react").Context<((href: string) => void) | null>;
|
|
3
3
|
export declare function UserMessage(): ReactElement;
|
|
4
|
+
export declare function HouseMessage(): ReactElement;
|
|
4
5
|
export declare function Undelivered(): ReactElement;
|
|
5
6
|
export declare function AssistantMessage(): ReactElement;
|
|
6
7
|
//# sourceMappingURL=message.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAuCf,eAAO,MAAM,MAAM,kCAAyB,MAAM,KAAK,IAAI,SAAe,CAAC;AAiR3E,wBAAgB,WAAW,IAAI,YAAY,CAkB1C;AAuCD,wBAAgB,YAAY,IAAI,YAAY,CAW3C;AAkCD,wBAAgB,WAAW,IAAI,YAAY,CAE1C;AAED,wBAAgB,gBAAgB,IAAI,YAAY,CAiG/C"}
|