Next: October feedback (#2013)

* Replaces loading component with spinner

Replaces the custom loading component with the new spinner component.

This change ensures consistent styling and improves maintainability by utilizing the new UI spinner component across the application.

* Adds input group UI components

Implements input group components with addon, button, input, text, and textarea variations.

This provides a flexible and consistent way to group related input elements with prefixes, suffixes, and buttons.

* Adds Button Group UI component

Adds a new Button Group UI component with associated text and separator elements.

This component provides a flexible and visually appealing way to group related buttons or actions, enhancing the user interface and experience. The button group supports horizontal and vertical orientations via tailwind variants.

* Replaces Input with InputGroup component

Updates the search input component to use the InputGroup component instead of the Input component.

This change improves the structure and styling of the search input field.

* Improves stack card UI with button group

Wraps the stack status and options dropdowns in a button group
for better visual organization.

Changes the stack options button variant to "outline" for improved
appearance.

* Adds Kbd and KbdGroup UI components

Introduces `Kbd` and `KbdGroup` components for displaying keyboard shortcuts, enhancing the user interface and providing a more intuitive user experience.

Replaces direct usage of `` in the navbar with the new `Kbd.Root` component for improved consistency and styling.

* Makes route params reactive

Ensures route parameters, specifically organizationId and projectId, are reactive by utilizing `$derived` from Svelte.

This change allows components to automatically react to changes in the route parameters, ensuring that the UI stays in sync with the current route.

This fixes an issue where changes to the route parameters were not always reflected in the component's state.

* Fixed charts flickering due to loading state

* Replaces streaming indicator with refresh button

Replaces the streaming indicator button with a refresh button on the events and issues pages.

This change removes the manual pause functionality and instead provides a refresh button that allows users to manually reload the data. The refresh button is disabled when rows are selected or the current page is not the first page. The button also indicates when the data is loading.

This change aims to provide a more intuitive and user-friendly way to refresh data in the application.

* Persists date filter on clear all

Ensures that the date filter is persisted when clearing all filters, providing a consistent time range for event queries.

Removes FacetedFilter.Actions from the DateFacetedFilter component and updates the filter removal logic to preserve the date filter. This change ensures that the default time range is always applied when the user clears all other filters.

This helps to improve the user experience by ensuring they always see events from the last week by default.

* Adds stack events chart to stack card

Implements a stack events chart on the stack card to visualize event occurrences over the last 7 days.
This provides users with a quick overview of recent event activity related to a specific stack.
It includes handling for empty data sets and uses a skeleton loader while data is loading.

The changes also include a minor fix to faceted filter builder for date filters.

* Simplifies date filter component

Removes the `filterRemoved` prop and associated `handleRemove` function from the date faceted filter component.

This change streamlines the component's interface by removing unused functionality, which will increase the efficiency of the component for the October feedback tasks.

* Adds last 7 days label to stack card

Adds a "Last 7 days" label above the event chart in the stack card to provide context to the displayed data.

This clarifies the time period represented by the chart, improving the user's understanding of recent event activity.

* Improves data table footer responsiveness.

Refactors the data table footer to improve responsiveness
across different screen sizes by utilizing a grid layout
and adjusting the visibility of elements. Also, it addresses
layout issues with selection counts in the table footer,
displaying the number of selected rows more concisely.

* Updates dependencies in package.json

Updates several dependencies in package.json, including bits-ui, dompurify, @sveltejs/kit, @types/node, and typescript-eslint.

These updates likely include bug fixes, performance improvements, and new features from the updated libraries.

* Improves data table layout and responsiveness

Refactors data table components to enhance responsiveness and visual consistency.

This includes adjustments to footer layouts, page count display, and toolbar structure to better adapt to different screen sizes.
It also ensures a more streamlined and user-friendly experience across various devices.

* Updates dependency versions

Increases the Microsoft Extensions, OpenTelemetry, jsdom, eslint, storybook, svelte, sveltekit-superforms, bits-ui, and other package versions to the latest stable releases.

This upgrade resolves potential security vulnerabilities and incorporates new features and performance improvements from the updated libraries.

* Fixes empty charts in usage dashboards

Ensures charts always display a minimum yDomain to prevent them from appearing empty when there is no data, improving the user experience.

* Filters extended data based on excluded keys

Ensures the extended data display correctly reflects user-defined filters by applying the excluded keys to the filtered data, not the transformed data. This prevents users from seeing filtered out data.

* Adjusts sidebar group padding

Slightly increases the padding at the top of the sidebar group to improve the visual appearance.

This change addresses feedback received regarding the spacing and layout of elements within the sidebar.

* Improves stack card layout and styling

Refines the stack card's layout for improved readability and visual appeal.

Reduces spacing and adjusts grid layouts within the card content.
Replaces badges with a simpler tag display.

* upgraded shadcn components

* Simplifies events views UI

Removes hover effect that shows filter trigger icon in event views.
This change simplifies the UI and improves usability.

Also, the additional data section for request and environment components have been updated.

* Ensures chart always displays data

Updates chart components to ensure that the Y axis domain
always includes at least a minimum value of 1, preventing
empty charts when data values are very low or zero.

* Adds row href to data tables

This change adds the ability to navigate to a specific URL when a row in a data table is clicked.

The `rowHref` prop is added to the `DataTable.Body` component, allowing a URL to be specified for each row. When a row is clicked, the browser will navigate to the specified URL.

Also adds default toolbar component to project and organization tables

* Improves layout and adds view options

Refactors the events and issues pages to use a flexbox layout with gap for better spacing and responsiveness.

Adds a view options component to the projects page for improved user control over the data table display.

* Simplifies data table toolbar handling

Refactors data table components to streamline toolbar rendering.
Removes unnecessary props and consolidates conditional rendering
for a cleaner and more maintainable implementation.

* Adds links to event and stack summaries

Improves user experience by adding direct links from event and stack summaries to the corresponding event or stack details page, allowing users to quickly navigate to more detailed information.

* Replaces streaming indicator with pause icon

Replaces the pulsating circle indicator with a pause icon when streaming is active.
This provides a more visually clear and standard way to represent the active streaming state.

* Updates event tag display.

Improves the visual appearance of event tags within the event overview.

This change removes the badge component and streamlines the tag display by directly integrating the filter trigger with the tag text. This results in a cleaner and more intuitive user experience when interacting with event tags.

* Replaces links with buttons in filter triggers

Updates faceted filter triggers to use buttons instead of links for improved accessibility and consistency with the UI.
The change replaces the <A> component with the <Button> component in the following files:
- boolean-faceted-filter-trigger.svelte
- date-faceted-filter-trigger.svelte
- level-faceted-filter-trigger.svelte
- number-faceted-filter-trigger.svelte
- project-faceted-filter-trigger.svelte
- reference-faceted-filter-trigger.svelte
- session-faceted-filter-trigger.svelte
- status-faceted-filter-trigger.svelte
- string-faceted-filter-trigger.svelte
- tag-faceted-filter-trigger.svelte
- type-faceted-filter-trigger.svelte
- version-faceted-filter-trigger.svelte

* Updates package dependencies

Updates various package dependencies to their latest
versions to address potential bugs, improve performance,
and ensure compatibility with other packages.

* Adds data table view options to stream page

Improves the stream page by integrating data table view options, allowing users to customize the display of data within the stream.
This enhancement provides a more personalized and efficient user experience.

* Update src/Exceptionless.Web/ClientApp/src/lib/features/events/components/filters/helpers.svelte.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Uses resolve for event links

Updates event summary components to use the resolve function when generating links to individual events.

This ensures that the links are correctly generated based on the application's routing configuration and prevents hardcoding URLs which can cause issues in different environments or when the routing configuration changes.

* fixed lock file

* Refactors data table row click handling

Simplifies data table row click handling to improve user
experience by ensuring the row click event is always
executed even when modifier keys are pressed. This
allows users to trigger the intended row click action
consistently.

* Prevents default navigation on row click

Ensures that regular clicks on data table rows with href attributes do not trigger default navigation behavior.

This allows the row click handler to be executed without unexpected page transitions.

* Improves UI layout and table header spacing.

Updates the layout to improve spacing and prevent overflow issues.

- Adds spacing to the data table column header for better visual appeal.
- Removes the horizontal overflow from the split layout content.
- Adds vertical overflow to the main app layout.

* Ensures page count displays at least 1

The page count now displays at least "1" even when there are no items in the table, preventing a display of "Page 1 of 0".

* Reduces gap size in event filter

Reduces the gap size in the event filter area to improve the layout and spacing, particularly on smaller screens.

The previous gap size was slightly too large, causing elements to wrap prematurely.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: niemyjski

src/Exceptionless.Core/Exceptionless.Core.csproj

@@ -29,11 +29,11 @@
     <PackageReference Include="NEST.JsonNetSerializer" Version="7.17.5" />
     <PackageReference Include="Handlebars.Net" Version="2.1.6" />
     <PackageReference Include="McSherry.SemanticVersioning" Version="1.4.1" />
-    <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.Logging" Version="9.0.9" />
+    <PackageReference Include="Microsoft.Extensions.Configuration.Binder" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.Logging" Version="9.0.10" />
     <PackageReference Include="Stripe.net" Version="47.4.0" />
-    <PackageReference Include="System.DirectoryServices" Version="9.0.9" />
+    <PackageReference Include="System.DirectoryServices" Version="9.0.10" />
     <PackageReference Include="UAParser" Version="3.1.47" />
     <PackageReference Include="Foundatio.Repositories.Elasticsearch" Version="7.17.17" Condition="'$(ReferenceFoundatioRepositoriesSource)' == '' OR '$(ReferenceFoundatioRepositoriesSource)' == 'false'" />
     <ProjectReference Include="..\..\..\..\Foundatio\Foundatio.Repositories\src\Foundatio.Repositories.Elasticsearch\Foundatio.Repositories.Elasticsearch.csproj" Condition="'$(ReferenceFoundatioRepositoriesSource)' == 'true'" />

src/Exceptionless.Insulation/Exceptionless.Insulation.csproj

@@ -8,13 +8,13 @@
     <PackageReference Include="Foundatio.Minio" Version="12.0.0" />
     <PackageReference Include="Foundatio.RabbitMQ" Version="12.0.0" />
     <PackageReference Include="Foundatio.Redis" Version="12.0.1-alpha.0.6" />
-    <PackageReference Include="Microsoft.Extensions.Configuration.FileExtensions" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.Configuration.EnvironmentVariables" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.DependencyModel" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.Logging.Abstractions" Version="9.0.9" />
-    <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="9.0.9" />
-    <PackageReference Include="MailKit" Version="4.14.0" />
+    <PackageReference Include="Microsoft.Extensions.Configuration.FileExtensions" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.Configuration.EnvironmentVariables" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.DependencyModel" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.Logging.Abstractions" Version="9.0.10" />
+    <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="9.0.10" />
+    <PackageReference Include="MailKit" Version="4.14.1" />
     <PackageReference Include="Serilog.Extensions.Logging" Version="9.0.2" />
     <PackageReference Include="Serilog.Formatting.Compact" Version="3.0.0" />
     <PackageReference Include="Serilog.Settings.Configuration" Version="9.0.0" />

src/Exceptionless.Job/Exceptionless.Job.csproj

@@ -5,16 +5,16 @@
 
   <ItemGroup>
     <PackageReference Include="Exceptionless.AspNetCore" Version="6.1.0" />
-    <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks" Version="9.0.9" />
+    <PackageReference Include="Microsoft.Extensions.Diagnostics.HealthChecks" Version="9.0.10" />
     <PackageReference Include="App.Metrics.AspNetCore" Version="4.3.0" />
     <PackageReference Include="Serilog.AspNetCore" Version="9.0.0" />
     <PackageReference Include="Serilog.Enrichers.Span" Version="3.1.0" />
     <PackageReference Include="Serilog.Enrichers.Environment" Version="3.0.1" />
 
-    <PackageReference Include="OpenTelemetry.Exporter.OpenTelemetryProtocol" Version="1.13.0" />
-    <PackageReference Include="OpenTelemetry.Exporter.Console" Version="1.13.0" />
+    <PackageReference Include="OpenTelemetry.Exporter.OpenTelemetryProtocol" Version="1.13.1" />
+    <PackageReference Include="OpenTelemetry.Exporter.Console" Version="1.13.1" />
     <PackageReference Include="OpenTelemetry.Exporter.Prometheus.AspNetCore" Version="1.13.0-beta.1" />
-    <PackageReference Include="OpenTelemetry.Extensions.Hosting" Version="1.13.0" />
+    <PackageReference Include="OpenTelemetry.Extensions.Hosting" Version="1.13.1" />
     <PackageReference Include="OpenTelemetry.Instrumentation.AspNetCore" Version="1.12.0" />
     <PackageReference Include="OpenTelemetry.Instrumentation.Http" Version="1.12.0" />
     <PackageReference Include="OpenTelemetry.Instrumentation.StackExchangeRedis" Version="1.12.0-beta.2" />
@@ -24,7 +24,7 @@
   </ItemGroup>
 
   <ItemGroup Label="Transitive dependency updates to resolve vulnerability warnings">
-    <PackageReference Include="System.Text.Encodings.Web" Version="9.0.9" />
+    <PackageReference Include="System.Text.Encodings.Web" Version="9.0.10" />
   </ItemGroup>
 
   <ItemGroup>