@babylonjs/shared-ui-components 9.2.1 → 9.3.0

package/fluent/primitives/accordion.contexts.js

@@ -172,12 +172,12 @@ export function useAccordionSectionItemState(props) {
     // Debug: warn if itemId changes (should be stable)
     const prevItemIdRef = useRef(itemId);
     useEffect(() => {
-        if (prevItemIdRef.current !== itemId) {
+        if (accordionCtx && prevItemIdRef.current !== itemId) {
             Logger.Warn(`Accordion: The uniqueId "${itemId}" in section "${sectionCtx?.sectionId}" has changed from "${prevItemIdRef.current}". ` +
                 `Each item must have a unique, stable ID for pin/hide persistence to work correctly.`);
         }
         prevItemIdRef.current = itemId;
-    }, [itemId, sectionCtx?.sectionId]);
+    }, [accordionCtx, itemId, sectionCtx?.sectionId]);
     // Register item and detect duplicates (skip nested items, as children of other AccordionSectionItem should not participate in pin/hide/search).
     useEffect(() => {
         if (!accordionCtx || !itemUniqueId || isNested) {

package/fluent/primitives/accordion.contexts.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.contexts.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/fluent/primitives/accordion.contexts.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type RefObject, createContext, useContext, useEffect, useMemo, useReducer, useRef } from \"react\";\nimport { type AccordionProps, type AccordionSectionBlockProps, type AccordionSectionItemProps } from \"./accordion\";\nimport { DataStorage } from \"core/Misc/dataStorage\";\nimport { Logger } from \"core/Misc/logger\";\n\n// ============================================================================\n// Storage Helpers\n// ============================================================================\n\nconst STORAGE_KEY_ROOT = \"Babylon/Accordion\";\n\nconst ReadFromStorage = <T,>(path: string, initial: T): T => {\n    try {\n        const stored = DataStorage.ReadString(`${STORAGE_KEY_ROOT}/${path}`, \"\");\n        return stored ? JSON.parse(stored) : initial;\n    } catch {\n        return initial;\n    }\n};\n\nconst WriteToStorage = (path: string, data: unknown): void => {\n    DataStorage.WriteString(`${STORAGE_KEY_ROOT}/${path}`, JSON.stringify(data));\n};\n\n// ============================================================================\n// State Types\n// ============================================================================\n\n/**\n * Immutable state for the Accordion.\n */\nexport type AccordionState = {\n    /** IDs of pinned items (persisted to localStorage). */\n    pinnedIds: string[];\n    /** IDs of hidden items (persisted to localStorage). */\n    hiddenIds: string[];\n    /** Current search/filter term. */\n    searchTerm: string;\n    /** Whether edit mode is active (shows pin/hide controls). */\n    editMode: boolean;\n};\n\n/**\n * Actions that can be dispatched to update accordion state.\n */\nexport type AccordionAction =\n    | { type: \"SET_SEARCH_TERM\"; term: string }\n    | { type: \"SET_EDIT_MODE\"; enabled: boolean }\n    | { type: \"TOGGLE_PINNED\"; itemId: string }\n    | { type: \"TOGGLE_HIDDEN\"; itemId: string }\n    | { type: \"MOVE_PINNED_UP\"; itemId: string }\n    | { type: \"REMOVE_STALE_IDS\"; activeIds: Set<string> }\n    | { type: \"SHOW_ALL\" }\n    | { type: \"HIDE_ALL_VISIBLE\"; visibleItemIds: string[] };\n\n/**\n * Feature flags for the Accordion (immutable after initialization).\n */\nexport type AccordionFeatures = {\n    /** Whether pinning is enabled. */\n    pinning: boolean;\n    /** Whether hiding is enabled. */\n    hiding: boolean;\n    /** Whether search is enabled. */\n    search: boolean;\n};\n\n// ============================================================================\n// Reducer\n// ============================================================================\n\nconst AccordionReducer = (state: AccordionState, action: AccordionAction): AccordionState => {\n    switch (action.type) {\n        case \"SET_SEARCH_TERM\":\n            return { ...state, searchTerm: action.term };\n\n        case \"SET_EDIT_MODE\":\n            return { ...state, editMode: action.enabled };\n\n        case \"TOGGLE_PINNED\": {\n            const isPinned = state.pinnedIds.includes(action.itemId);\n            return {\n                ...state,\n                pinnedIds: isPinned ? state.pinnedIds.filter((id) => id !== action.itemId) : [...state.pinnedIds, action.itemId],\n            };\n        }\n\n        case \"TOGGLE_HIDDEN\": {\n            const isHidden = state.hiddenIds.includes(action.itemId);\n            return {\n                ...state,\n                hiddenIds: isHidden ? state.hiddenIds.filter((id) => id !== action.itemId) : [...state.hiddenIds, action.itemId],\n            };\n        }\n\n        case \"MOVE_PINNED_UP\": {\n            const index = state.pinnedIds.indexOf(action.itemId);\n            if (index <= 0) {\n                return state;\n            }\n            const newPinnedIds = [...state.pinnedIds];\n            [newPinnedIds[index - 1], newPinnedIds[index]] = [newPinnedIds[index], newPinnedIds[index - 1]];\n            return { ...state, pinnedIds: newPinnedIds };\n        }\n\n        case \"REMOVE_STALE_IDS\": {\n            const pinnedIds = state.pinnedIds.filter((id) => action.activeIds.has(id));\n            const hiddenIds = state.hiddenIds.filter((id) => action.activeIds.has(id));\n            if (pinnedIds.length === state.pinnedIds.length && hiddenIds.length === state.hiddenIds.length) {\n                return state;\n            }\n            return { ...state, pinnedIds, hiddenIds };\n        }\n\n        case \"SHOW_ALL\":\n            return { ...state, hiddenIds: [] };\n\n        case \"HIDE_ALL_VISIBLE\":\n            return {\n                ...state,\n                hiddenIds: [...new Set([...state.hiddenIds, ...action.visibleItemIds])],\n            };\n\n        default:\n            return state;\n    }\n};\n\n// ============================================================================\n// Accordion Context\n// ============================================================================\n\n/**\n * Context value for the Accordion component.\n */\nexport type AccordionContextValue = {\n    /** The unique ID of the Accordion instance. */\n    accordionId: string;\n    /** State for the Accordion, managed via dispatch function. */\n    state: AccordionState;\n    /** Dispatch function to update state. */\n    dispatch: React.Dispatch<AccordionAction>;\n    /** Feature flags. */\n    features: AccordionFeatures;\n    /** Ref for the pinned items portal container. */\n    pinnedContainerRef: RefObject<HTMLDivElement>;\n    /** Map of registered item IDs to labels (for duplicate detection and section empty checks). */\n    registeredItemIds: Map<string, string>;\n};\n\nexport const AccordionContext = createContext<AccordionContextValue | undefined>(undefined);\n\n/**\n * Hook to create and manage the AccordionContext value.\n *\n * @param props - AccordionProps\n * @returns AccordionContextValue, or undefined if no features are enabled or no uniqueId is provided.\n */\nexport function useAccordionContext(props: AccordionProps): AccordionContextValue | undefined {\n    const { uniqueId: accordionId, enablePinnedItems, enableHiddenItems, enableSearchItems } = props;\n\n    const features: AccordionFeatures = useMemo(\n        () => ({\n            pinning: enablePinnedItems ?? false,\n            hiding: enableHiddenItems ?? false,\n            search: enableSearchItems ?? false,\n        }),\n        [enablePinnedItems, enableHiddenItems, enableSearchItems]\n    );\n\n    const hasFeatures = features.pinning || features.hiding || features.search;\n\n    // Initialize state from localStorage\n    const initialState = useMemo((): AccordionState => {\n        if (!accordionId || !hasFeatures) {\n            return { pinnedIds: [], hiddenIds: [], searchTerm: \"\", editMode: false };\n        }\n        return {\n            pinnedIds: features.pinning ? ReadFromStorage<string[]>(`Pinned/${accordionId}`, []) : [],\n            hiddenIds: features.hiding ? ReadFromStorage<string[]>(`Hidden/${accordionId}`, []) : [],\n            searchTerm: \"\",\n            editMode: false,\n        };\n    }, [accordionId, hasFeatures, features.pinning, features.hiding]);\n\n    const [state, dispatch] = useReducer(AccordionReducer, initialState);\n\n    const pinnedContainerRef = useRef<HTMLDivElement>(null);\n    const registeredItemIds = useRef<Map<string, string>>(new Map());\n\n    // Persist pinnedIds to localStorage when they change\n    useEffect(() => {\n        if (accordionId && features.pinning) {\n            WriteToStorage(`Pinned/${accordionId}`, state.pinnedIds);\n        }\n    }, [accordionId, features.pinning, state.pinnedIds]);\n\n    // Persist hiddenIds to localStorage when they change\n    useEffect(() => {\n        if (accordionId && features.hiding) {\n            WriteToStorage(`Hidden/${accordionId}`, state.hiddenIds);\n        }\n    }, [accordionId, features.hiding, state.hiddenIds]);\n\n    // Clean stale IDs from localStorage on mount. Parent effects run after\n    // children's, so all items will have registered by the time this fires.\n    useEffect(() => {\n        if (accordionId && hasFeatures) {\n            dispatch({ type: \"REMOVE_STALE_IDS\", activeIds: new Set(registeredItemIds.current.keys()) });\n        }\n    }, [accordionId, hasFeatures]);\n\n    // Return undefined if no accordionId or no features enabled\n    if (!accordionId || !hasFeatures) {\n        return undefined;\n    }\n\n    return {\n        accordionId,\n        state,\n        dispatch,\n        features,\n        pinnedContainerRef,\n        registeredItemIds: registeredItemIds.current,\n    };\n}\n\n// ============================================================================\n// Section Context\n// ============================================================================\n\n/**\n * Context value for an AccordionSectionBlock.\n */\nexport type AccordionSectionBlockContextValue = {\n    /** The section ID. */\n    sectionId: string;\n};\n\nexport const AccordionSectionBlockContext = createContext<AccordionSectionBlockContextValue | undefined>(undefined);\n\n/**\n * Hook to create the AccordionSectionBlockContext value.\n *\n * @param props - AccordionSectionBlockProps\n * @returns AccordionSectionBlockContextValue and isEmpty state\n */\nexport function useAccordionSectionBlockContext(props: AccordionSectionBlockProps): {\n    context: AccordionSectionBlockContextValue;\n    isEmpty: boolean;\n} {\n    const { sectionId } = props;\n    const context = useMemo(() => ({ sectionId }), [sectionId]);\n    const isEmpty = useIsSectionEmpty(sectionId);\n\n    return { context, isEmpty };\n}\n\n// ============================================================================\n// Item Depth Context (to detect nested AccordionSectionItems)\n// ============================================================================\n\n/**\n * Context to track whether we're inside an AccordionSectionItem.\n * Used to prevent nested items from being individually manageable.\n */\nexport const AccordionItemDepthContext = createContext<boolean>(false);\n\n// ============================================================================\n// Item Context Hook\n// ============================================================================\n\n/**\n * Derived item state, computed from the accordion state during render.\n */\nexport type AccordionItemState = {\n    /** The globally unique item ID. */\n    itemUniqueId: string;\n    /** Whether this item is nested inside another AccordionSectionItem. */\n    isNested: boolean;\n    /** Whether this item is pinned. */\n    isPinned: boolean;\n    /** Whether this item is hidden. */\n    isHidden: boolean;\n    /** Whether this item matches the current search term. */\n    isMatch: boolean;\n    /** The index of this item in the pinned list (for ordering). */\n    pinnedIndex: number;\n    /** Whether this pinned item can be moved up (is not first in the pinned list). */\n    canMoveUp: boolean;\n    /** Whether edit mode is active. */\n    inEditMode: boolean;\n    /** Callbacks to modify state. */\n    actions: {\n        togglePinned: () => void;\n        toggleHidden: () => void;\n        movePinnedUp: () => void;\n    };\n};\n\n/**\n * Hook to compute item state from accordion context.\n *\n * @param props - AccordionSectionItemProps\n * @returns AccordionItemState, or undefined if no accordion context or nested item.\n */\nexport function useAccordionSectionItemState(props: AccordionSectionItemProps): AccordionItemState | undefined {\n    const { uniqueId: itemId, label: itemLabel, staticItem } = props;\n\n    const accordionCtx = useContext(AccordionContext);\n    const sectionCtx = useContext(AccordionSectionBlockContext);\n    const isNested = useContext(AccordionItemDepthContext);\n\n    // Build the globally unique item ID\n    const itemUniqueId = useMemo(() => {\n        if (!accordionCtx || !sectionCtx) {\n            return \"\";\n        }\n        return `${accordionCtx.accordionId}/${sectionCtx.sectionId}/${itemId}`;\n    }, [accordionCtx?.accordionId, sectionCtx?.sectionId, itemId]);\n\n    // Debug: warn if itemId changes (should be stable)\n    const prevItemIdRef = useRef(itemId);\n    useEffect(() => {\n        if (prevItemIdRef.current !== itemId) {\n            Logger.Warn(\n                `Accordion: The uniqueId \"${itemId}\" in section \"${sectionCtx?.sectionId}\" has changed from \"${prevItemIdRef.current}\". ` +\n                    `Each item must have a unique, stable ID for pin/hide persistence to work correctly.`\n            );\n        }\n        prevItemIdRef.current = itemId;\n    }, [itemId, sectionCtx?.sectionId]);\n\n    // Register item and detect duplicates (skip nested items, as children of other AccordionSectionItem should not participate in pin/hide/search).\n    useEffect(() => {\n        if (!accordionCtx || !itemUniqueId || isNested) {\n            return;\n        }\n        const { registeredItemIds } = accordionCtx;\n        if (registeredItemIds.has(itemUniqueId)) {\n            Logger.Warn(\n                `Accordion: Duplicate uniqueId \"${itemId}\" detected in section \"${sectionCtx?.sectionId}\". ` +\n                    `Each item must have a unique ID within its section for pin/hide persistence to work correctly.`\n            );\n        }\n        registeredItemIds.set(itemUniqueId, itemLabel ?? itemId);\n        return () => {\n            registeredItemIds.delete(itemUniqueId);\n        };\n    }, [accordionCtx, itemUniqueId, itemId, itemLabel, sectionCtx?.sectionId, isNested]);\n\n    // If no context, static item, or nested, return undefined\n    if (!accordionCtx || staticItem) {\n        return undefined;\n    }\n\n    const { state, dispatch, features } = accordionCtx;\n    const { pinnedIds, hiddenIds, searchTerm, editMode } = state;\n\n    // Compute derived state\n    const isPinned = features.pinning && pinnedIds.includes(itemUniqueId);\n    const isHidden = features.hiding && hiddenIds.includes(itemUniqueId);\n    const pinnedIndex = isPinned ? pinnedIds.indexOf(itemUniqueId) : -1;\n\n    const canMoveUp = isPinned && pinnedIndex > 0;\n\n    // Search matching\n    const searchText = (itemLabel ?? itemId).toLowerCase();\n    const isMatch = !features.search || !searchTerm || searchText.includes(searchTerm.toLowerCase());\n\n    return {\n        itemUniqueId,\n        isNested,\n        isPinned,\n        isHidden,\n        isMatch,\n        pinnedIndex,\n        canMoveUp,\n        inEditMode: editMode,\n        actions: {\n            togglePinned: () => dispatch({ type: \"TOGGLE_PINNED\", itemId: itemUniqueId }),\n            toggleHidden: () => dispatch({ type: \"TOGGLE_HIDDEN\", itemId: itemUniqueId }),\n            movePinnedUp: () => dispatch({ type: \"MOVE_PINNED_UP\", itemId: itemUniqueId }),\n        },\n    };\n}\n/**\n * Hook to determine if a section is empty (has no visible items).\n * Derived from accordion state + globally registered items filtered by section prefix.\n *\n * @param sectionId - The section ID to check.\n * @returns Whether the section has no visible items.\n */\nfunction useIsSectionEmpty(sectionId: string): boolean {\n    const accordionCtx = useContext(AccordionContext);\n\n    if (!accordionCtx) {\n        return false;\n    }\n\n    const { state, features, accordionId, registeredItemIds } = accordionCtx;\n    const { pinnedIds, hiddenIds, searchTerm, editMode } = state;\n\n    if (editMode) {\n        return false;\n    }\n\n    const sectionPrefix = `${accordionId}/${sectionId}/`;\n    let hasItems = false;\n\n    for (const [itemId, itemLabel] of registeredItemIds) {\n        if (!itemId.startsWith(sectionPrefix)) {\n            continue;\n        }\n        hasItems = true;\n        const isPinned = features.pinning && pinnedIds.includes(itemId);\n        const isHidden = features.hiding && hiddenIds.includes(itemId);\n        const searchText = (itemLabel || itemId).toLowerCase();\n        const isMatch = !features.search || !searchTerm || searchText.includes(searchTerm.toLowerCase());\n        if (!isPinned && !isHidden && isMatch) {\n            return false;\n        }\n    }\n\n    return hasItems;\n}\n"]}
+{"version":3,"file":"accordion.contexts.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/fluent/primitives/accordion.contexts.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type RefObject, createContext, useContext, useEffect, useMemo, useReducer, useRef } from \"react\";\nimport { type AccordionProps, type AccordionSectionBlockProps, type AccordionSectionItemProps } from \"./accordion\";\nimport { DataStorage } from \"core/Misc/dataStorage\";\nimport { Logger } from \"core/Misc/logger\";\n\n// ============================================================================\n// Storage Helpers\n// ============================================================================\n\nconst STORAGE_KEY_ROOT = \"Babylon/Accordion\";\n\nconst ReadFromStorage = <T,>(path: string, initial: T): T => {\n    try {\n        const stored = DataStorage.ReadString(`${STORAGE_KEY_ROOT}/${path}`, \"\");\n        return stored ? JSON.parse(stored) : initial;\n    } catch {\n        return initial;\n    }\n};\n\nconst WriteToStorage = (path: string, data: unknown): void => {\n    DataStorage.WriteString(`${STORAGE_KEY_ROOT}/${path}`, JSON.stringify(data));\n};\n\n// ============================================================================\n// State Types\n// ============================================================================\n\n/**\n * Immutable state for the Accordion.\n */\nexport type AccordionState = {\n    /** IDs of pinned items (persisted to localStorage). */\n    pinnedIds: string[];\n    /** IDs of hidden items (persisted to localStorage). */\n    hiddenIds: string[];\n    /** Current search/filter term. */\n    searchTerm: string;\n    /** Whether edit mode is active (shows pin/hide controls). */\n    editMode: boolean;\n};\n\n/**\n * Actions that can be dispatched to update accordion state.\n */\nexport type AccordionAction =\n    | { type: \"SET_SEARCH_TERM\"; term: string }\n    | { type: \"SET_EDIT_MODE\"; enabled: boolean }\n    | { type: \"TOGGLE_PINNED\"; itemId: string }\n    | { type: \"TOGGLE_HIDDEN\"; itemId: string }\n    | { type: \"MOVE_PINNED_UP\"; itemId: string }\n    | { type: \"REMOVE_STALE_IDS\"; activeIds: Set<string> }\n    | { type: \"SHOW_ALL\" }\n    | { type: \"HIDE_ALL_VISIBLE\"; visibleItemIds: string[] };\n\n/**\n * Feature flags for the Accordion (immutable after initialization).\n */\nexport type AccordionFeatures = {\n    /** Whether pinning is enabled. */\n    pinning: boolean;\n    /** Whether hiding is enabled. */\n    hiding: boolean;\n    /** Whether search is enabled. */\n    search: boolean;\n};\n\n// ============================================================================\n// Reducer\n// ============================================================================\n\nconst AccordionReducer = (state: AccordionState, action: AccordionAction): AccordionState => {\n    switch (action.type) {\n        case \"SET_SEARCH_TERM\":\n            return { ...state, searchTerm: action.term };\n\n        case \"SET_EDIT_MODE\":\n            return { ...state, editMode: action.enabled };\n\n        case \"TOGGLE_PINNED\": {\n            const isPinned = state.pinnedIds.includes(action.itemId);\n            return {\n                ...state,\n                pinnedIds: isPinned ? state.pinnedIds.filter((id) => id !== action.itemId) : [...state.pinnedIds, action.itemId],\n            };\n        }\n\n        case \"TOGGLE_HIDDEN\": {\n            const isHidden = state.hiddenIds.includes(action.itemId);\n            return {\n                ...state,\n                hiddenIds: isHidden ? state.hiddenIds.filter((id) => id !== action.itemId) : [...state.hiddenIds, action.itemId],\n            };\n        }\n\n        case \"MOVE_PINNED_UP\": {\n            const index = state.pinnedIds.indexOf(action.itemId);\n            if (index <= 0) {\n                return state;\n            }\n            const newPinnedIds = [...state.pinnedIds];\n            [newPinnedIds[index - 1], newPinnedIds[index]] = [newPinnedIds[index], newPinnedIds[index - 1]];\n            return { ...state, pinnedIds: newPinnedIds };\n        }\n\n        case \"REMOVE_STALE_IDS\": {\n            const pinnedIds = state.pinnedIds.filter((id) => action.activeIds.has(id));\n            const hiddenIds = state.hiddenIds.filter((id) => action.activeIds.has(id));\n            if (pinnedIds.length === state.pinnedIds.length && hiddenIds.length === state.hiddenIds.length) {\n                return state;\n            }\n            return { ...state, pinnedIds, hiddenIds };\n        }\n\n        case \"SHOW_ALL\":\n            return { ...state, hiddenIds: [] };\n\n        case \"HIDE_ALL_VISIBLE\":\n            return {\n                ...state,\n                hiddenIds: [...new Set([...state.hiddenIds, ...action.visibleItemIds])],\n            };\n\n        default:\n            return state;\n    }\n};\n\n// ============================================================================\n// Accordion Context\n// ============================================================================\n\n/**\n * Context value for the Accordion component.\n */\nexport type AccordionContextValue = {\n    /** The unique ID of the Accordion instance. */\n    accordionId: string;\n    /** State for the Accordion, managed via dispatch function. */\n    state: AccordionState;\n    /** Dispatch function to update state. */\n    dispatch: React.Dispatch<AccordionAction>;\n    /** Feature flags. */\n    features: AccordionFeatures;\n    /** Ref for the pinned items portal container. */\n    pinnedContainerRef: RefObject<HTMLDivElement>;\n    /** Map of registered item IDs to labels (for duplicate detection and section empty checks). */\n    registeredItemIds: Map<string, string>;\n};\n\nexport const AccordionContext = createContext<AccordionContextValue | undefined>(undefined);\n\n/**\n * Hook to create and manage the AccordionContext value.\n *\n * @param props - AccordionProps\n * @returns AccordionContextValue, or undefined if no features are enabled or no uniqueId is provided.\n */\nexport function useAccordionContext(props: AccordionProps): AccordionContextValue | undefined {\n    const { uniqueId: accordionId, enablePinnedItems, enableHiddenItems, enableSearchItems } = props;\n\n    const features: AccordionFeatures = useMemo(\n        () => ({\n            pinning: enablePinnedItems ?? false,\n            hiding: enableHiddenItems ?? false,\n            search: enableSearchItems ?? false,\n        }),\n        [enablePinnedItems, enableHiddenItems, enableSearchItems]\n    );\n\n    const hasFeatures = features.pinning || features.hiding || features.search;\n\n    // Initialize state from localStorage\n    const initialState = useMemo((): AccordionState => {\n        if (!accordionId || !hasFeatures) {\n            return { pinnedIds: [], hiddenIds: [], searchTerm: \"\", editMode: false };\n        }\n        return {\n            pinnedIds: features.pinning ? ReadFromStorage<string[]>(`Pinned/${accordionId}`, []) : [],\n            hiddenIds: features.hiding ? ReadFromStorage<string[]>(`Hidden/${accordionId}`, []) : [],\n            searchTerm: \"\",\n            editMode: false,\n        };\n    }, [accordionId, hasFeatures, features.pinning, features.hiding]);\n\n    const [state, dispatch] = useReducer(AccordionReducer, initialState);\n\n    const pinnedContainerRef = useRef<HTMLDivElement>(null);\n    const registeredItemIds = useRef<Map<string, string>>(new Map());\n\n    // Persist pinnedIds to localStorage when they change\n    useEffect(() => {\n        if (accordionId && features.pinning) {\n            WriteToStorage(`Pinned/${accordionId}`, state.pinnedIds);\n        }\n    }, [accordionId, features.pinning, state.pinnedIds]);\n\n    // Persist hiddenIds to localStorage when they change\n    useEffect(() => {\n        if (accordionId && features.hiding) {\n            WriteToStorage(`Hidden/${accordionId}`, state.hiddenIds);\n        }\n    }, [accordionId, features.hiding, state.hiddenIds]);\n\n    // Clean stale IDs from localStorage on mount. Parent effects run after\n    // children's, so all items will have registered by the time this fires.\n    useEffect(() => {\n        if (accordionId && hasFeatures) {\n            dispatch({ type: \"REMOVE_STALE_IDS\", activeIds: new Set(registeredItemIds.current.keys()) });\n        }\n    }, [accordionId, hasFeatures]);\n\n    // Return undefined if no accordionId or no features enabled\n    if (!accordionId || !hasFeatures) {\n        return undefined;\n    }\n\n    return {\n        accordionId,\n        state,\n        dispatch,\n        features,\n        pinnedContainerRef,\n        registeredItemIds: registeredItemIds.current,\n    };\n}\n\n// ============================================================================\n// Section Context\n// ============================================================================\n\n/**\n * Context value for an AccordionSectionBlock.\n */\nexport type AccordionSectionBlockContextValue = {\n    /** The section ID. */\n    sectionId: string;\n};\n\nexport const AccordionSectionBlockContext = createContext<AccordionSectionBlockContextValue | undefined>(undefined);\n\n/**\n * Hook to create the AccordionSectionBlockContext value.\n *\n * @param props - AccordionSectionBlockProps\n * @returns AccordionSectionBlockContextValue and isEmpty state\n */\nexport function useAccordionSectionBlockContext(props: AccordionSectionBlockProps): {\n    context: AccordionSectionBlockContextValue;\n    isEmpty: boolean;\n} {\n    const { sectionId } = props;\n    const context = useMemo(() => ({ sectionId }), [sectionId]);\n    const isEmpty = useIsSectionEmpty(sectionId);\n\n    return { context, isEmpty };\n}\n\n// ============================================================================\n// Item Depth Context (to detect nested AccordionSectionItems)\n// ============================================================================\n\n/**\n * Context to track whether we're inside an AccordionSectionItem.\n * Used to prevent nested items from being individually manageable.\n */\nexport const AccordionItemDepthContext = createContext<boolean>(false);\n\n// ============================================================================\n// Item Context Hook\n// ============================================================================\n\n/**\n * Derived item state, computed from the accordion state during render.\n */\nexport type AccordionItemState = {\n    /** The globally unique item ID. */\n    itemUniqueId: string;\n    /** Whether this item is nested inside another AccordionSectionItem. */\n    isNested: boolean;\n    /** Whether this item is pinned. */\n    isPinned: boolean;\n    /** Whether this item is hidden. */\n    isHidden: boolean;\n    /** Whether this item matches the current search term. */\n    isMatch: boolean;\n    /** The index of this item in the pinned list (for ordering). */\n    pinnedIndex: number;\n    /** Whether this pinned item can be moved up (is not first in the pinned list). */\n    canMoveUp: boolean;\n    /** Whether edit mode is active. */\n    inEditMode: boolean;\n    /** Callbacks to modify state. */\n    actions: {\n        togglePinned: () => void;\n        toggleHidden: () => void;\n        movePinnedUp: () => void;\n    };\n};\n\n/**\n * Hook to compute item state from accordion context.\n *\n * @param props - AccordionSectionItemProps\n * @returns AccordionItemState, or undefined if no accordion context or nested item.\n */\nexport function useAccordionSectionItemState(props: AccordionSectionItemProps): AccordionItemState | undefined {\n    const { uniqueId: itemId, label: itemLabel, staticItem } = props;\n\n    const accordionCtx = useContext(AccordionContext);\n    const sectionCtx = useContext(AccordionSectionBlockContext);\n    const isNested = useContext(AccordionItemDepthContext);\n\n    // Build the globally unique item ID\n    const itemUniqueId = useMemo(() => {\n        if (!accordionCtx || !sectionCtx) {\n            return \"\";\n        }\n        return `${accordionCtx.accordionId}/${sectionCtx.sectionId}/${itemId}`;\n    }, [accordionCtx?.accordionId, sectionCtx?.sectionId, itemId]);\n\n    // Debug: warn if itemId changes (should be stable)\n    const prevItemIdRef = useRef(itemId);\n    useEffect(() => {\n        if (accordionCtx && prevItemIdRef.current !== itemId) {\n            Logger.Warn(\n                `Accordion: The uniqueId \"${itemId}\" in section \"${sectionCtx?.sectionId}\" has changed from \"${prevItemIdRef.current}\". ` +\n                    `Each item must have a unique, stable ID for pin/hide persistence to work correctly.`\n            );\n        }\n        prevItemIdRef.current = itemId;\n    }, [accordionCtx, itemId, sectionCtx?.sectionId]);\n\n    // Register item and detect duplicates (skip nested items, as children of other AccordionSectionItem should not participate in pin/hide/search).\n    useEffect(() => {\n        if (!accordionCtx || !itemUniqueId || isNested) {\n            return;\n        }\n        const { registeredItemIds } = accordionCtx;\n        if (registeredItemIds.has(itemUniqueId)) {\n            Logger.Warn(\n                `Accordion: Duplicate uniqueId \"${itemId}\" detected in section \"${sectionCtx?.sectionId}\". ` +\n                    `Each item must have a unique ID within its section for pin/hide persistence to work correctly.`\n            );\n        }\n        registeredItemIds.set(itemUniqueId, itemLabel ?? itemId);\n        return () => {\n            registeredItemIds.delete(itemUniqueId);\n        };\n    }, [accordionCtx, itemUniqueId, itemId, itemLabel, sectionCtx?.sectionId, isNested]);\n\n    // If no context, static item, or nested, return undefined\n    if (!accordionCtx || staticItem) {\n        return undefined;\n    }\n\n    const { state, dispatch, features } = accordionCtx;\n    const { pinnedIds, hiddenIds, searchTerm, editMode } = state;\n\n    // Compute derived state\n    const isPinned = features.pinning && pinnedIds.includes(itemUniqueId);\n    const isHidden = features.hiding && hiddenIds.includes(itemUniqueId);\n    const pinnedIndex = isPinned ? pinnedIds.indexOf(itemUniqueId) : -1;\n\n    const canMoveUp = isPinned && pinnedIndex > 0;\n\n    // Search matching\n    const searchText = (itemLabel ?? itemId).toLowerCase();\n    const isMatch = !features.search || !searchTerm || searchText.includes(searchTerm.toLowerCase());\n\n    return {\n        itemUniqueId,\n        isNested,\n        isPinned,\n        isHidden,\n        isMatch,\n        pinnedIndex,\n        canMoveUp,\n        inEditMode: editMode,\n        actions: {\n            togglePinned: () => dispatch({ type: \"TOGGLE_PINNED\", itemId: itemUniqueId }),\n            toggleHidden: () => dispatch({ type: \"TOGGLE_HIDDEN\", itemId: itemUniqueId }),\n            movePinnedUp: () => dispatch({ type: \"MOVE_PINNED_UP\", itemId: itemUniqueId }),\n        },\n    };\n}\n/**\n * Hook to determine if a section is empty (has no visible items).\n * Derived from accordion state + globally registered items filtered by section prefix.\n *\n * @param sectionId - The section ID to check.\n * @returns Whether the section has no visible items.\n */\nfunction useIsSectionEmpty(sectionId: string): boolean {\n    const accordionCtx = useContext(AccordionContext);\n\n    if (!accordionCtx) {\n        return false;\n    }\n\n    const { state, features, accordionId, registeredItemIds } = accordionCtx;\n    const { pinnedIds, hiddenIds, searchTerm, editMode } = state;\n\n    if (editMode) {\n        return false;\n    }\n\n    const sectionPrefix = `${accordionId}/${sectionId}/`;\n    let hasItems = false;\n\n    for (const [itemId, itemLabel] of registeredItemIds) {\n        if (!itemId.startsWith(sectionPrefix)) {\n            continue;\n        }\n        hasItems = true;\n        const isPinned = features.pinning && pinnedIds.includes(itemId);\n        const isHidden = features.hiding && hiddenIds.includes(itemId);\n        const searchText = (itemLabel || itemId).toLowerCase();\n        const isMatch = !features.search || !searchTerm || searchText.includes(searchTerm.toLowerCase());\n        if (!isPinned && !isHidden && isMatch) {\n            return false;\n        }\n    }\n\n    return hasItems;\n}\n"]}

