Files
wehub-resource-sync e30e75b5d4
Changesets / Create Version PR (push) Has been cancelled
Deploy Shadcn Registry / Deploy Production (push) Has been cancelled
Template Metrics / LOC + Bundle Size (push) Has been cancelled
Code Quality / Oxlint + Oxfmt (push) Has been cancelled
Code Quality / Template Sync (push) Has been cancelled
Code Quality / Build Changed Packages (push) Has been cancelled
Code Quality / Test Changed Packages (push) Has been cancelled
Deploy Expo Example / Deploy Production (push) Has been cancelled
Deploy Ink Example / Deploy Production (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.12) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.12) (push) Has been cancelled
chore: import upstream snapshot with attribution
2026-07-13 13:40:13 +08:00

78 lines
2.0 KiB
Plaintext

---
title: Meta
description: Track scope origin with source and query.
---
Every scope accessor has two metadata properties: `source` and `query`. They describe where a scope comes from.
```tsx
aui.thread.source; // "root" | "parentScope" | null
aui.thread.query; // {} | { index: 0 } | null
```
## Root scopes
When you fill a scope directly via `useAui({ ... })`, it gets `source: "root"` and an empty `query`:
```tsx
const aui = useAui({ thread: ThreadResource() });
aui.thread.source; // "root"
aui.thread.query; // {}
```
This is the default — the scope was provided directly, not derived from another scope.
## Derived scopes
When a scope is created via `Derived`, its `source` points to the parent scope it was derived from, and `query` carries the lookup parameters:
```tsx
const aui = useAui({
message: Derived({
source: "thread",
query: { index: 0 },
get: (aui) => aui.thread().message({ index: 0 }),
}),
});
aui.message.source; // "thread"
aui.message.query; // { index: 0 }
```
You can declare the expected meta shape in `ScopeRegistry`:
```ts
declare module "@assistant-ui/store" {
interface ScopeRegistry {
message: {
methods: {
getState: () => { role: string; content: string };
};
meta: { source: "thread"; query: { index: number } };
};
}
}
```
This makes the `source` and `query` types precise — TypeScript will enforce that any `Derived` providing the `message` scope uses the correct source and query shape.
## Unavailable scopes
When a scope hasn't been provided by any `AuiProvider` above the current component, its accessor has `source: null` and `query: null`:
```tsx
aui.message.source; // null — no message scope in context
aui.message.query; // null
```
This is how you check whether a scope is available.
## Summary
| `source` | Meaning |
| --- | --- |
| `"root"` | Scope was filled directly via `useAui({ ... })` |
| `"parentScope"` | Scope was derived from another scope via `Derived` |
| `null` | Scope is not available in the current context |