@colixsystems/widget-sdk 0.57.0 → 0.58.0

package/README.md

@@ -52,7 +52,11 @@ See the design reference for the full architecture: [`docs/architecture/widget-m
 
 ## Status
 
-`v0.57.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+`v0.58.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+
+### What's new in 0.58.0
+
+**Filter the directory by group (sc-2964).** `useDirectory(query?)` and `useUsers(query?)` gain an optional `group_id` on the query object (`{ q?, role?, is_active?, group_id?, limit?, offset? }`). Pass the `id` of a `useGroups()` row to list only that group's members — pair it with a group picker to build "members of group X". A `group_id` from another tenant or a non-existent one returns an empty roster, never a cross-tenant member. The `DirectoryQuery` / `UsersQuery` types add `group_id?: string`; existing callers pass no `group_id` and see the full roster. No scope, manifest field, import, or hook signature changed — `CONTRACT` is unchanged; the query flows verbatim through the injected `@colixsystems/directory-client` on both the web Player and the native Expo export.
 
 ### What's new in 0.57.0
 
@@ -454,6 +458,7 @@ A widget that works but looks unfinished is only half done. `useTheme()` is the
 
 - **Pull spacing and corners from tokens.** Use `theme.spacing` (`xs / sm / md / lg / xl`) for a consistent padding and gap rhythm, and `theme.radii` (`sm / md / lg / pill`) for corners. Don't hardcode raw pixel values.
 - **Build a hierarchy.** A clear title (large, bold, `colors.onSurface`), body text, and muted captions in `colors.onSurfaceMuted` — three weights, not one flat size. Reserve `colors.primary` (with `colors.onPrimary` for text on it) for the single most important action or metric.
+- **Set the theme font on every `Text`.** React Native `Text` does not inherit `fontFamily` from a parent, so a text element that omits it falls back to the system font and ignores the workspace's configured font. Put `theme.typography.fontFamily` on every text style (a shared `StyleSheet` built from `theme` keeps it in one place) and size text with `theme.typography.sizes`.
 - **Contain and elevate.** Wrap a logical unit in a surface: `colors.surface` + padding + `radii.md` + a `colors.border` hairline or a subtle shadow. Use the status roles (`danger / success / warning / info`) for state.
 - **Respond to touch.** Give every `Pressable` a pressed state via the function-style `style={({ pressed }) => [base, pressed && { opacity: 0.7 }]}`.
 - **Use icons for clarity.** Pair a `lucide-react-native` icon with its label at a consistent size, coloured from the theme.

package/dist/hooks.js

@@ -2221,8 +2221,10 @@ function toDirectoryError(err) {
  * users is NOT part of this surface; the directory is read-only here (see
  * useUsers for administration).
  *
- * `query` is an optional `{ q?, role?, is_active?, limit?, offset? }`
- * object passed through verbatim. The hook re-fetches whenever
+ * `query` is an optional `{ q?, role?, is_active?, group_id?, limit?, offset? }`
+ * object passed through verbatim. `group_id` (the `id` of a `useGroups()` row)
+ * restricts the roster to that group's members — pair it with a group picker to
+ * build "members of group X". The hook re-fetches whenever
  * `JSON.stringify(query)` changes and exposes `refetch` for on-demand
  * reloads (e.g. a chat roster refresh).
  *
@@ -2300,8 +2302,10 @@ export function useDirectory(query) {
  * invite, deactivate, reactivate}` — `list` resolves to the `{ data, meta }`
  * envelope VERBATIM, so we unwrap `res.data` (default `[]`). User rows are
  * snake_case (`id`, `name`, `email`, `role`, `is_active`, …) and bodies
- * (e.g. `{ email, name, group_ids? }`) pass through verbatim. The list
- * refetches whenever `JSON.stringify(query)` changes; the imperative methods
+ * (e.g. `{ email, name, group_ids? }`) pass through verbatim. `query` is an
+ * optional `{ q?, role?, is_active?, group_id?, limit?, offset? }`; `group_id`
+ * (the `id` of a `useGroups()` row) narrows the list to that group's members.
+ * The list refetches whenever `JSON.stringify(query)` changes; the imperative methods
  * reject with a `DirectoryError`. Reads require the `users.read:*` scope;
  * mutations additionally require `users.write:*`. The host's signed
  * `X-Widget-Scopes` header + a tenant-scoped SystemAcl `users.read` /

package/dist/index.d.ts

@@ -585,6 +585,11 @@ export interface DirectoryQuery {
   role?: "USER" | "INTEGRATION" | "ALL";
   /** Filter by active state (snake_case on the wire). */
   is_active?: boolean;
+  /**
+   * Restrict the roster to members of one app-user group — the `id` of a
+   * `useGroups()` row. Pair with a group picker to build "members of group X".
+   */
+  group_id?: string;
   limit?: number;
   offset?: number;
 }
@@ -1082,6 +1087,8 @@ export interface UsersQuery {
   q?: string;
   role?: "USER" | "INTEGRATION" | "ALL";
   is_active?: boolean;
+  /** Restrict to members of one app-user group — the `id` of a `useGroups()` row. */
+  group_id?: string;
   limit?: number;
   offset?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colixsystems/widget-sdk",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "description": "Common widget interface for AppStudio. Implements WidgetManifest, WidgetContext, property schema, and helper hooks.",
   "type": "module",
   "main": "./dist/index.js",