package/fluent/primitives/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { type Nullable } from "@babylonjs/core/index.js";
 import { type ReactElement } from "react";
 export type TooltipProps = {
-    content?: Nullable<string>;
+    content?: Nullable<string | ReactElement>;
     children: ReactElement;
 };
 export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLElement>>;

package/fluent/primitives/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/fluent/primitives/tooltip.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAItE,iFAAiF;AACjF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;IACzE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,CACH,KAAC,aAAa,IAAC,YAAY,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,YACrD,QAAQ,GACG,CACnB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import { type Nullable } from \"core/index\";\r\n\r\nimport { type ReactElement, forwardRef } from \"react\";\r\n\r\nimport { Tooltip as FluentTooltip } from \"@fluentui/react-components\";\r\n\r\nexport type TooltipProps = { content?: Nullable<string>; children: ReactElement };\r\n\r\n// forwardRef wrapper to avoid \"function components cannot be given refs\" warning\r\n// FluentTooltip handles ref forwarding to children internally via applyTriggerPropsToChildren\r\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>((props, _ref) => {\r\n    const { content, children } = props;\r\n\r\n    if (!content) {\r\n        return children;\r\n    }\r\n\r\n    return (\r\n        <FluentTooltip relationship=\"description\" content={content}>\r\n            {children}\r\n        </FluentTooltip>\r\n    );\r\n});\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/fluent/primitives/tooltip.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAItE,iFAAiF;AACjF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;IACzE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,CACH,KAAC,aAAa,IAAC,YAAY,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,YACrD,QAAQ,GACG,CACnB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import { type Nullable } from \"core/index\";\r\n\r\nimport { type ReactElement, forwardRef } from \"react\";\r\n\r\nimport { Tooltip as FluentTooltip } from \"@fluentui/react-components\";\r\n\r\nexport type TooltipProps = { content?: Nullable<string | ReactElement>; children: ReactElement };\r\n\r\n// forwardRef wrapper to avoid \"function components cannot be given refs\" warning\r\n// FluentTooltip handles ref forwarding to children internally via applyTriggerPropsToChildren\r\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>((props, _ref) => {\r\n    const { content, children } = props;\r\n\r\n    if (!content) {\r\n        return children;\r\n    }\r\n\r\n    return (\r\n        <FluentTooltip relationship=\"description\" content={content}>\r\n            {children}\r\n        </FluentTooltip>\r\n    );\r\n});\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n"]}

