@esri/hub-web-components 0.0.8 → 0.1.0

package/dist/docs/web-types.json

@@ -1,14 +1,37 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/hub-web-components",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "arcgis-text-element",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "html",
+              "default": "\"\"",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "html",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "arcgis-chat-shell",
-          "description": "### Events\n- **arcgisUpdateMapVisibility**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **arcgisUpdateMapVisibility**\n- **hubTelemetry** - Event emitted when telemetry data is sent from the chat UI.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
             {
               "name": "about-content",
@@ -43,6 +66,11 @@
             {
               "name": "arcgisUpdateMapVisibility",
               "type": "boolean"
+            },
+            {
+              "name": "hubTelemetry",
+              "type": "{\n    [x: string]: unknown;\n}",
+              "description": "Event emitted when telemetry data is sent from the chat UI."
             }
           ],
           "js": {
@@ -80,13 +108,18 @@
               {
                 "name": "arcgisUpdateMapVisibility",
                 "type": "boolean"
+              },
+              {
+                "name": "hubTelemetry",
+                "type": "{\n    [x: string]: unknown;\n}",
+                "description": "Event emitted when telemetry data is sent from the chat UI."
               }
             ]
           }
         },
         {
           "name": "arcgis-chat-ui",
-          "description": "### Events\n- **arcgisAddDataClick** - Event emitted when the user clicks to add data from a chat message.\n- **arcgisLocationClick** - Event emitted when the user clicks a zoom to location button in a chat message.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `submitUserMessage(text: string): void` - Submits the user's message to the chat.\nClears the input, adds the message to the chat history, and triggers the AI response.\nCurrently using the",
+          "description": "### Events\n- **arcgisAddDataClick** - Event emitted when the user clicks to add data from a chat message.\n- **arcgisLocationClick** - Event emitted when the user clicks a zoom to location button in a chat message.\n- **hubTelemetry** - Event emitted when telemetry data is sent from the chat UI.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `submitUserMessage(text: string, type: \"query\" | \"suggest\"): void` - Submits the user's message to the chat.\nClears the input, adds the message to the chat history, and triggers the AI response.\nCurrently using the",
           "attributes": [
             {
               "name": "bot-description",
@@ -130,6 +163,11 @@
               "name": "arcgisLocationClick",
               "type": "FinderLocation",
               "description": "Event emitted when the user clicks a zoom to location button in a chat message."
+            },
+            {
+              "name": "hubTelemetry",
+              "type": "{\n    [x: string]: unknown;\n}",
+              "description": "Event emitted when telemetry data is sent from the chat UI."
             }
           ],
           "js": {
@@ -180,13 +218,18 @@
                 "name": "arcgisLocationClick",
                 "type": "FinderLocation",
                 "description": "Event emitted when the user clicks a zoom to location button in a chat message."
+              },
+              {
+                "name": "hubTelemetry",
+                "type": "{\n    [x: string]: unknown;\n}",
+                "description": "Event emitted when telemetry data is sent from the chat UI."
               }
             ]
           }
         },
         {
           "name": "arcgis-hub-ai-assistant",
-          "description": "### Events\n- **arcgisAddLayer**\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
             {
               "name": "api-url",
@@ -297,12 +340,7 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "arcgisAddLayer",
-              "type": "undefined"
-            }
-          ],
+          "events": [],
           "js": {
             "properties": [
               {
@@ -395,12 +433,65 @@
                 "type": "string"
               }
             ],
-            "events": [
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-layout",
+          "description": "This is a web component that renders a ILayout.\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [
+            {
+              "name": "debug",
+              "description": "Enables debug mode",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "is-edit-mode",
+              "description": "Whether the layout is in edit mode",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "debug",
+                "description": "Enables debug mode",
+                "type": "boolean"
+              },
               {
-                "name": "arcgisAddLayer",
-                "type": "undefined"
+                "name": "isEditMode",
+                "description": "Whether the layout is in edit mode",
+                "type": "boolean"
+              },
+              {
+                "name": "layout",
+                "description": "The layout to render",
+                "type": "ILayout"
+              },
+              {
+                "name": "options",
+                "description": "Options for processing the layout",
+                "type": "IProcessLayoutOptions"
               }
-            ]
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "arcgis-layout-container",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [],
+            "events": []
           }
         }
       ]

