@happyvertical/smrt-ui 0.51.39 → 0.53.0

package/dist/components/feedback/__tests__/WorkingStrip.test.js

@@ -0,0 +1,172 @@
+import { render, screen } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import WorkingStrip from '../WorkingStrip.svelte';
+describe('WorkingStrip', () => {
+    it('renders nothing but an empty live region while idle', () => {
+        const { container } = render(WorkingStrip, {
+            props: { status: { phase: 'idle', label: null } },
+        });
+        expect(screen.queryByTestId('working-strip')).toBeNull();
+        const live = container.querySelector('[aria-live="polite"]');
+        expect(live?.textContent?.trim()).toBe('');
+    });
+    it('announces the status and reopens the surface from the strip', async () => {
+        const onopen = vi.fn();
+        const onstop = vi.fn();
+        const { container } = render(WorkingStrip, {
+            props: {
+                status: { phase: 'working', label: 'Writing the summary' },
+                canStop: true,
+                onopen,
+                onstop,
+                openLabel: 'Open the assistant',
+            },
+        });
+        expect(container.querySelector('[aria-live="polite"]')?.textContent).toContain('Writing the summary');
+        await userEvent.click(screen.getByRole('button', {
+            name: 'Writing the summary. Open the assistant',
+        }));
+        expect(onopen).toHaveBeenCalledTimes(1);
+        await userEvent.click(screen.getByRole('button', { name: 'Stop' }));
+        expect(onstop).toHaveBeenCalledTimes(1);
+    });
+    it('falls back to default labels and hides Stop unless it can stop', () => {
+        render(WorkingStrip, {
+            props: { status: { phase: 'working', label: null } },
+        });
+        expect(screen.getByTestId('working-strip').textContent).toContain('Working…');
+        expect(screen.queryByRole('button', { name: 'Stop' })).toBeNull();
+    });
+    it('shows Done without a spinner or Stop', () => {
+        const { container } = render(WorkingStrip, {
+            props: {
+                status: { phase: 'done', label: null },
+                canStop: true,
+                variant: 'inline',
+            },
+        });
+        const strip = screen.getByTestId('working-strip');
+        expect(strip).toHaveAttribute('data-phase', 'done');
+        expect(strip.textContent).toContain('Done');
+        expect(container.querySelector('.working-strip__spinner')).toBeNull();
+        expect(screen.queryByRole('button', { name: 'Stop' })).toBeNull();
+    });
+    it('goes green with a check once done, red with a cross once failed', () => {
+        const { rerender } = render(WorkingStrip, {
+            props: {
+                status: { phase: 'done', label: null, goal: 'Show me meetings' },
+                variant: 'floating',
+            },
+        });
+        const strip = screen.getByTestId('working-strip');
+        expect(strip).toHaveAttribute('data-phase', 'done');
+        expect(strip.textContent).toContain('Show me meetings');
+        expect(strip.textContent).toContain('✓');
+        rerender({
+            status: { phase: 'failed', label: null, goal: 'Show me meetings' },
+            variant: 'floating',
+        });
+        expect(screen.getByTestId('working-strip')).toHaveAttribute('data-phase', 'failed');
+        expect(screen.getByTestId('working-strip').textContent).toContain("Couldn't finish");
+    });
+    it('offers Pause while working, Continue while paused, and Esc pauses', async () => {
+        const onpause = vi.fn();
+        const onresume = vi.fn();
+        const onstop = vi.fn();
+        const { rerender } = render(WorkingStrip, {
+            props: {
+                status: { phase: 'working', label: 'Opening Events' },
+                variant: 'floating',
+                canStop: true,
+                onpause,
+                onresume,
+                onstop,
+            },
+        });
+        await userEvent.click(screen.getByRole('button', { name: 'Pause' }));
+        expect(onpause).toHaveBeenCalledTimes(1);
+        screen.getByRole('button', { name: 'Pause' }).focus();
+        await userEvent.keyboard('{Escape}');
+        expect(onpause).toHaveBeenCalledTimes(2);
+        rerender({
+            status: { phase: 'paused', label: null },
+            variant: 'floating',
+            canStop: true,
+            onpause,
+            onresume,
+            onstop,
+        });
+        expect(screen.queryByRole('button', { name: 'Pause' })).toBeNull();
+        await userEvent.click(screen.getByRole('button', { name: 'Continue' }));
+        expect(onresume).toHaveBeenCalledTimes(1);
+        await userEvent.click(screen.getByRole('button', { name: 'Stop' }));
+        expect(onstop).toHaveBeenCalledTimes(1);
+    });
+    it('asks for the person assertively while waiting, with Review', async () => {
+        const onreview = vi.fn();
+        const { container } = render(WorkingStrip, {
+            props: {
+                status: {
+                    phase: 'waiting',
+                    label: 'A change is ready for you',
+                    goal: 'Fill the event form',
+                },
+                variant: 'floating',
+                onreview,
+            },
+        });
+        expect(container.querySelector('[aria-live="assertive"]')?.textContent).toContain('A change is ready for you');
+        expect(container.querySelector('[aria-live="polite"]')?.textContent?.trim()).toBe('');
+        await userEvent.click(screen.getByRole('button', { name: 'Review' }));
+        expect(onreview).toHaveBeenCalledTimes(1);
+    });
+    it('never takes focus by itself', async () => {
+        const outside = document.createElement('button');
+        document.body.append(outside);
+        outside.focus();
+        const { rerender } = render(WorkingStrip, {
+            props: {
+                status: { phase: 'working', label: 'Step one' },
+                variant: 'floating',
+                onpause: vi.fn(),
+                onopen: vi.fn(),
+            },
+        });
+        rerender({
+            status: { phase: 'waiting', label: 'Your turn' },
+            variant: 'floating',
+            onreview: vi.fn(),
+            onopen: vi.fn(),
+        });
+        expect(document.activeElement).toBe(outside);
+        outside.remove();
+    });
+    it('throttles polite step announcements', async () => {
+        vi.useFakeTimers();
+        try {
+            const { container, rerender } = render(WorkingStrip, {
+                props: {
+                    status: { phase: 'working', label: 'Step one' },
+                    announceIntervalMs: 2000,
+                },
+            });
+            const live = () => container.querySelector('[aria-live="polite"]')?.textContent?.trim();
+            expect(live()).toBe('Step one');
+            await rerender({
+                status: { phase: 'working', label: 'Step two' },
+                announceIntervalMs: 2000,
+            });
+            await rerender({
+                status: { phase: 'working', label: 'Step three' },
+                announceIntervalMs: 2000,
+            });
+            expect(live()).toBe('Step one');
+            await vi.advanceTimersByTimeAsync(2000);
+            expect(live()).toBe('Step three');
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+});

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+import ConfirmDialog from '../ConfirmDialog.svelte';
+</script>
+
+{#snippet message()}
+  Remove <strong>Record name</strong>?
+  <ul><li>Notes</li><li>Attachments</li></ul>
+{/snippet}
+<ConfirmDialog open title="Rich confirmation" {message} />

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ConfirmMessage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ConfirmMessage = InstanceType<typeof ConfirmMessage>;
+export default ConfirmMessage;
+//# sourceMappingURL=confirm-message.fixture.svelte.d.ts.map

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-message.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/__tests__/confirm-message.fixture.svelte.ts"],"names":[],"mappings":"AAgBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;kBAA+E,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/components/feedback/__tests__/toast.test.js

@@ -1,4 +1,4 @@
-import { render, screen } from '@testing-library/svelte';
+import { act, fireEvent, render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 import ToastViewport from '../ToastViewport.svelte';
@@ -47,3 +47,144 @@ describe('toast', () => {
         }
     });
 });
+describe('toast dismissal interactions', () => {
+    it('preserves the remaining duration until every pause reason clears', () => {
+        vi.useFakeTimers();
+        try {
+            const toaster = createToaster();
+            let visible = 0;
+            toaster.subscribe((toasts) => {
+                visible = toasts.length;
+            });
+            const id = toaster.show({ message: 'Saved', duration: 1000 });
+            vi.advanceTimersByTime(300);
+            toaster.pause?.(id, 'hover');
+            toaster.pause?.(id, 'focus');
+            vi.advanceTimersByTime(5000);
+            expect(visible).toBe(1);
+            toaster.resume?.(id, 'hover');
+            vi.advanceTimersByTime(5000);
+            expect(visible).toBe(1);
+            toaster.resume?.(id, 'focus');
+            toaster.resume?.(id, 'focus');
+            vi.advanceTimersByTime(699);
+            expect(visible).toBe(1);
+            vi.advanceTimersByTime(1);
+            expect(visible).toBe(0);
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+    it('replacing a paused id resets its duration without losing interaction pause', () => {
+        vi.useFakeTimers();
+        try {
+            const toaster = createToaster();
+            let message = '';
+            toaster.subscribe((toasts) => {
+                message = toasts[0]?.message ?? '';
+            });
+            toaster.show({ id: 'save', message: 'Saving', duration: 1000 });
+            toaster.pause?.('save', 'hover');
+            toaster.show({ id: 'save', message: 'Saved', duration: 2000 });
+            vi.advanceTimersByTime(5000);
+            expect(message).toBe('Saved');
+            toaster.resume?.('save', 'hover');
+            vi.advanceTimersByTime(1999);
+            expect(message).toBe('Saved');
+            vi.advanceTimersByTime(1);
+            expect(message).toBe('');
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+    it('can keep success notifications persistent while other notifications expire', () => {
+        vi.useFakeTimers();
+        try {
+            const toaster = createToaster({ successDuration: 0, duration: 1000 });
+            let messages = [];
+            toaster.subscribe((toasts) => {
+                messages = toasts.map((toast) => toast.message);
+            });
+            const id = toaster.success('Only record of approval');
+            toaster.show('Temporary');
+            toaster.success('Explicit duration wins', { duration: 500 });
+            vi.advanceTimersByTime(10000);
+            expect(messages).toEqual(['Only record of approval']);
+            toaster.dismiss(id);
+            expect(messages).toEqual([]);
+            toaster.show('Cleared');
+            toaster.clear();
+            expect(vi.getTimerCount()).toBe(0);
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+    it('viewport hover and focus pause independently, including focus movement within a toast', async () => {
+        vi.useFakeTimers();
+        try {
+            const toaster = createToaster();
+            render(ToastViewport, { props: { toaster } });
+            await act(() => {
+                toaster.show({
+                    message: 'Stay visible',
+                    duration: 1000,
+                    action: { label: 'Undo', run: () => { } },
+                });
+            });
+            const group = screen.getByRole('group', { name: 'Notification' });
+            await fireEvent.mouseEnter(group);
+            await fireEvent.focusIn(screen.getByRole('button', { name: 'Undo' }));
+            await fireEvent.mouseLeave(group);
+            await fireEvent.focusOut(screen.getByRole('button', { name: 'Undo' }), {
+                relatedTarget: screen.getByRole('button', { name: 'Dismiss' }),
+            });
+            await act(() => vi.advanceTimersByTime(5000));
+            expect(screen.getByText('Stay visible')).toBeInTheDocument();
+            await fireEvent.focusOut(group, { relatedTarget: document.body });
+            await act(() => vi.advanceTimersByTime(1000));
+            expect(screen.queryByText('Stay visible')).not.toBeInTheDocument();
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+    it('releases its interaction pauses when the viewport unmounts', async () => {
+        vi.useFakeTimers();
+        try {
+            const toaster = createToaster();
+            let count = 0;
+            toaster.subscribe((toasts) => {
+                count = toasts.length;
+            });
+            const { unmount } = render(ToastViewport, { props: { toaster } });
+            await act(() => {
+                toaster.show({ message: 'Paused', duration: 1000 });
+            });
+            await fireEvent.mouseEnter(screen.getByRole('group', { name: 'Notification' }));
+            await act(() => vi.advanceTimersByTime(5000));
+            expect(count).toBe(1);
+            await unmount();
+            vi.advanceTimersByTime(1000);
+            expect(count).toBe(0);
+            expect(document.querySelector('.viewport')).toBeNull();
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
+    it('retains compatibility with injected toasters without pause/resume methods', async () => {
+        const legacy = { ...createToaster(), pause: undefined, resume: undefined };
+        const { unmount } = render(ToastViewport, { props: { toaster: legacy } });
+        legacy.success('Legacy', { duration: 0 });
+        const group = await screen.findByRole('group', { name: 'Notification' });
+        await fireEvent.mouseEnter(group);
+        await fireEvent.mouseLeave(group);
+        await userEvent.click(screen.getByRole('button', { name: 'Dismiss' }));
+        expect(screen.queryByText('Legacy')).not.toBeInTheDocument();
+        await unmount();
+        expect(document.querySelector('.viewport')).toBeNull();
+    });
+});

package/dist/components/feedback/index.d.ts

@@ -1,16 +1,20 @@
 /**
  * Feedback components - User feedback and status indicators
  */
+export { SWIPE_DISMISS_THRESHOLD, type SwipeDirection, type SwipeDismissOptions, swipeDismiss, swipeDismisses, } from '../../actions/swipe-dismiss.js';
 export { default as Alert } from './Alert.svelte';
 export { default as ConfirmDialog } from './ConfirmDialog.svelte';
 export { default as Drawer, default as Sheet } from './Drawer.svelte';
 export { default as LoadingOverlay } from './LoadingOverlay.svelte';
 export { default as Meter } from './Meter.svelte';
 export { default as Modal } from './Modal.svelte';
+export { default as PhoneSheet } from './PhoneSheet.svelte';
 export { default as Progress } from './Progress.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ToastViewport } from './ToastViewport.svelte';
-export type { Toast, ToastAction, Toaster, ToastInput, ToastVariant, } from './toast.js';
+export type { Toast, ToastAction, Toaster, ToasterOptions, ToastInput, ToastVariant, } from './toast.js';
 export { createToaster, toaster } from './toast.js';
+export { default as WorkingStrip } from './WorkingStrip.svelte';
+export { WORKING_ASSERTIVE_PHASES, type WorkingPhase, type WorkingStatus, } from './working-status.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EACV,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,uBAAuB,EACvB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,YAAY,EACZ,cAAc,GACf,MAAM,gCAAgC,CAAC;AAIxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EACV,KAAK,EACL,WAAW,EACX,OAAO,EACP,cAAc,EACd,UAAU,EACV,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EACL,wBAAwB,EACxB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/components/feedback/index.js

@@ -1,6 +1,8 @@
 /**
  * Feedback components - User feedback and status indicators
  */
+// Swipe-to-dismiss (used by PhoneSheet; phone drawers use it too).
+export { SWIPE_DISMISS_THRESHOLD, swipeDismiss, swipeDismisses, } from '../../actions/swipe-dismiss.js';
 // Note: Component prop types (ConfirmDialogProps, etc.) are available
 // via svelte-package build output but cannot be re-exported here because
 // tsc --noEmit cannot resolve type exports from .svelte files.
@@ -10,8 +12,11 @@ export { default as Drawer, default as Sheet } from './Drawer.svelte';
 export { default as LoadingOverlay } from './LoadingOverlay.svelte';
 export { default as Meter } from './Meter.svelte';
 export { default as Modal } from './Modal.svelte';
+export { default as PhoneSheet } from './PhoneSheet.svelte';
 export { default as Progress } from './Progress.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ToastViewport } from './ToastViewport.svelte';
 export { createToaster, toaster } from './toast.js';
+export { default as WorkingStrip } from './WorkingStrip.svelte';
+export { WORKING_ASSERTIVE_PHASES, } from './working-status.js';

package/dist/components/feedback/toast.d.ts

@@ -19,10 +19,22 @@ export interface Toaster {
     show(input: string | ToastInput): string;
     success(message: string, input?: Omit<ToastInput, 'message' | 'variant'>): string;
     error(message: string, input?: Omit<ToastInput, 'message' | 'variant'>): string;
+    /** Pause dismissal for a named interaction; legacy injected toasters may omit it. */
+    pause?(id: string, reason?: string): void;
+    /** Resume dismissal when all named interactions have ended. */
+    resume?(id: string, reason?: string): void;
     dismiss(id: string): void;
     clear(): void;
     subscribe(listener: (toasts: Toast[]) => void): () => void;
 }
-export declare function createToaster(): Toaster;
+/** Default durations; zero keeps notifications until explicitly dismissed. */
+export interface ToasterOptions {
+    /** Default dismissal duration in milliseconds (5000 by default). */
+    duration?: number;
+    /** Success dismissal duration; zero preserves the only record of an action. */
+    successDuration?: number;
+}
+/** Create an isolated notification queue with interaction-aware dismissal timers. */
+export declare function createToaster(options?: ToasterOptions): Toaster;
 export declare const toaster: Toaster;
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/feedback/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/toast.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC,OAAO,CACL,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,GAC9C,MAAM,CAAC;IACV,KAAK,CACH,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,GAC9C,MAAM,CAAC;IACV,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,IAAI,IAAI,CAAC;IACd,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CAC5D;AAID,wBAAgB,aAAa,IAAI,OAAO,CA0DvC;AAED,eAAO,MAAM,OAAO,SAAkB,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/toast.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC,OAAO,CACL,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,GAC9C,MAAM,CAAC;IACV,KAAK,CACH,OAAO,EAAE,MAAM,EACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,GAC9C,MAAM,CAAC;IACV,qFAAqF;IACrF,KAAK,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,IAAI,IAAI,CAAC;IACd,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CAC5D;AAID,8EAA8E;AAC9E,MAAM,WAAW,cAAc;IAC7B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,qFAAqF;AACrF,wBAAgB,aAAa,CAAC,OAAO,GAAE,cAAmB,GAAG,OAAO,CAwGnE;AAED,eAAO,MAAM,OAAO,SAAkB,CAAC"}

package/dist/components/feedback/toast.js

@@ -1,5 +1,6 @@
 let nextToastId = 0;
-export function createToaster() {
+/** Create an isolated notification queue with interaction-aware dismissal timers. */
+export function createToaster(options = {}) {
     let toasts = [];
     const listeners = new Set();
     const timers = new Map();
@@ -9,8 +10,8 @@ export function createToaster() {
     };
     function dismiss(id) {
         const timer = timers.get(id);
-        if (timer)
-            clearTimeout(timer);
+        if (timer?.handle)
+            clearTimeout(timer.handle);
         timers.delete(id);
         toasts = toasts.filter((toast) => toast.id !== id);
         publish();
@@ -19,31 +20,71 @@ export function createToaster() {
         const normalized = typeof input === 'string' ? { message: input } : input;
         const id = normalized.id ?? `toast-${++nextToastId}`;
         const existingTimer = timers.get(id);
-        if (existingTimer)
-            clearTimeout(existingTimer);
+        if (existingTimer?.handle)
+            clearTimeout(existingTimer.handle);
         timers.delete(id);
         const toast = {
             id,
             message: normalized.message,
             title: normalized.title,
             variant: normalized.variant ?? 'info',
-            duration: normalized.duration ?? 5000,
+            duration: normalized.duration ??
+                (normalized.variant === 'success'
+                    ? options.successDuration
+                    : undefined) ??
+                options.duration ??
+                5000,
             action: normalized.action,
         };
         toasts = [...toasts.filter((item) => item.id !== id), toast];
         publish();
-        if (toast.duration > 0)
-            timers.set(id, setTimeout(() => dismiss(id), toast.duration));
+        if (toast.duration > 0) {
+            const timer = {
+                remaining: toast.duration,
+                started: Date.now(),
+                reasons: existingTimer?.reasons ?? new Set(),
+            };
+            timers.set(id, timer);
+            startTimer(id, timer);
+        }
         return id;
     }
+    function startTimer(id, timer) {
+        if (timer.reasons.size)
+            return;
+        timer.started = Date.now();
+        timer.handle = setTimeout(() => dismiss(id), timer.remaining);
+    }
+    function pause(id, reason = 'manual') {
+        const timer = timers.get(id);
+        if (!timer || timer.reasons.has(reason))
+            return;
+        if (!timer.reasons.size) {
+            if (timer.handle)
+                clearTimeout(timer.handle);
+            timer.handle = undefined;
+            timer.remaining = Math.max(0, timer.remaining - (Date.now() - timer.started));
+        }
+        timer.reasons.add(reason);
+    }
+    function resume(id, reason = 'manual') {
+        const timer = timers.get(id);
+        if (!timer || !timer.reasons.delete(reason))
+            return;
+        startTimer(id, timer);
+    }
     return {
         show,
+        pause,
+        resume,
         success: (message, input) => show({ ...input, message, variant: 'success' }),
         error: (message, input) => show({ ...input, message, variant: 'error' }),
         dismiss,
         clear() {
-            for (const timer of timers.values())
-                clearTimeout(timer);
+            for (const timer of timers.values()) {
+                if (timer.handle)
+                    clearTimeout(timer.handle);
+            }
             timers.clear();
             toasts = [];
             publish();

package/dist/components/feedback/working-status.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Generic "something is working" status rendered by `WorkingStrip`.
+ *
+ * - `idle`: nothing is shown;
+ * - `working`: a spinner and what is happening ("Writing the summary…");
+ * - `paused`: the work is on hold until the person continues it;
+ * - `waiting`: the work needs the person (a change to review, a choice to
+ *   make, a question to answer) — shown prominently, announced assertively;
+ * - `done`: a short confirmation ("Done · 2 changes") the host clears after
+ *   a few seconds;
+ * - `failed`: the work stopped on a problem — announced assertively;
+ * - `cancelled`: the person stopped it.
+ *
+ * Transport-neutral: an assistant run, an upload, or a background job can
+ * all feed it.
+ */
+export type WorkingPhase = 'idle' | 'working' | 'paused' | 'waiting' | 'done' | 'failed' | 'cancelled';
+export interface WorkingStatus {
+    /** Lifecycle phase. */
+    phase: WorkingPhase;
+    /**
+     * What to say: the current step while working ("Opening Events"), the
+     * outcome otherwise. `null` falls back to a default for the phase.
+     */
+    label: string | null;
+    /**
+     * What the work is for, in the person's own words ("Show me upcoming
+     * meetings"). Shown above the step on the floating pill; optional.
+     */
+    goal?: string | null;
+}
+/** Phases whose change is announced assertively (the person is needed). */
+export declare const WORKING_ASSERTIVE_PHASES: readonly WorkingPhase[];
+//# sourceMappingURL=working-status.d.ts.map

package/dist/components/feedback/working-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"working-status.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/working-status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,2EAA2E;AAC3E,eAAO,MAAM,wBAAwB,EAAE,SAAS,YAAY,EAG3D,CAAC"}

package/dist/components/feedback/working-status.js

@@ -0,0 +1,5 @@
+/** Phases whose change is announced assertively (the person is needed). */
+export const WORKING_ASSERTIVE_PHASES = [
+    'waiting',
+    'failed',
+];