package/modularTool/modularTool.js

@@ -11,6 +11,7 @@ import { createRoot } from "react-dom/client";
 import { Deferred } from "@babylonjs/core/Misc/deferred.js";
 import { Logger } from "@babylonjs/core/Misc/logger.js";
 import { ToastProvider } from "../fluent/primitives/toast.js";
+import { ToastServiceIdentity } from "./services/toastService.js";
 import { Theme } from "./components/theme.js";
 import { ExtensionManagerContext } from "./contexts/extensionManagerContext.js";
 import { SettingsStoreContext } from "./contexts/settingsContext.js";
@@ -64,6 +65,16 @@ export function MakeModularTool(options) {
         const [requiredExtensions, setRequiredExtensions] = useState();
         const [requiredExtensionsDeferred, setRequiredExtensionsDeferred] = useState();
         const [extensionInstallError, setExtensionInstallError] = useState();
+        const [toastHandle, setToastHandle] = useState(null);
+        const [toastQueue, setToastQueue] = useState([]);
+        useEffect(() => {
+            if (toastHandle && toastQueue.length > 0) {
+                for (const { message, options } of toastQueue) {
+                    toastHandle.showToast(message, options);
+                }
+                setToastQueue([]);
+            }
+        }, [toastHandle, toastQueue]);
         const [rootComponentService, setRootComponentService] = useState();
         const [contexts, updateContexts] = useReducer((state, action) => {
             switch (action.type) {
@@ -104,6 +115,16 @@ export function MakeModularTool(options) {
                         },
                     }),
                 });
