fix: Fixes for nested dashboards/deephaven.ui

- Add a class name for widgets loaded from the widget-loader so we know what kind of panel it is
  - Allows specific styling to be applied for panels loaded with widget-loader
- Add metadata to widget component props type
  - It's already gets passed through, just adding it to the type

Author: mofojed

packages/dashboard-core-plugins/src/WidgetLoaderPlugin.tsx

@@ -37,10 +37,12 @@ export function WrapWidgetPlugin(
     };
 
     const hasRef = canHaveRef(C);
+    const className = `widget-loader-${panelDescriptor.type}`;
 
     return (
       <WidgetPanel
         descriptor={panelDescriptor}
+        className={className}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...props}
       >

packages/plugin/src/PluginTypes.ts

@@ -6,6 +6,7 @@ import {
 import type { dh } from '@deephaven/jsapi-types';
 import type { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import type { TablePluginComponent } from './TablePlugin';
+import { WidgetDescriptor } from 'packages/dashboard/src/PanelEvent';
 
 export const PluginType = Object.freeze({
   AUTH_PLUGIN: 'AuthPlugin',
@@ -124,6 +125,11 @@ export interface WidgetComponentProps<T = unknown> {
    * @returns A promise that resolves to the widget data.
    */
   fetch: () => Promise<T>;
+
+  /**
+   * Descriptor of the widget, which may contain information such as the type and name of the widget.
+   */
+  metadata?: WidgetDescriptor;
   /**
    * A unique identifier for the widget.
    * dh.ui uses this to identify widgets within a dashboard or panel.