Change Details

1. **Trigger:** The POC should include a simple button (the "custom entry-point") that toggles the visibility of the ULS container. 2. **Desktop View (Floating Dialog):** * Use the `floating-ui/vue` library to position the container. * The container should be positioned relative to the trigger button. * **Placement:** The dialog should appear at `bottom-start` relative to the trigger. * **Interaction:** The dialog should close when the user clicks outside of it (common behavior for popovers). 3. **Mobile View (Full Screen Dialog):** * **Breakpoint:** On screens with a viewport width **less than 720px** (or another specific value), the component should switch to a full-screen dialog. * This view should **not** use Floating UI for positioning but should instead use standard CSS (e.g., `position: fixed, top: 0, left: 0, width: 100vw, height: 100vh`). * The full-screen view should contain an explicit "Close" button. It's fine to have the container be empty for now.

1. **Trigger:** The POC should include a simple button (the "custom entry-point") that toggles the visibility of the ULS container. 2. **Desktop View (Floating Dialog):** * Use the `floating-ui/vue` library to position the container. * The container should be positioned relative to the trigger button. * **Placement:** The dialog should appear at `bottom-start` relative to the trigger. * **Interaction:** The dialog should close when the user clicks outside of it (common behavior for popovers). 3. **Mobile View (Full Screen Dialog):** * **Breakpoint:** On screens with a viewport width **less than 720px** (or another specific value), the component should switch to a full-screen dialog. * This view should **not** use Floating UI for positioning but should instead use standard CSS (e.g., `position: fixed, top: 0, left: 0, width: 100vw, height: 100vh`). * The full-screen view should contain an explicit "Close" button. It's fine to have the container be empty for now. == Updated scope == The scope of this task has expanded to integrate various ideas that came up during our hackathon.

1. **Trigger:** The POC should include a simple button (the "custom entry-point") that toggles the visibility of the ULS container. 2. **Desktop View (Floating Dialog):** * Use the `floating-ui/vue` library to position the container. * The container should be positioned relative to the trigger button. * **Placement:** The dialog should appear at `bottom-start` relative to the trigger. * **Interaction:** The dialog should close when the user clicks outside of it (common behavior for popovers). 3. **Mobile View (Full Screen Dialog):** * **Breakpoint:** On screens with a viewport width **less than 720px** (or another specific value), the component should switch to a full-screen dialog. * This view should **not** use Floating UI for positioning but should instead use standard CSS (e.g., `position: fixed, top: 0, left: 0, width: 100vw, height: 100vh`). * The full-screen view should contain an explicit "Close" button. It's fine to have the container be empty for now. == Updated scope == The scope of this task has expanded to integrate various ideas that came up during our hackathon.