+                // Expose the toast service so non-React code (e.g. Observable callbacks) can show toasts.
+                await serviceContainer.addServiceAsync({
+                    friendlyName: "Toast Service",
+                    produces: [ToastServiceIdentity],
+                    factory: () => ({
+                        showToast: (message, options) => {
+                            setToastQueue((prev) => [...prev, { message, options }]);
+                        },
+                    }),
+                });
                 // Register the shell service (top level toolbar/side pane UI layout).
                 await serviceContainer.addServiceAsync(MakeShellServiceDefinition(options));
                 // Register a service that simply consumes the services we need before first render.
@@ -199,7 +220,7 @@ export function MakeModularTool(options) {
         else {
             // eslint-disable-next-line @typescript-eslint/naming-convention
             const Content = rootComponentService.rootComponent;
-            return (_jsx(ReactContextsWrapper, { contexts: contexts, children: _jsx(SettingsStoreContext.Provider, { value: settingsStore, children: _jsx(ExtensionManagerContext.Provider, { value: extensionManagerContext, children: _jsx(Theme, { className: classes.app, children: _jsxs(ToastProvider, { children: [_jsx(Dialog, { open: !!requiredExtensions, modalType: "alert", children: _jsx(DialogSurface, { children: _jsxs(DialogBody, { children: [_jsx(DialogTitle, { children: "Required Extensions" }), _jsxs(DialogContent, { children: ["Opening this URL requires the following extensions to be installed and enabled:", _jsx("ul", { children: requiredExtensions?.map((name) => (_jsx("li", { children: name }, name))) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { appearance: "primary", onClick: onAcceptRequiredExtensions, children: "Install & Enable" }), _jsx(Button, { appearance: "secondary", onClick: onRejectRequiredExtensions, children: "No Thanks" })] })] }) }) }), _jsx(Dialog, { open: !!extensionInstallError, modalType: "alert", children: _jsx(DialogSurface, { children: _jsxs(DialogBody, { children: [_jsx(DialogTitle, { children: _jsxs("div", { className: classes.extensionErrorTitleDiv, children: ["Extension Install Error", _jsx(ErrorCircleRegular, { className: classes.extensionErrorIcon })] }) }), _jsx(DialogContent, { children: _jsxs(List, { children: [_jsx(ListItem, { children: _jsx(Body1, { children: `Extension "${extensionInstallError?.extension.name}" failed to install and was removed.` }) }), _jsx(ListItem, { children: _jsx(Body1, { children: `${extensionInstallError?.error}` }) })] }) }), _jsx(DialogActions, { children: _jsx(Button, { appearance: "primary", onClick: onAcknowledgedExtensionInstallError, children: "Close" }) })] }) }) }), _jsx(Suspense, { fallback: _jsx(Spinner, { className: classes.spinner }), children: _jsx(Content, {}) })] }) }) }) }) }));
+            return (_jsx(ReactContextsWrapper, { contexts: contexts, children: _jsx(SettingsStoreContext.Provider, { value: settingsStore, children: _jsx(ExtensionManagerContext.Provider, { value: extensionManagerContext, children: _jsx(Theme, { className: classes.app, children: _jsxs(ToastProvider, { imperativeRef: setToastHandle, children: [_jsx(Dialog, { open: !!requiredExtensions, modalType: "alert", children: _jsx(DialogSurface, { children: _jsxs(DialogBody, { children: [_jsx(DialogTitle, { children: "Required Extensions" }), _jsxs(DialogContent, { children: ["Opening this URL requires the following extensions to be installed and enabled:", _jsx("ul", { children: requiredExtensions?.map((name) => (_jsx("li", { children: name }, name))) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { appearance: "primary", onClick: onAcceptRequiredExtensions, children: "Install & Enable" }), _jsx(Button, { appearance: "secondary", onClick: onRejectRequiredExtensions, children: "No Thanks" })] })] }) }) }), _jsx(Dialog, { open: !!extensionInstallError, modalType: "alert", children: _jsx(DialogSurface, { children: _jsxs(DialogBody, { children: [_jsx(DialogTitle, { children: _jsxs("div", { className: classes.extensionErrorTitleDiv, children: ["Extension Install Error", _jsx(ErrorCircleRegular, { className: classes.extensionErrorIcon })] }) }), _jsx(DialogContent, { children: _jsxs(List, { children: [_jsx(ListItem, { children: _jsx(Body1, { children: `Extension "${extensionInstallError?.extension.name}" failed to install and was removed.` }) }), _jsx(ListItem, { children: _jsx(Body1, { children: `${extensionInstallError?.error}` }) })] }) }), _jsx(DialogActions, { children: _jsx(Button, { appearance: "primary", onClick: onAcknowledgedExtensionInstallError, children: "Close" }) })] }) }) }), _jsx(Suspense, { fallback: _jsx(Spinner, { className: classes.spinner }), children: _jsx(Content, {}) })] }) }) }) }) }));
         }
     };
     // Set the container element to be a flex container so that the tool can be displayed properly.

package/modularTool/modularTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"modularTool.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/modularTool/modularTool.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n    type ComponentType,\r\n    type Context,\r\n    type FunctionComponent,\r\n    type PropsWithChildren,\r\n    type ReactNode,\r\n    createElement,\r\n    Suspense,\r\n    useCallback,\r\n    useEffect,\r\n    useReducer,\r\n    useState,\r\n} from \"react\";\r\n\r\nimport { type IDisposable } from \"core/index\";\r\nimport { type IExtensionFeed } from \"./extensibility/extensionFeed\";\r\nimport { type IExtension, type InstallFailedInfo, ExtensionManager } from \"./extensibility/extensionManager\";\r\nimport { type WeaklyTypedServiceDefinition, ServiceContainer } from \"./modularity/serviceContainer\";\r\nimport { type ISettingsStore, SettingsStore, SettingsStoreIdentity } from \"./services/settingsStore\";\r\nimport { type IRootComponentService, type ShellServiceOptions, MakeShellServiceDefinition, RootComponentServiceIdentity } from \"./services/shellService\";\r\nimport { type ThemeMode, ThemeModeSettingDescriptor, ThemeServiceDefinition } from \"./services/themeService\";\r\n\r\nimport {\r\n    Body1,\r\n    Button,\r\n    Dialog,\r\n    DialogActions,\r\n    DialogBody,\r\n    DialogContent,\r\n    DialogSurface,\r\n    DialogTitle,\r\n    List,\r\n    ListItem,\r\n    makeStyles,\r\n    Spinner,\r\n    tokens,\r\n} from \"@fluentui/react-components\";\r\nimport { ErrorCircleRegular } from \"@fluentui/react-icons\";\r\nimport { createRoot } from \"react-dom/client\";\r\n\r\nimport { Deferred } from \"core/Misc/deferred\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { ToastProvider } from \"shared-ui-components/fluent/primitives/toast\";\r\nimport { Theme } from \"./components/theme\";\r\nimport { ExtensionManagerContext } from \"./contexts/extensionManagerContext\";\r\nimport { SettingsStoreContext } from \"./contexts/settingsContext\";\r\nimport { type IReactContextService, type ReactContextHandle, ReactContextServiceIdentity } from \"./services/reactContextService\";\r\nimport { ThemeSelectorServiceDefinition } from \"./services/themeSelectorService\";\r\n\r\nconst useStyles = makeStyles({\r\n    app: {\r\n        colorScheme: \"light dark\",\r\n        flexGrow: 1,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        backgroundColor: tokens.colorTransparentBackground,\r\n    },\r\n    spinner: {\r\n        flexGrow: 1,\r\n        animationDuration: \"1s\",\r\n        animationName: {\r\n            from: { opacity: 0 },\r\n            to: { opacity: 1 },\r\n        },\r\n    },\r\n    extensionErrorTitleDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        gap: tokens.spacingHorizontalS,\r\n    },\r\n    extensionErrorIcon: {\r\n        color: tokens.colorPaletteRedForeground1,\r\n    },\r\n});\r\n\r\ntype ReactContextEntry = {\r\n    provider: Context<unknown>[\"Provider\"];\r\n    value: unknown;\r\n    order: number;\r\n};\r\n\r\ntype ReactContextAction =\r\n    | { type: \"add\"; entry: ReactContextEntry }\r\n    | { type: \"remove\"; provider: Context<unknown>[\"Provider\"] }\r\n    | { type: \"update\"; provider: Context<unknown>[\"Provider\"]; value: unknown };\r\n\r\nconst ReactContextsWrapper: FunctionComponent<PropsWithChildren<{ contexts: readonly Readonly<ReactContextEntry>[] }>> = ({ contexts, children }) => {\r\n    return <>{contexts.reduceRight<ReactNode>((acc, entry) => createElement(entry.provider, { value: entry.value }, acc), children)}</>;\r\n};\r\n\r\nexport type ModularToolOptions = {\r\n    /**\r\n     * The namespace for the tool, used for scoping persisted settings and other storage.\r\n     */\r\n    namespace: string;\r\n\r\n    /**\r\n     * The container element where the tool will be rendered.\r\n     */\r\n    containerElement: HTMLElement;\r\n\r\n    /**\r\n     * The service definitions to be registered with the tool.\r\n     */\r\n    serviceDefinitions: readonly WeaklyTypedServiceDefinition[];\r\n\r\n    /**\r\n     * The theme mode to use. If not specified, the default is \"system\", which uses the system/browser preference, and the last used mode is persisted.\r\n     */\r\n    themeMode?: ThemeMode;\r\n\r\n    /**\r\n     * Whether to show the theme selector in the toolbar. Default is true.\r\n     */\r\n    showThemeSelector?: boolean;\r\n\r\n    /**\r\n     * The extension feeds that provide optional extensions the user can install.\r\n     */\r\n    extensionFeeds?: readonly IExtensionFeed[];\r\n\r\n    /**\r\n     * An optional parent ServiceContainer. Dependencies not found in the tool's own container\r\n     * will be resolved from this parent.\r\n     */\r\n    parentContainer?: ServiceContainer;\r\n} & ShellServiceOptions;\r\n\r\n/**\r\n * Creates a modular tool with a base set of common tool services, including the toolbar/side pane basic UI layout.\r\n * @param options The options for the tool.\r\n * @returns A token that can be used to dispose of the tool.\r\n */\r\nexport function MakeModularTool(options: ModularToolOptions): IDisposable {\r\n    const { namespace, containerElement, serviceDefinitions, themeMode, showThemeSelector = true, extensionFeeds = [], parentContainer } = options;\r\n\r\n    // Create the settings store immediately as it will be exposed to services and through React context.\r\n    const settingsStore = new SettingsStore(namespace);\r\n\r\n    // If a theme mode is provided, just write the setting so it is the active theme.\r\n    if (themeMode) {\r\n        settingsStore.writeSetting(ThemeModeSettingDescriptor, themeMode);\r\n    }\r\n\r\n    const modularToolRootComponent: FunctionComponent = () => {\r\n        const classes = useStyles();\r\n        const [extensionManagerContext, setExtensionManagerContext] = useState<ExtensionManagerContext>();\r\n        const [requiredExtensions, setRequiredExtensions] = useState<string[]>();\r\n        const [requiredExtensionsDeferred, setRequiredExtensionsDeferred] = useState<Deferred<boolean>>();\r\n        const [extensionInstallError, setExtensionInstallError] = useState<InstallFailedInfo>();\r\n\r\n        const [rootComponentService, setRootComponentService] = useState<IRootComponentService>();\r\n\r\n        const [contexts, updateContexts] = useReducer((state: ReactContextEntry[], action: ReactContextAction): ReactContextEntry[] => {\r\n            switch (action.type) {\r\n                case \"add\":\r\n                    return [...state, action.entry].sort((a, b) => a.order - b.order);\r\n                case \"remove\":\r\n                    return state.filter((e) => e.provider !== action.provider);\r\n                case \"update\":\r\n                    return state.map((e) => (e.provider === action.provider ? { ...e, value: action.value } : e));\r\n            }\r\n        }, []);\r\n\r\n        // This is the main async initialization.\r\n        useEffect(() => {\r\n            const initializeExtensionManagerAsync = async () => {\r\n                const serviceContainer = new ServiceContainer(\"ModularToolContainer\", parentContainer);\r\n\r\n                // Expose the settings store as a service so other services can read/write settings.\r\n                await serviceContainer.addServiceAsync<[ISettingsStore], []>({\r\n                    friendlyName: \"Settings Store\",\r\n                    produces: [SettingsStoreIdentity],\r\n                    factory: () => settingsStore,\r\n                });\r\n\r\n                // Expose the react context service so other services can add React context providers.\r\n                await serviceContainer.addServiceAsync<[IReactContextService], []>({\r\n                    friendlyName: \"React Context Service\",\r\n                    produces: [ReactContextServiceIdentity],\r\n                    factory: (): IReactContextService => ({\r\n                        addContext<T>(provider: Context<T>[\"Provider\"], initialValue: T, options?: { order?: number }): ReactContextHandle<T> {\r\n                            const typedProvider = provider as Context<unknown>[\"Provider\"];\r\n                            updateContexts({ type: \"add\", entry: { provider: typedProvider, value: initialValue, order: options?.order ?? 0 } });\r\n                            return {\r\n                                updateValue: (newValue: T) => {\r\n                                    updateContexts({ type: \"update\", provider: typedProvider, value: newValue });\r\n                                },\r\n                                dispose: () => {\r\n                                    updateContexts({ type: \"remove\", provider: typedProvider });\r\n                                },\r\n                            };\r\n                        },\r\n                    }),\r\n                });\r\n\r\n                // Register the shell service (top level toolbar/side pane UI layout).\r\n                await serviceContainer.addServiceAsync(MakeShellServiceDefinition(options));\r\n\r\n                // Register a service that simply consumes the services we need before first render.\r\n                await serviceContainer.addServiceAsync<[], [IRootComponentService]>({\r\n                    friendlyName: \"Service Bootstrapper\",\r\n                    consumes: [RootComponentServiceIdentity],\r\n                    factory: (rootComponent) => {\r\n                        // Use function syntax for the state setter since the root component may be a function component.\r\n                        setRootComponentService(() => rootComponent);\r\n                        return {\r\n                            dispose: () => setRootComponentService(undefined),\r\n                        };\r\n                    },\r\n                });\r\n\r\n                // Register the theme service (exposes the current theme to other services).\r\n                await serviceContainer.addServiceAsync(ThemeServiceDefinition);\r\n\r\n                // Register the theme selector service (for selecting the theme) if theming is configured.\r\n                if (showThemeSelector) {\r\n                    await serviceContainer.addServiceAsync(ThemeSelectorServiceDefinition);\r\n                }\r\n\r\n                // Register the extension list service (for browsing/installing extensions) if extension feeds are provided.\r\n                if (extensionFeeds.length > 0) {\r\n                    const { ExtensionListServiceDefinition } = await import(\"./services/extensionsListService\");\r\n                    await serviceContainer.addServiceAsync(ExtensionListServiceDefinition);\r\n                }\r\n\r\n                // Register all external services (that make up a unique tool).\r\n                await serviceContainer.addServicesAsync(...serviceDefinitions);\r\n\r\n                // Create the extension manager, passing along the registry for runtime changes to the registered services.\r\n                const extensionManager = await ExtensionManager.CreateAsync(namespace, serviceContainer, extensionFeeds, setExtensionInstallError);\r\n\r\n                // Check query params for required extensions. This lets users share links with sets of extensions.\r\n                const queryParams = new URLSearchParams(window.location.search);\r\n                const requiredExtensions = queryParams.getAll(\"babylon.requiredExtension\");\r\n                const uninstalledExtensions: IExtension[] = [];\r\n                for (const requiredExtension of requiredExtensions) {\r\n                    // These could possibly be parallelized to speed things up, but it's more complex so let's wait and see if we need it.\r\n                    // eslint-disable-next-line no-await-in-loop\r\n                    const query = await extensionManager.queryExtensionsAsync(requiredExtension);\r\n                    // eslint-disable-next-line no-await-in-loop\r\n                    const extensions = await query.getExtensionsAsync(0, query.totalCount);\r\n                    for (const extension of extensions) {\r\n                        if (!extension.isInstalled) {\r\n                            uninstalledExtensions.push(extension);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                // Check if any required extensions are uninstalled or disabled. If so, show a dialog to the user.\r\n                if (uninstalledExtensions.length > 0) {\r\n                    setRequiredExtensions(uninstalledExtensions.map((extension) => extension.metadata.name));\r\n                    const deferred = new Deferred<boolean>();\r\n                    setRequiredExtensionsDeferred(deferred);\r\n                    if (await deferred.promise) {\r\n                        for (const extension of uninstalledExtensions) {\r\n                            // This could possibly be parallelized to speed things up, but it's more complex so let's wait and see if we need it.\r\n                            // eslint-disable-next-line no-await-in-loop\r\n                            await extension.installAsync();\r\n                        }\r\n                    }\r\n                }\r\n\r\n                // Set the contexts.\r\n                setExtensionManagerContext({ extensionManager });\r\n\r\n                return () => {\r\n                    extensionManager.dispose();\r\n                    serviceContainer.dispose();\r\n                    serviceContainer.dispose();\r\n                };\r\n            };\r\n\r\n            const disposePromise = initializeExtensionManagerAsync();\r\n\r\n            return () => {\r\n                disposePromise\r\n                    // eslint-disable-next-line github/no-then\r\n                    .then((dispose) => dispose())\r\n                    // eslint-disable-next-line github/no-then\r\n                    .catch((error) => {\r\n                        Logger.Error(`Failed to dispose of the modular tool: ${error}`);\r\n                    });\r\n            };\r\n        }, []);\r\n\r\n        const onAcceptRequiredExtensions = useCallback(() => {\r\n            setRequiredExtensions(undefined);\r\n            requiredExtensionsDeferred?.resolve(true);\r\n        }, [setRequiredExtensions, requiredExtensionsDeferred]);\r\n\r\n        const onRejectRequiredExtensions = useCallback(() => {\r\n            setRequiredExtensions(undefined);\r\n            requiredExtensionsDeferred?.resolve(false);\r\n        }, [setRequiredExtensions, requiredExtensionsDeferred]);\r\n\r\n        const onAcknowledgedExtensionInstallError = useCallback(() => {\r\n            setExtensionInstallError(undefined);\r\n        }, [setExtensionInstallError]);\r\n\r\n        // Show a spinner until a main view has been set.\r\n        if (!rootComponentService) {\r\n            return (\r\n                <ReactContextsWrapper contexts={contexts}>\r\n                    <SettingsStoreContext.Provider value={settingsStore}>\r\n                        <Theme className={classes.app}>\r\n                            <Spinner className={classes.spinner} />\r\n                        </Theme>\r\n                    </SettingsStoreContext.Provider>\r\n                </ReactContextsWrapper>\r\n            );\r\n        } else {\r\n            // eslint-disable-next-line @typescript-eslint/naming-convention\r\n            const Content: ComponentType = rootComponentService.rootComponent;\r\n\r\n            return (\r\n                <ReactContextsWrapper contexts={contexts}>\r\n                    {/* Expose the settings store as a React context so that UI components can read/write\r\n                        settings without the ISettingsService needing to be explicitly passed around. */}\r\n                    <SettingsStoreContext.Provider value={settingsStore}>\r\n                        <ExtensionManagerContext.Provider value={extensionManagerContext}>\r\n                            <Theme className={classes.app}>\r\n                                <ToastProvider>\r\n                                    <Dialog open={!!requiredExtensions} modalType=\"alert\">\r\n                                        <DialogSurface>\r\n                                            <DialogBody>\r\n                                                <DialogTitle>Required Extensions</DialogTitle>\r\n                                                <DialogContent>\r\n                                                    Opening this URL requires the following extensions to be installed and enabled:\r\n                                                    <ul>\r\n                                                        {requiredExtensions?.map((name) => (\r\n                                                            <li key={name}>{name}</li>\r\n                                                        ))}\r\n                                                    </ul>\r\n                                                </DialogContent>\r\n                                                <DialogActions>\r\n                                                    <Button appearance=\"primary\" onClick={onAcceptRequiredExtensions}>\r\n                                                        Install & Enable\r\n                                                    </Button>\r\n                                                    <Button appearance=\"secondary\" onClick={onRejectRequiredExtensions}>\r\n                                                        No Thanks\r\n                                                    </Button>\r\n                                                </DialogActions>\r\n                                            </DialogBody>\r\n                                        </DialogSurface>\r\n                                    </Dialog>\r\n                                    <Dialog open={!!extensionInstallError} modalType=\"alert\">\r\n                                        <DialogSurface>\r\n                                            <DialogBody>\r\n                                                <DialogTitle>\r\n                                                    <div className={classes.extensionErrorTitleDiv}>\r\n                                                        Extension Install Error\r\n                                                        <ErrorCircleRegular className={classes.extensionErrorIcon} />\r\n                                                    </div>\r\n                                                </DialogTitle>\r\n                                                <DialogContent>\r\n                                                    <List>\r\n                                                        <ListItem>\r\n                                                            <Body1>{`Extension \"${extensionInstallError?.extension.name}\" failed to install and was removed.`}</Body1>\r\n                                                        </ListItem>\r\n                                                        <ListItem>\r\n                                                            <Body1>{`${extensionInstallError?.error}`}</Body1>\r\n                                                        </ListItem>\r\n                                                    </List>\r\n                                                </DialogContent>\r\n                                                <DialogActions>\r\n                                                    <Button appearance=\"primary\" onClick={onAcknowledgedExtensionInstallError}>\r\n                                                        Close\r\n                                                    </Button>\r\n                                                </DialogActions>\r\n                                            </DialogBody>\r\n                                        </DialogSurface>\r\n                                    </Dialog>\r\n                                    <Suspense fallback={<Spinner className={classes.spinner} />}>\r\n                                        <Content />\r\n                                    </Suspense>\r\n                                </ToastProvider>\r\n                            </Theme>\r\n                        </ExtensionManagerContext.Provider>\r\n                    </SettingsStoreContext.Provider>\r\n                </ReactContextsWrapper>\r\n            );\r\n        }\r\n    };\r\n\r\n    // Set the container element to be a flex container so that the tool can be displayed properly.\r\n    const originalContainerElementDisplay = containerElement.style.display;\r\n    containerElement.style.display = \"flex\";\r\n\r\n    // Create and render the react root component.\r\n    const reactRoot = createRoot(containerElement);\r\n    reactRoot.render(createElement(modularToolRootComponent));\r\n\r\n    let disposed = false;\r\n    return {\r\n        dispose: () => {\r\n            // Unmount and restore the original container element display.\r\n            if (!disposed) {\r\n                disposed = true;\r\n                reactRoot.unmount();\r\n                containerElement.style.display = originalContainerElementDisplay;\r\n            }\r\n        },\r\n    };\r\n}\r\n"]}
+{"version":3,"file":"modularTool.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/modularTool/modularTool.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n    type ComponentType,\r\n    type Context,\r\n    type FunctionComponent,\r\n    type PropsWithChildren,\r\n    type ReactNode,\r\n    createElement,\r\n    Suspense,\r\n    useCallback,\r\n    useEffect,\r\n    useReducer,\r\n    useState,\r\n} from \"react\";\r\n\r\nimport { type IDisposable } from \"core/index\";\r\nimport { type IExtensionFeed } from \"./extensibility/extensionFeed\";\r\nimport { type IExtension, type InstallFailedInfo, ExtensionManager } from \"./extensibility/extensionManager\";\r\nimport { type WeaklyTypedServiceDefinition, ServiceContainer } from \"./modularity/serviceContainer\";\r\nimport { type ISettingsStore, SettingsStore, SettingsStoreIdentity } from \"./services/settingsStore\";\r\nimport { type IRootComponentService, type ShellServiceOptions, MakeShellServiceDefinition, RootComponentServiceIdentity } from \"./services/shellService\";\r\nimport { type ThemeMode, ThemeModeSettingDescriptor, ThemeServiceDefinition } from \"./services/themeService\";\r\n\r\nimport {\r\n    Body1,\r\n    Button,\r\n    Dialog,\r\n    DialogActions,\r\n    DialogBody,\r\n    DialogContent,\r\n    DialogSurface,\r\n    DialogTitle,\r\n    List,\r\n    ListItem,\r\n    makeStyles,\r\n    Spinner,\r\n    tokens,\r\n} from \"@fluentui/react-components\";\r\nimport { ErrorCircleRegular } from \"@fluentui/react-icons\";\r\nimport { createRoot } from \"react-dom/client\";\r\n\r\nimport { Deferred } from \"core/Misc/deferred\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { type ToastHandle, type ToastOptions, ToastProvider } from \"shared-ui-components/fluent/primitives/toast\";\r\nimport { type IToastService, ToastServiceIdentity } from \"./services/toastService\";\r\nimport { Theme } from \"./components/theme\";\r\nimport { ExtensionManagerContext } from \"./contexts/extensionManagerContext\";\r\nimport { SettingsStoreContext } from \"./contexts/settingsContext\";\r\nimport { type IReactContextService, type ReactContextHandle, ReactContextServiceIdentity } from \"./services/reactContextService\";\r\nimport { ThemeSelectorServiceDefinition } from \"./services/themeSelectorService\";\r\n\r\nconst useStyles = makeStyles({\r\n    app: {\r\n        colorScheme: \"light dark\",\r\n        flexGrow: 1,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        backgroundColor: tokens.colorTransparentBackground,\r\n    },\r\n    spinner: {\r\n        flexGrow: 1,\r\n        animationDuration: \"1s\",\r\n        animationName: {\r\n            from: { opacity: 0 },\r\n            to: { opacity: 1 },\r\n        },\r\n    },\r\n    extensionErrorTitleDiv: {\r\n        display: \"flex\",\r\n        flexDirection: \"row\",\r\n        alignItems: \"center\",\r\n        gap: tokens.spacingHorizontalS,\r\n    },\r\n    extensionErrorIcon: {\r\n        color: tokens.colorPaletteRedForeground1,\r\n    },\r\n});\r\n\r\ntype ReactContextEntry = {\r\n    provider: Context<unknown>[\"Provider\"];\r\n    value: unknown;\r\n    order: number;\r\n};\r\n\r\ntype ReactContextAction =\r\n    | { type: \"add\"; entry: ReactContextEntry }\r\n    | { type: \"remove\"; provider: Context<unknown>[\"Provider\"] }\r\n    | { type: \"update\"; provider: Context<unknown>[\"Provider\"]; value: unknown };\r\n\r\nconst ReactContextsWrapper: FunctionComponent<PropsWithChildren<{ contexts: readonly Readonly<ReactContextEntry>[] }>> = ({ contexts, children }) => {\r\n    return <>{contexts.reduceRight<ReactNode>((acc, entry) => createElement(entry.provider, { value: entry.value }, acc), children)}</>;\r\n};\r\n\r\nexport type ModularToolOptions = {\r\n    /**\r\n     * The namespace for the tool, used for scoping persisted settings and other storage.\r\n     */\r\n    namespace: string;\r\n\r\n    /**\r\n     * The container element where the tool will be rendered.\r\n     */\r\n    containerElement: HTMLElement;\r\n\r\n    /**\r\n     * The service definitions to be registered with the tool.\r\n     */\r\n    serviceDefinitions: readonly WeaklyTypedServiceDefinition[];\r\n\r\n    /**\r\n     * The theme mode to use. If not specified, the default is \"system\", which uses the system/browser preference, and the last used mode is persisted.\r\n     */\r\n    themeMode?: ThemeMode;\r\n\r\n    /**\r\n     * Whether to show the theme selector in the toolbar. Default is true.\r\n     */\r\n    showThemeSelector?: boolean;\r\n\r\n    /**\r\n     * The extension feeds that provide optional extensions the user can install.\r\n     */\r\n    extensionFeeds?: readonly IExtensionFeed[];\r\n\r\n    /**\r\n     * An optional parent ServiceContainer. Dependencies not found in the tool's own container\r\n     * will be resolved from this parent.\r\n     */\r\n    parentContainer?: ServiceContainer;\r\n} & ShellServiceOptions;\r\n\r\n/**\r\n * Creates a modular tool with a base set of common tool services, including the toolbar/side pane basic UI layout.\r\n * @param options The options for the tool.\r\n * @returns A token that can be used to dispose of the tool.\r\n */\r\nexport function MakeModularTool(options: ModularToolOptions): IDisposable {\r\n    const { namespace, containerElement, serviceDefinitions, themeMode, showThemeSelector = true, extensionFeeds = [], parentContainer } = options;\r\n\r\n    // Create the settings store immediately as it will be exposed to services and through React context.\r\n    const settingsStore = new SettingsStore(namespace);\r\n\r\n    // If a theme mode is provided, just write the setting so it is the active theme.\r\n    if (themeMode) {\r\n        settingsStore.writeSetting(ThemeModeSettingDescriptor, themeMode);\r\n    }\r\n\r\n    const modularToolRootComponent: FunctionComponent = () => {\r\n        const classes = useStyles();\r\n        const [extensionManagerContext, setExtensionManagerContext] = useState<ExtensionManagerContext>();\r\n        const [requiredExtensions, setRequiredExtensions] = useState<string[]>();\r\n        const [requiredExtensionsDeferred, setRequiredExtensionsDeferred] = useState<Deferred<boolean>>();\r\n        const [extensionInstallError, setExtensionInstallError] = useState<InstallFailedInfo>();\r\n\r\n        const [toastHandle, setToastHandle] = useState<ToastHandle | null>(null);\r\n        const [toastQueue, setToastQueue] = useState<{ message: string; options?: ToastOptions }[]>([]);\r\n\r\n        useEffect(() => {\r\n            if (toastHandle && toastQueue.length > 0) {\r\n                for (const { message, options } of toastQueue) {\r\n                    toastHandle.showToast(message, options);\r\n                }\r\n                setToastQueue([]);\r\n            }\r\n        }, [toastHandle, toastQueue]);\r\n\r\n        const [rootComponentService, setRootComponentService] = useState<IRootComponentService>();\r\n\r\n        const [contexts, updateContexts] = useReducer((state: ReactContextEntry[], action: ReactContextAction): ReactContextEntry[] => {\r\n            switch (action.type) {\r\n                case \"add\":\r\n                    return [...state, action.entry].sort((a, b) => a.order - b.order);\r\n                case \"remove\":\r\n                    return state.filter((e) => e.provider !== action.provider);\r\n                case \"update\":\r\n                    return state.map((e) => (e.provider === action.provider ? { ...e, value: action.value } : e));\r\n            }\r\n        }, []);\r\n\r\n        // This is the main async initialization.\r\n        useEffect(() => {\r\n            const initializeExtensionManagerAsync = async () => {\r\n                const serviceContainer = new ServiceContainer(\"ModularToolContainer\", parentContainer);\r\n\r\n                // Expose the settings store as a service so other services can read/write settings.\r\n                await serviceContainer.addServiceAsync<[ISettingsStore], []>({\r\n                    friendlyName: \"Settings Store\",\r\n                    produces: [SettingsStoreIdentity],\r\n                    factory: () => settingsStore,\r\n                });\r\n\r\n                // Expose the react context service so other services can add React context providers.\r\n                await serviceContainer.addServiceAsync<[IReactContextService], []>({\r\n                    friendlyName: \"React Context Service\",\r\n                    produces: [ReactContextServiceIdentity],\r\n                    factory: (): IReactContextService => ({\r\n                        addContext<T>(provider: Context<T>[\"Provider\"], initialValue: T, options?: { order?: number }): ReactContextHandle<T> {\r\n                            const typedProvider = provider as Context<unknown>[\"Provider\"];\r\n                            updateContexts({ type: \"add\", entry: { provider: typedProvider, value: initialValue, order: options?.order ?? 0 } });\r\n                            return {\r\n                                updateValue: (newValue: T) => {\r\n                                    updateContexts({ type: \"update\", provider: typedProvider, value: newValue });\r\n                                },\r\n                                dispose: () => {\r\n                                    updateContexts({ type: \"remove\", provider: typedProvider });\r\n                                },\r\n                            };\r\n                        },\r\n                    }),\r\n                });\r\n\r\n                // Expose the toast service so non-React code (e.g. Observable callbacks) can show toasts.\r\n                await serviceContainer.addServiceAsync<[IToastService], []>({\r\n                    friendlyName: \"Toast Service\",\r\n                    produces: [ToastServiceIdentity],\r\n                    factory: (): IToastService => ({\r\n                        showToast: (message, options) => {\r\n                            setToastQueue((prev) => [...prev, { message, options }]);\r\n                        },\r\n                    }),\r\n                });\r\n\r\n                // Register the shell service (top level toolbar/side pane UI layout).\r\n                await serviceContainer.addServiceAsync(MakeShellServiceDefinition(options));\r\n\r\n                // Register a service that simply consumes the services we need before first render.\r\n                await serviceContainer.addServiceAsync<[], [IRootComponentService]>({\r\n                    friendlyName: \"Service Bootstrapper\",\r\n                    consumes: [RootComponentServiceIdentity],\r\n                    factory: (rootComponent) => {\r\n                        // Use function syntax for the state setter since the root component may be a function component.\r\n                        setRootComponentService(() => rootComponent);\r\n                        return {\r\n                            dispose: () => setRootComponentService(undefined),\r\n                        };\r\n                    },\r\n                });\r\n\r\n                // Register the theme service (exposes the current theme to other services).\r\n                await serviceContainer.addServiceAsync(ThemeServiceDefinition);\r\n\r\n                // Register the theme selector service (for selecting the theme) if theming is configured.\r\n                if (showThemeSelector) {\r\n                    await serviceContainer.addServiceAsync(ThemeSelectorServiceDefinition);\r\n                }\r\n\r\n                // Register the extension list service (for browsing/installing extensions) if extension feeds are provided.\r\n                if (extensionFeeds.length > 0) {\r\n                    const { ExtensionListServiceDefinition } = await import(\"./services/extensionsListService\");\r\n                    await serviceContainer.addServiceAsync(ExtensionListServiceDefinition);\r\n                }\r\n\r\n                // Register all external services (that make up a unique tool).\r\n                await serviceContainer.addServicesAsync(...serviceDefinitions);\r\n\r\n                // Create the extension manager, passing along the registry for runtime changes to the registered services.\r\n                const extensionManager = await ExtensionManager.CreateAsync(namespace, serviceContainer, extensionFeeds, setExtensionInstallError);\r\n\r\n                // Check query params for required extensions. This lets users share links with sets of extensions.\r\n                const queryParams = new URLSearchParams(window.location.search);\r\n                const requiredExtensions = queryParams.getAll(\"babylon.requiredExtension\");\r\n                const uninstalledExtensions: IExtension[] = [];\r\n                for (const requiredExtension of requiredExtensions) {\r\n                    // These could possibly be parallelized to speed things up, but it's more complex so let's wait and see if we need it.\r\n                    // eslint-disable-next-line no-await-in-loop\r\n                    const query = await extensionManager.queryExtensionsAsync(requiredExtension);\r\n                    // eslint-disable-next-line no-await-in-loop\r\n                    const extensions = await query.getExtensionsAsync(0, query.totalCount);\r\n                    for (const extension of extensions) {\r\n                        if (!extension.isInstalled) {\r\n                            uninstalledExtensions.push(extension);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                // Check if any required extensions are uninstalled or disabled. If so, show a dialog to the user.\r\n                if (uninstalledExtensions.length > 0) {\r\n                    setRequiredExtensions(uninstalledExtensions.map((extension) => extension.metadata.name));\r\n                    const deferred = new Deferred<boolean>();\r\n                    setRequiredExtensionsDeferred(deferred);\r\n                    if (await deferred.promise) {\r\n                        for (const extension of uninstalledExtensions) {\r\n                            // This could possibly be parallelized to speed things up, but it's more complex so let's wait and see if we need it.\r\n                            // eslint-disable-next-line no-await-in-loop\r\n                            await extension.installAsync();\r\n                        }\r\n                    }\r\n                }\r\n\r\n                // Set the contexts.\r\n                setExtensionManagerContext({ extensionManager });\r\n\r\n                return () => {\r\n                    extensionManager.dispose();\r\n                    serviceContainer.dispose();\r\n                    serviceContainer.dispose();\r\n                };\r\n            };\r\n\r\n            const disposePromise = initializeExtensionManagerAsync();\r\n\r\n            return () => {\r\n                disposePromise\r\n                    // eslint-disable-next-line github/no-then\r\n                    .then((dispose) => dispose())\r\n                    // eslint-disable-next-line github/no-then\r\n                    .catch((error) => {\r\n                        Logger.Error(`Failed to dispose of the modular tool: ${error}`);\r\n                    });\r\n            };\r\n        }, []);\r\n\r\n        const onAcceptRequiredExtensions = useCallback(() => {\r\n            setRequiredExtensions(undefined);\r\n            requiredExtensionsDeferred?.resolve(true);\r\n        }, [setRequiredExtensions, requiredExtensionsDeferred]);\r\n\r\n        const onRejectRequiredExtensions = useCallback(() => {\r\n            setRequiredExtensions(undefined);\r\n            requiredExtensionsDeferred?.resolve(false);\r\n        }, [setRequiredExtensions, requiredExtensionsDeferred]);\r\n\r\n        const onAcknowledgedExtensionInstallError = useCallback(() => {\r\n            setExtensionInstallError(undefined);\r\n        }, [setExtensionInstallError]);\r\n\r\n        // Show a spinner until a main view has been set.\r\n        if (!rootComponentService) {\r\n            return (\r\n                <ReactContextsWrapper contexts={contexts}>\r\n                    <SettingsStoreContext.Provider value={settingsStore}>\r\n                        <Theme className={classes.app}>\r\n                            <Spinner className={classes.spinner} />\r\n                        </Theme>\r\n                    </SettingsStoreContext.Provider>\r\n                </ReactContextsWrapper>\r\n            );\r\n        } else {\r\n            // eslint-disable-next-line @typescript-eslint/naming-convention\r\n            const Content: ComponentType = rootComponentService.rootComponent;\r\n\r\n            return (\r\n                <ReactContextsWrapper contexts={contexts}>\r\n                    {/* Expose the settings store as a React context so that UI components can read/write\r\n                        settings without the ISettingsService needing to be explicitly passed around. */}\r\n                    <SettingsStoreContext.Provider value={settingsStore}>\r\n                        <ExtensionManagerContext.Provider value={extensionManagerContext}>\r\n                            <Theme className={classes.app}>\r\n                                <ToastProvider imperativeRef={setToastHandle}>\r\n                                    <Dialog open={!!requiredExtensions} modalType=\"alert\">\r\n                                        <DialogSurface>\r\n                                            <DialogBody>\r\n                                                <DialogTitle>Required Extensions</DialogTitle>\r\n                                                <DialogContent>\r\n                                                    Opening this URL requires the following extensions to be installed and enabled:\r\n                                                    <ul>\r\n                                                        {requiredExtensions?.map((name) => (\r\n                                                            <li key={name}>{name}</li>\r\n                                                        ))}\r\n                                                    </ul>\r\n                                                </DialogContent>\r\n                                                <DialogActions>\r\n                                                    <Button appearance=\"primary\" onClick={onAcceptRequiredExtensions}>\r\n                                                        Install & Enable\r\n                                                    </Button>\r\n                                                    <Button appearance=\"secondary\" onClick={onRejectRequiredExtensions}>\r\n                                                        No Thanks\r\n                                                    </Button>\r\n                                                </DialogActions>\r\n                                            </DialogBody>\r\n                                        </DialogSurface>\r\n                                    </Dialog>\r\n                                    <Dialog open={!!extensionInstallError} modalType=\"alert\">\r\n                                        <DialogSurface>\r\n                                            <DialogBody>\r\n                                                <DialogTitle>\r\n                                                    <div className={classes.extensionErrorTitleDiv}>\r\n                                                        Extension Install Error\r\n                                                        <ErrorCircleRegular className={classes.extensionErrorIcon} />\r\n                                                    </div>\r\n                                                </DialogTitle>\r\n                                                <DialogContent>\r\n                                                    <List>\r\n                                                        <ListItem>\r\n                                                            <Body1>{`Extension \"${extensionInstallError?.extension.name}\" failed to install and was removed.`}</Body1>\r\n                                                        </ListItem>\r\n                                                        <ListItem>\r\n                                                            <Body1>{`${extensionInstallError?.error}`}</Body1>\r\n                                                        </ListItem>\r\n                                                    </List>\r\n                                                </DialogContent>\r\n                                                <DialogActions>\r\n                                                    <Button appearance=\"primary\" onClick={onAcknowledgedExtensionInstallError}>\r\n                                                        Close\r\n                                                    </Button>\r\n                                                </DialogActions>\r\n                                            </DialogBody>\r\n                                        </DialogSurface>\r\n                                    </Dialog>\r\n                                    <Suspense fallback={<Spinner className={classes.spinner} />}>\r\n                                        <Content />\r\n                                    </Suspense>\r\n                                </ToastProvider>\r\n                            </Theme>\r\n                        </ExtensionManagerContext.Provider>\r\n                    </SettingsStoreContext.Provider>\r\n                </ReactContextsWrapper>\r\n            );\r\n        }\r\n    };\r\n\r\n    // Set the container element to be a flex container so that the tool can be displayed properly.\r\n    const originalContainerElementDisplay = containerElement.style.display;\r\n    containerElement.style.display = \"flex\";\r\n\r\n    // Create and render the react root component.\r\n    const reactRoot = createRoot(containerElement);\r\n    reactRoot.render(createElement(modularToolRootComponent));\r\n\r\n    let disposed = false;\r\n    return {\r\n        dispose: () => {\r\n            // Unmount and restore the original container element display.\r\n            if (!disposed) {\r\n                disposed = true;\r\n                reactRoot.unmount();\r\n                containerElement.style.display = originalContainerElementDisplay;\r\n            }\r\n        },\r\n    };\r\n}\r\n"]}

