@happyvertical/smrt-ui 0.51.39 → 0.53.0

package/dist/components/forms/__tests__/combobox-form.fixture.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+import Combobox from '../Combobox.svelte';
+import type { ControlInteractionRegistry } from '../control-interaction.js';
+import Form from '../Form.svelte';
+
+interface Props {
+  name?: string;
+  unnamed?: boolean;
+  value?: string;
+  disabled?: boolean;
+  fieldsetDisabled?: boolean;
+  allowCustom?: boolean;
+  registry?: ControlInteractionRegistry;
+}
+let {
+  name = 'sku',
+  unnamed = false,
+  value = $bindable(''),
+  disabled = false,
+  fieldsetDisabled = false,
+  allowCustom = false,
+  registry,
+}: Props = $props();
+</script>
+<Form formId="order" interactionRegistry={registry} aria-label="Order">
+  <fieldset disabled={fieldsetDisabled}>
+    <Combobox name={unnamed ? undefined : name} label="SKU" options={[{value: '42', label: 'Plate 1/4 A36'}, {value: '43', label: 'Disabled plate', disabled: true}]} bind:value {disabled} {allowCustom} interaction={{id: 'sku'}} />
+  </fieldset>
+</Form>

package/dist/components/forms/__tests__/combobox-form.fixture.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { ControlInteractionRegistry } from '../control-interaction.js';
+interface Props {
+    name?: string;
+    unnamed?: boolean;
+    value?: string;
+    disabled?: boolean;
+    fieldsetDisabled?: boolean;
+    allowCustom?: boolean;
+    registry?: ControlInteractionRegistry;
+}
+declare const ComboboxForm: import("svelte").Component<Props, {}, "value">;
+type ComboboxForm = ReturnType<typeof ComboboxForm>;
+export default ComboboxForm;
+//# sourceMappingURL=combobox-form.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/combobox-form.fixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-form.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/combobox-form.fixture.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAI5E,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,0BAA0B,CAAC;CACvC;AAwBD,QAAA,MAAM,YAAY,gDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/forms/__tests__/combobox-labels.fixture.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+import Combobox from '../Combobox.svelte';
+import type { ControlOption } from '../control-interaction.js';
+
+let {
+  options = [],
+  value = $bindable(''),
+  valueLabel = undefined,
+  required = false,
+}: {
+  options?: ControlOption[];
+  value?: string;
+  valueLabel?: string;
+  required?: boolean;
+} = $props();
+</script>
+
+<Combobox label="Town" name="town" {options} {valueLabel} {required} bind:value />
+<p data-testid="value">{value}</p>

package/dist/components/forms/__tests__/combobox-labels.fixture.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { ControlOption } from '../control-interaction.js';
+type $$ComponentProps = {
+    options?: ControlOption[];
+    value?: string;
+    valueLabel?: string;
+    required?: boolean;
+};
+declare const ComboboxLabels: import("svelte").Component<$$ComponentProps, {}, "value">;
+type ComboboxLabels = ReturnType<typeof ComboboxLabels>;
+export default ComboboxLabels;
+//# sourceMappingURL=combobox-labels.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/combobox-labels.fixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-labels.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/combobox-labels.fixture.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE9D,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkBF,QAAA,MAAM,cAAc,2DAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/forms/__tests__/composite-registration.fixture.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+import type { ControlInteractionRegistry } from '../control-interaction.js';
+import Form from '../Form.svelte';
+import FormGroup from '../FormGroup.svelte';
+import Input from '../Input.svelte';
+import PlacePicker from './place-picker.fixture.svelte';
+
+interface Props {
+  registry: ControlInteractionRegistry;
+}
+let { registry }: Props = $props();
+let name = $state('');
+let place = $state<{
+  name: string;
+  latitude: number;
+  longitude: number;
+} | null>(null);
+</script>
+
+<Form formId="new-site" interactionRegistry={registry} aria-label="New site">
+  <FormGroup label="Site name" id="site-name">
+    <Input name="name" bind:value={name} />
+  </FormGroup>
+  <PlacePicker bind:value={place} />
+  <FormGroup label="Password" id="site-password">
+    <Input name="password" type="password" value="" />
+  </FormGroup>
+</Form>
+<p data-testid="place">{place ? place.name : 'none'}</p>

package/dist/components/forms/__tests__/composite-registration.fixture.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ControlInteractionRegistry } from '../control-interaction.js';
+interface Props {
+    registry: ControlInteractionRegistry;
+}
+declare const CompositeRegistration: import("svelte").Component<Props, {}, "">;
+type CompositeRegistration = ReturnType<typeof CompositeRegistration>;
+export default CompositeRegistration;
+//# sourceMappingURL=composite-registration.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/composite-registration.fixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-registration.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/composite-registration.fixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAO5E,UAAU,KAAK;IACb,QAAQ,EAAE,0BAA0B,CAAC;CACtC;AA8BD,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/components/forms/__tests__/control-interaction.test.js