package/dist/embed-config.d.ts

@@ -15,4 +15,9 @@ export declare const environments: {
         clientId: string;
         portalUrl: string;
     };
+    local: {
+        compassApiUrl: string;
+        clientId: string;
+        portalUrl: string;
+    };
 };

package/dist/embed-config.js

@@ -1,7 +1,7 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.0/esri/copyright.txt for details.
-v0.0.8 */
-const s = {
+See https://js.arcgis.com/0.1/esri/copyright.txt for details.
+v0.1.0 */
+const t = {
   production: {
     compassApiUrl: "https://hubdev.arcgis.com/api/assistants/v1",
     compassApiUrl2: "http://localui.arcgis.com:8000/api",
@@ -17,8 +17,13 @@ const s = {
     compassApiUrl: "http://localui.arcgis.com:8000/api",
     clientId: "zWjie69856WR6cWz",
     portalUrl: "https://mapsdevext.arcgis.com"
+  },
+  local: {
+    compassApiUrl: "http://localhost:8080",
+    clientId: "BXgPCkh9CzeLOxwb",
+    portalUrl: "https://qaext.arcgis.com"
   }
 };
 export {
-  s as environments
+  t as environments
 };

package/dist/html/arcgis-layout/fixtures/blocks-and-cards-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/html/arcgis-layout/fixtures/fluid-section-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/html/arcgis-layout/fixtures/holy-grail-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/html/arcgis-layout/fixtures/index.d.ts

@@ -0,0 +1,6 @@
+export { LAYOUT as BLOCKS_AND_CARDS_LAYOUT } from './blocks-and-cards-layout';
+export { LAYOUT as FLUID_SECTION_LAYOUT } from './fluid-section-layout';
+export { LAYOUT as HOLY_GRAIL_LAYOUT } from './holy-grail-layout';
+export { LAYOUT as MULTIPLE_COLUMN_LAYOUT } from './multiple-column-layout';
+export { LAYOUT as NESTED_ROWS_COLUMNS_LAYOUT } from './nested-rows-columns-layout';
+export { LAYOUT as SINGLE_COLUMN_LAYOUT } from './single-column-layout';

package/dist/html/arcgis-layout/fixtures/multiple-column-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/html/arcgis-layout/fixtures/nested-rows-columns-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/html/arcgis-layout/fixtures/single-column-layout.d.ts

@@ -0,0 +1,2 @@
+import { CurrentLayoutSchema } from '../../../components/layouts/types';
+export declare const LAYOUT: CurrentLayoutSchema;

package/dist/index.d.ts

@@ -1,6 +1,9 @@
+import type { ArcgisTextElement } from "./components/arcgis-text-element";
 import type { ChatShell } from "./components/arcgis-chat-shell";
 import type { ArcgisChatUI } from "./components/arcgis-chat-ui";
 import type { ArcGISHubAIAssistant } from "./components/arcgis-hub-ai-assistant";
+import type { ArcgisLayout } from "./components/arcgis-layout";
+import type { ArcgisLayoutContainer } from "./components/arcgis-layout-container";
 
 /**
  * Place in this file any utility functions you wish to expose for the consumers
@@ -19,23 +22,25 @@ export interface ArcgisChatUiCustomEvent<T> extends CustomEvent<T> {
   target: HTMLArcgisChatUiElement;
   currentTarget: HTMLArcgisChatUiElement;
 }
-export interface ArcgisHubAiAssistantCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLArcgisHubAiAssistantElement;
-  currentTarget: HTMLArcgisHubAiAssistantElement;
-}
 
 export { ToEvents, TargetedEvent } from "@arcgis/lumina";
 
 declare global {
   interface HTMLElementTagNameMap {
+    "arcgis-text-element": HTMLArcgisTextElementElement;
     "arcgis-chat-shell": HTMLArcgisChatShellElement;
     "arcgis-chat-ui": HTMLArcgisChatUiElement;
     "arcgis-hub-ai-assistant": HTMLArcgisHubAiAssistantElement;
+    "arcgis-layout": HTMLArcgisLayoutElement;
+    "arcgis-layout-container": HTMLArcgisLayoutContainerElement;
   }
 
+  interface HTMLArcgisTextElementElement extends ArcgisTextElement {
+
+  }
   interface HTMLArcgisChatShellElementEventMap {
     "arcgisUpdateMapVisibility": ChatShell["arcgisUpdateMapVisibility"]["detail"];
+    "hubTelemetry": ChatShell["hubTelemetry"]["detail"];
   }
 
   interface HTMLArcgisChatShellElement extends ChatShell {
@@ -49,6 +54,7 @@ declare global {
   interface HTMLArcgisChatUiElementEventMap {
     "arcgisAddDataClick": ArcgisChatUI["arcgisAddDataClick"]["detail"];
     "arcgisLocationClick": ArcgisChatUI["arcgisLocationClick"]["detail"];
+    "hubTelemetry": ArcgisChatUI["hubTelemetry"]["detail"];
   }
 
   interface HTMLArcgisChatUiElement extends ArcgisChatUI {
@@ -59,16 +65,13 @@ declare global {
     removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
-  interface HTMLArcgisHubAiAssistantElementEventMap {
-    "arcgisAddLayer": ArcGISHubAIAssistant["arcgisAddLayer"]["detail"];
+  interface HTMLArcgisHubAiAssistantElement extends ArcGISHubAIAssistant {
+
   }
+  interface HTMLArcgisLayoutElement extends ArcgisLayout {
+
+  }
+  interface HTMLArcgisLayoutContainerElement extends ArcgisLayoutContainer {
 
-  interface HTMLArcgisHubAiAssistantElement extends ArcGISHubAIAssistant {
-    addEventListener<K extends keyof HTMLArcgisHubAiAssistantElementEventMap>(type: K, listener: (this: HTMLArcgisHubAiAssistantElement, ev: ArcgisHubAiAssistantCustomEvent<HTMLArcgisHubAiAssistantElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-    removeEventListener<K extends keyof HTMLArcgisHubAiAssistantElementEventMap>(type: K, listener: (this: HTMLArcgisHubAiAssistantElement, ev: ArcgisHubAiAssistantCustomEvent<HTMLArcgisHubAiAssistantElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
 }

package/dist/index.js

@@ -1,7 +1,7 @@
 import { g as e, s as a } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.0/esri/copyright.txt for details.
-v0.0.8 */
+See https://js.arcgis.com/0.1/esri/copyright.txt for details.
+v0.1.0 */
 export {
   e as getAssetPath,
   a as setAssetPath

package/dist/loader.js

@@ -1,13 +1,19 @@
-import { r as e } from "./chunks/runtime.js";
-import { makeDefineCustomElements as t } from "@arcgis/lumina";
+import { r as t } from "./chunks/runtime.js";
+import { makeDefineCustomElements as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.0/esri/copyright.txt for details.
-v0.0.8 */
-const o = t(e, {
+See https://js.arcgis.com/0.1/esri/copyright.txt for details.
+v0.1.0 */
+const a = e(t, {
+  "arcgis-text-element": [() => import("./components/arcgis-text-element/customElement.js"), "html"],
   "arcgis-chat-shell": [() => import("./components/arcgis-chat-shell/customElement.js"), "aboutContent,aboutVisible,chatComponent:,featureTable:,map:,mapEnabled,mapVisible"],
   "arcgis-chat-ui": [() => import("./components/arcgis-chat-ui/customElement.js"), "botDescription,botTitle,conversationId,defaultSuggestions:,devFeatureMessage:,getFinderResponse:,inputText;;submitUserMessage"],
-  "arcgis-hub-ai-assistant": [() => import("./components/arcgis-hub-ai-assistant/customElement.js"), "apiUrl,authentication:,botDescription,botTitle,context,defaultSuggestions:,entityId,extent:,hub,itemId,language,location,mapBasemap,mapEnabled,mapLayers:,mapShowTable,mapVisible,portalUrl"]
+  "arcgis-hub-ai-assistant": [() => import("./components/arcgis-hub-ai-assistant/customElement.js"), "apiUrl,authentication:,botDescription,botTitle,context,defaultSuggestions:,entityId,extent:,hub,itemId,language,location,mapBasemap,mapEnabled,mapLayers:,mapShowTable,mapVisible,portalUrl"],
+  "arcgis-layout": [() => import("./components/arcgis-layout/customElement.js"), "debug,isEditMode,layout:,options:"],
+  "arcgis-layout-container": [() => import("./components/arcgis-layout-container/customElement.js")],
+  "arcgis-layout-column": [() => import("./components/arcgis-layout-column/customElement.js"), "currentNode:,debug,isEditMode,node:,utils:"],
+  "arcgis-layout-row": [() => import("./components/arcgis-layout-row/customElement.js"), "currentNode:,debug,isEditMode,node:,utils:"],
+  "arcgis-layout-section": [() => import("./components/arcgis-layout-section/customElement.js"), "currentNode:,debug,isEditMode,node:,utils:"]
 });
 export {
-  o as defineCustomElements
+  a as defineCustomElements
 };

package/dist/types/lumina.d.ts

@@ -1,28 +1,44 @@
 /// <reference types="../index.d.ts" />
+import type { ArcgisTextElement } from "../components/arcgis-text-element";
 import type { ChatShell } from "../components/arcgis-chat-shell";
 import type { ArcgisChatUI } from "../components/arcgis-chat-ui";
 import type { ArcGISHubAIAssistant } from "../components/arcgis-hub-ai-assistant";
+import type { ArcgisLayout } from "../components/arcgis-layout";
+import type { ArcgisLayoutContainer } from "../components/arcgis-layout-container";
 import type { h, EventHandler } from "@arcgis/lumina";
 
+interface LuminaArcgisTextElement extends Partial<Pick<ArcgisTextElement, 'html'>>, h.JSX.HTMLAttributes<HTMLArcgisTextElementElement> {
+}
+
 interface LuminaArcgisChatShell extends Partial<Pick<ChatShell, 'aboutContent' | 'aboutVisible' | 'chatComponent' | 'featureTable' | 'map' | 'mapEnabled' | 'mapVisible'>>, h.JSX.HTMLAttributes<HTMLArcgisChatShellElement> {
   onarcgisUpdateMapVisibility?: EventHandler<HTMLArcgisChatShellElement["arcgisUpdateMapVisibility"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatShellElement["hubTelemetry"]>;
 }
 
 interface LuminaArcgisChatUi extends Partial<Pick<ArcgisChatUI, 'botDescription' | 'botTitle' | 'conversationId' | 'defaultSuggestions' | 'devFeatureMessage' | 'getFinderResponse' | 'inputText'>>, h.JSX.HTMLAttributes<HTMLArcgisChatUiElement> {
   onarcgisAddDataClick?: EventHandler<HTMLArcgisChatUiElement["arcgisAddDataClick"]>;
   onarcgisLocationClick?: EventHandler<HTMLArcgisChatUiElement["arcgisLocationClick"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatUiElement["hubTelemetry"]>;
 }
 
 interface LuminaArcgisHubAiAssistant extends Partial<Pick<ArcGISHubAIAssistant, 'apiUrl' | 'authentication' | 'botDescription' | 'botTitle' | 'context' | 'defaultSuggestions' | 'entityId' | 'extent' | 'hub' | 'itemId' | 'language' | 'location' | 'mapBasemap' | 'mapEnabled' | 'mapLayers' | 'mapShowTable' | 'mapVisible' | 'portalUrl'>>, h.JSX.HTMLAttributes<HTMLArcgisHubAiAssistantElement> {
-  onarcgisAddLayer?: EventHandler<HTMLArcgisHubAiAssistantElement["arcgisAddLayer"]>;
+}
+
+interface LuminaArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'isEditMode' | 'layout' | 'options'>>, h.JSX.HTMLAttributes<HTMLArcgisLayoutElement> {
+}
+
+interface LuminaArcgisLayoutContainer extends h.JSX.HTMLAttributes<HTMLArcgisLayoutContainerElement> {
 }
 
 declare module "@arcgis/lumina" {
   export namespace h.JSX {
     interface IntrinsicElements {
+      "arcgis-text-element": LuminaArcgisTextElement;
       "arcgis-chat-shell": LuminaArcgisChatShell;
       "arcgis-chat-ui": LuminaArcgisChatUi;
       "arcgis-hub-ai-assistant": LuminaArcgisHubAiAssistant;
+      "arcgis-layout": LuminaArcgisLayout;
+      "arcgis-layout-container": LuminaArcgisLayoutContainer;
     }
   }
 }

package/dist/types/preact.d.ts

@@ -1,36 +1,55 @@
 /// <reference types="../index.d.ts" />
+import type { ArcgisTextElement } from "../components/arcgis-text-element";
 import type { ChatShell } from "../components/arcgis-chat-shell";
 import type { ArcgisChatUI } from "../components/arcgis-chat-ui";
 import type { ArcGISHubAIAssistant } from "../components/arcgis-hub-ai-assistant";
+import type { ArcgisLayout } from "../components/arcgis-layout";
+import type { ArcgisLayoutContainer } from "../components/arcgis-layout-container";
 import { JSX as PreactJsx } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
+interface PreactArcgisTextElement extends Partial<Pick<ArcgisTextElement, 'html'>>, PreactJsx.HTMLAttributes<HTMLArcgisTextElementElement> {
+}
+
 interface PreactArcgisChatShell extends Partial<Pick<ChatShell, 'aboutContent' | 'aboutVisible' | 'chatComponent' | 'featureTable' | 'map' | 'mapEnabled' | 'mapVisible'>>, PreactJsx.HTMLAttributes<HTMLArcgisChatShellElement> {
   onarcgisUpdateMapVisibility?: EventHandler<HTMLArcgisChatShellElement["arcgisUpdateMapVisibility"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatShellElement["hubTelemetry"]>;
 }
 
 interface PreactArcgisChatUi extends Partial<Pick<ArcgisChatUI, 'botDescription' | 'botTitle' | 'conversationId' | 'defaultSuggestions' | 'devFeatureMessage' | 'getFinderResponse' | 'inputText'>>, PreactJsx.HTMLAttributes<HTMLArcgisChatUiElement> {
   onarcgisAddDataClick?: EventHandler<HTMLArcgisChatUiElement["arcgisAddDataClick"]>;
   onarcgisLocationClick?: EventHandler<HTMLArcgisChatUiElement["arcgisLocationClick"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatUiElement["hubTelemetry"]>;
 }
 
 interface PreactArcgisHubAiAssistant extends Partial<Pick<ArcGISHubAIAssistant, 'apiUrl' | 'authentication' | 'botDescription' | 'botTitle' | 'context' | 'defaultSuggestions' | 'entityId' | 'extent' | 'hub' | 'itemId' | 'language' | 'location' | 'mapBasemap' | 'mapEnabled' | 'mapLayers' | 'mapShowTable' | 'mapVisible' | 'portalUrl'>>, PreactJsx.HTMLAttributes<HTMLArcgisHubAiAssistantElement> {
-  onarcgisAddLayer?: EventHandler<HTMLArcgisHubAiAssistantElement["arcgisAddLayer"]>;
+}
+
+interface PreactArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'isEditMode' | 'layout' | 'options'>>, PreactJsx.HTMLAttributes<HTMLArcgisLayoutElement> {
+}
+
+interface PreactArcgisLayoutContainer extends PreactJsx.HTMLAttributes<HTMLArcgisLayoutContainerElement> {
 }
 
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements extends PreactJsx.IntrinsicElements {
+      "arcgis-text-element": PreactArcgisTextElement;
       "arcgis-chat-shell": PreactArcgisChatShell;
       "arcgis-chat-ui": PreactArcgisChatUi;
       "arcgis-hub-ai-assistant": PreactArcgisHubAiAssistant;
+      "arcgis-layout": PreactArcgisLayout;
+      "arcgis-layout-container": PreactArcgisLayoutContainer;
     }
   }
   namespace h.JSX {
     interface IntrinsicElements extends PreactJsx.IntrinsicElements {
+      "arcgis-text-element": PreactArcgisTextElement;
       "arcgis-chat-shell": PreactArcgisChatShell;
       "arcgis-chat-ui": PreactArcgisChatUi;
       "arcgis-hub-ai-assistant": PreactArcgisHubAiAssistant;
+      "arcgis-layout": PreactArcgisLayout;
+      "arcgis-layout-container": PreactArcgisLayoutContainer;
     }
   }
 }

package/dist/types/react.d.ts

@@ -1,47 +1,69 @@
 /// <reference types="../index.d.ts" />
+import type { ArcgisTextElement } from "../components/arcgis-text-element";
 import type { ChatShell } from "../components/arcgis-chat-shell";
 import type { ArcgisChatUI } from "../components/arcgis-chat-ui";
 import type { ArcGISHubAIAssistant } from "../components/arcgis-hub-ai-assistant";
+import type { ArcgisLayout } from "../components/arcgis-layout";
+import type { ArcgisLayoutContainer } from "../components/arcgis-layout-container";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
+interface ReactArcgisTextElement extends Partial<Pick<ArcgisTextElement, 'html'>>, HTMLProps<HTMLArcgisTextElementElement> {
+}
+
 interface ReactArcgisChatShell extends Partial<Pick<ChatShell, 'aboutContent' | 'aboutVisible' | 'chatComponent' | 'featureTable' | 'map' | 'mapEnabled' | 'mapVisible'>>, HTMLProps<HTMLArcgisChatShellElement> {
   onarcgisUpdateMapVisibility?: EventHandler<HTMLArcgisChatShellElement["arcgisUpdateMapVisibility"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatShellElement["hubTelemetry"]>;
 }
 
 interface ReactArcgisChatUi extends Partial<Pick<ArcgisChatUI, 'botDescription' | 'botTitle' | 'conversationId' | 'defaultSuggestions' | 'devFeatureMessage' | 'getFinderResponse' | 'inputText'>>, HTMLProps<HTMLArcgisChatUiElement> {
   onarcgisAddDataClick?: EventHandler<HTMLArcgisChatUiElement["arcgisAddDataClick"]>;
   onarcgisLocationClick?: EventHandler<HTMLArcgisChatUiElement["arcgisLocationClick"]>;
+  onhubTelemetry?: EventHandler<HTMLArcgisChatUiElement["hubTelemetry"]>;
 }
 
 interface ReactArcgisHubAiAssistant extends Partial<Pick<ArcGISHubAIAssistant, 'apiUrl' | 'authentication' | 'botDescription' | 'botTitle' | 'context' | 'defaultSuggestions' | 'entityId' | 'extent' | 'hub' | 'itemId' | 'language' | 'location' | 'mapBasemap' | 'mapEnabled' | 'mapLayers' | 'mapShowTable' | 'mapVisible' | 'portalUrl'>>, HTMLProps<HTMLArcgisHubAiAssistantElement> {
-  onarcgisAddLayer?: EventHandler<HTMLArcgisHubAiAssistantElement["arcgisAddLayer"]>;
+}
+
+interface ReactArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'isEditMode' | 'layout' | 'options'>>, HTMLProps<HTMLArcgisLayoutElement> {
+}
+
+interface ReactArcgisLayoutContainer extends HTMLProps<HTMLArcgisLayoutContainerElement> {
 }
 
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
+      "arcgis-text-element": ReactArcgisTextElement;
       "arcgis-chat-shell": ReactArcgisChatShell;
       "arcgis-chat-ui": ReactArcgisChatUi;
       "arcgis-hub-ai-assistant": ReactArcgisHubAiAssistant;
+      "arcgis-layout": ReactArcgisLayout;
+      "arcgis-layout-container": ReactArcgisLayoutContainer;
     }
   }
 }
 declare module "react/jsx-runtime" {
   namespace JSX {
     interface IntrinsicElements {
+      "arcgis-text-element": ReactArcgisTextElement;
       "arcgis-chat-shell": ReactArcgisChatShell;
       "arcgis-chat-ui": ReactArcgisChatUi;
       "arcgis-hub-ai-assistant": ReactArcgisHubAiAssistant;
+      "arcgis-layout": ReactArcgisLayout;
+      "arcgis-layout-container": ReactArcgisLayoutContainer;
     }
   }
 }
 declare module "react/jsx-dev-runtime" {
   namespace JSX {
     interface IntrinsicElements {
+      "arcgis-text-element": ReactArcgisTextElement;
       "arcgis-chat-shell": ReactArcgisChatShell;
       "arcgis-chat-ui": ReactArcgisChatUi;
       "arcgis-hub-ai-assistant": ReactArcgisHubAiAssistant;
+      "arcgis-layout": ReactArcgisLayout;
+      "arcgis-layout-container": ReactArcgisLayoutContainer;
     }
   }
 }

package/dist/types/stencil.d.ts

@@ -1,27 +1,43 @@
 /// <reference types="../index.d.ts" />
+import type { ArcgisTextElement } from "../components/arcgis-text-element";
 import type { ChatShell } from "../components/arcgis-chat-shell";
 import type { ArcgisChatUI } from "../components/arcgis-chat-ui";
 import type { ArcGISHubAIAssistant } from "../components/arcgis-hub-ai-assistant";
+import type { ArcgisLayout } from "../components/arcgis-layout";
+import type { ArcgisLayoutContainer } from "../components/arcgis-layout-container";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
+interface StencilArcgisTextElement extends Partial<Pick<ArcgisTextElement, 'html'>>, StencilJsx.HTMLAttributes<HTMLArcgisTextElementElement> {
+}
+
 interface StencilArcgisChatShell extends Partial<Pick<ChatShell, 'aboutContent' | 'aboutVisible' | 'chatComponent' | 'featureTable' | 'map' | 'mapEnabled' | 'mapVisible'>>, StencilJsx.HTMLAttributes<HTMLArcgisChatShellElement> {
   onArcgisUpdateMapVisibility?: EventHandler<HTMLArcgisChatShellElement["arcgisUpdateMapVisibility"]>;
+  onHubTelemetry?: EventHandler<HTMLArcgisChatShellElement["hubTelemetry"]>;
 }
 
 interface StencilArcgisChatUi extends Partial<Pick<ArcgisChatUI, 'botDescription' | 'botTitle' | 'conversationId' | 'defaultSuggestions' | 'devFeatureMessage' | 'getFinderResponse' | 'inputText'>>, StencilJsx.HTMLAttributes<HTMLArcgisChatUiElement> {
   onArcgisAddDataClick?: EventHandler<HTMLArcgisChatUiElement["arcgisAddDataClick"]>;
   onArcgisLocationClick?: EventHandler<HTMLArcgisChatUiElement["arcgisLocationClick"]>;
+  onHubTelemetry?: EventHandler<HTMLArcgisChatUiElement["hubTelemetry"]>;
 }
 
 interface StencilArcgisHubAiAssistant extends Partial<Pick<ArcGISHubAIAssistant, 'apiUrl' | 'authentication' | 'botDescription' | 'botTitle' | 'context' | 'defaultSuggestions' | 'entityId' | 'extent' | 'hub' | 'itemId' | 'language' | 'location' | 'mapBasemap' | 'mapEnabled' | 'mapLayers' | 'mapShowTable' | 'mapVisible' | 'portalUrl'>>, StencilJsx.HTMLAttributes<HTMLArcgisHubAiAssistantElement> {
-  onArcgisAddLayer?: EventHandler<HTMLArcgisHubAiAssistantElement["arcgisAddLayer"]>;
+}
+
+interface StencilArcgisLayout extends Partial<Pick<ArcgisLayout, 'debug' | 'isEditMode' | 'layout' | 'options'>>, StencilJsx.HTMLAttributes<HTMLArcgisLayoutElement> {
+}
+
+interface StencilArcgisLayoutContainer extends StencilJsx.HTMLAttributes<HTMLArcgisLayoutContainerElement> {
 }
 
 interface ExposedElements {
+  "arcgis-text-element": StencilArcgisTextElement;
   "arcgis-chat-shell": StencilArcgisChatShell;
   "arcgis-chat-ui": StencilArcgisChatUi;
   "arcgis-hub-ai-assistant": StencilArcgisHubAiAssistant;
+  "arcgis-layout": StencilArcgisLayout;
+  "arcgis-layout-container": StencilArcgisLayoutContainer;
 }
 
 export namespace JSX {

package/dist/util/state.d.ts

@@ -0,0 +1,5 @@
+import * as hubComponents from "@esri/hub-components";
+export declare const getGlobalContext: () => hubComponents.IArcGISContext | undefined;
+export declare const setGlobalContext: (context?: hubComponents.IArcGISContext) => void;
+export declare const getCurrentSite: () => hubComponents.IHubSite | undefined;
+export declare const setCurrentSite: (site?: hubComponents.IHubSite) => void;