package/modularTool/services/toastService.d.ts

@@ -0,0 +1,17 @@
+import { type IService } from "../modularity/serviceDefinition.js";
+import { type ToastOptions } from "../../fluent/primitives/toast.js";
+/**
+ * The unique identity symbol for the toast service.
+ */
+export declare const ToastServiceIdentity: unique symbol;
+/**
+ * Provides the ability to show toast notifications from non-React code (e.g. Observable callbacks).
+ */
+export interface IToastService extends IService<typeof ToastServiceIdentity> {
+    /**
+     * Shows a toast notification with the given message.
+     * @param message The message to display.
+     * @param options Optional toast configuration such as intent.
+     */
+    showToast(message: string, options?: ToastOptions): void;
+}

package/modularTool/services/toastService.js

@@ -0,0 +1,5 @@
+/**
+ * The unique identity symbol for the toast service.
+ */
+export const ToastServiceIdentity = Symbol("ToastService");
+//# sourceMappingURL=toastService.js.map

package/modularTool/services/toastService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastService.js","sourceRoot":"","sources":["../../../../../dev/sharedUiComponents/src/modularTool/services/toastService.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { type IService } from \"../modularity/serviceDefinition\";\r\nimport { type ToastOptions } from \"shared-ui-components/fluent/primitives/toast\";\r\n\r\n/**\r\n * The unique identity symbol for the toast service.\r\n */\r\nexport const ToastServiceIdentity = Symbol(\"ToastService\");\r\n\r\n/**\r\n * Provides the ability to show toast notifications from non-React code (e.g. Observable callbacks).\r\n */\r\nexport interface IToastService extends IService<typeof ToastServiceIdentity> {\r\n    /**\r\n     * Shows a toast notification with the given message.\r\n     * @param message The message to display.\r\n     * @param options Optional toast configuration such as intent.\r\n     */\r\n    showToast(message: string, options?: ToastOptions): void;\r\n}\r\n"]}

package/nodeGraphSystem/graphCanvas.js

@@ -771,9 +771,10 @@ export class GraphCanvasComponent extends React.Component {
                 }
                 output.endpoints.forEach((endpoint) => {
                     const sourceFrames = this._frames.filter((f) => f.nodes.indexOf(node) !== -1);
+                    const targetNode = this._nodes.find((n) => n.content.data === endpoint.ownerData);
                     const targetFrames = this._frames.filter((f) => f.nodes.some((n) => n.content.data === endpoint.ownerData));
                     const sourceId = sourceFrames.length > 0 ? sourceFrames[0].id : node.id;
-                    const targetId = targetFrames.length > 0 ? targetFrames[0].id : endpoint.ownerData.uniqueId;
+                    const targetId = targetFrames.length > 0 ? targetFrames[0].id : targetNode ? targetNode.id : endpoint.ownerData.uniqueId;
                     graph.setEdge(sourceId.toString(), targetId.toString());
                 });
             });