@@ -2610,13 +2610,31 @@ describe('control interaction registry', () => {
             reveal,
             highlight,
         });
-        await registry.execute({ action: 'focus', identity });
+        await registry.execute({ action: 'focus', identity }, { source: 'user' });
         await registry.execute({ action: 'reveal', identity });
         await registry.execute({ action: 'highlight', identity, durationMs: 400 });
         expect(focus).toHaveBeenCalledOnce();
         expect(reveal).toHaveBeenCalledOnce();
         expect(highlight).toHaveBeenCalledWith(400);
     });
+    it('never moves keyboard focus for an agent: focus reveals and highlights instead', async () => {
+        const focus = vi.fn();
+        const reveal = vi.fn();
+        const highlight = vi.fn();
+        const registry = createControlInteractionRegistry();
+        registry.register({
+            identity,
+            metadata: { kind: 'text' },
+            focus,
+            reveal,
+            highlight,
+        });
+        const result = await registry.execute({ action: 'focus', identity }, { source: 'agent' });
+        expect(result.ok).toBe(true);
+        expect(focus).not.toHaveBeenCalled();
+        expect(reveal).toHaveBeenCalledOnce();
+        expect(highlight).toHaveBeenCalledOnce();
+    });
     it('rejects a recognized factory event retained beyond its dispatch', async () => {
         let captured;
         let value = 'Ada';

package/dist/components/forms/__tests__/control-proposals.test.js

@@ -0,0 +1,63 @@
+import { render, screen } from '@testing-library/svelte';
+import { tick } from 'svelte';
+import { describe, expect, it } from 'vitest';
+import { createControlInteractionRegistry } from '../control-interaction.js';
+import { controlProposalInputSchema, controlProposalToolName, stageControlProposals, } from '../control-proposals.js';
+import Fixture from './composite-registration.fixture.svelte';
+describe('useControlRegistration (public) and control proposals', () => {
+    it('registers a composite as one control with its declared value schema', async () => {
+        const registry = createControlInteractionRegistry();
+        render(Fixture, { props: { registry } });
+        await tick();
+        const ids = registry
+            .list('new-site')
+            .map((snapshot) => snapshot.identity.controlId);
+        expect(ids).toEqual(expect.arrayContaining(['name', 'place', 'password']));
+        const place = registry.get({ formId: 'new-site', controlId: 'place' });
+        expect(place?.metadata.label).toBe('Town location');
+        expect(place?.metadata.valueSchema).toMatchObject({ type: 'object' });
+    });
+    it('builds a proposal schema from every proposable control, never secrets', async () => {
+        const registry = createControlInteractionRegistry();
+        render(Fixture, { props: { registry } });
+        await tick();
+        const schema = controlProposalInputSchema(registry, 'new-site');
+        expect(Object.keys(schema.properties).sort()).toEqual(['name', 'place']);
+        expect(schema.properties.name).toEqual({
+            type: 'string',
+            title: 'Site name',
+        });
+        expect(schema.properties.place).toMatchObject({
+            type: 'object',
+            title: 'Town location',
+        });
+        expect(controlProposalInputSchema(registry, 'new-site', { exclude: ['name'] })).toMatchObject({ properties: { place: expect.any(Object) } });
+    });
+    it('stages proposals for review without changing values', async () => {
+        const registry = createControlInteractionRegistry();
+        render(Fixture, { props: { registry } });
+        await tick();
+        const result = await stageControlProposals(registry, 'new-site', {
+            name: 'Lacombe',
+            place: { name: 'Lacombe', latitude: 52.46, longitude: -113.73 },
+            password: 'hunter2',
+            nope: 1,
+        }, { actorId: 'assistant' });
+        expect(result).toEqual({
+            ok: true,
+            staged: 2,
+            rejected: [],
+            skipped: ['password', 'nope'],
+        });
+        expect(screen.getByTestId('place')).toHaveTextContent('none');
+        const staged = registry.get({ formId: 'new-site', controlId: 'place' });
+        expect(staged?.state.staged?.provenance).toMatchObject({
+            source: 'agent',
+            actorId: 'assistant',
+        });
+    });
+    it('names the tool with tool-safe characters', () => {
+        expect(controlProposalToolName('setup-network')).toBe('setup_network_stage_changes');
+        expect(controlProposalToolName('--')).toBe('form_stage_changes');
+    });
+});