@dxos/plugin-help 0.8.4-main.4a85c3132b → 0.8.4-main.51f1e5ca51

package/dist/lib/browser/chunk-53QC3FTJ.mjs

@@ -0,0 +1,34 @@
+// src/types/capabilities.ts
+import * as Schema from "effect/Schema";
+import { Capability } from "@dxos/app-framework";
+import { meta } from "#meta";
+(function(HelpCapabilities2) {
+  HelpCapabilities2.StateSchema = Schema.mutable(Schema.Struct({
+    running: Schema.Boolean,
+    showHints: Schema.Boolean,
+    showWelcome: Schema.Boolean
+  }));
+  HelpCapabilities2.State = Capability.make(`${meta.id}.capability.state`);
+})(HelpCapabilities || (HelpCapabilities = {}));
+var HelpCapabilities;
+
+// src/types/schema.ts
+import { createContext } from "react";
+var HelpContext = createContext({
+  running: false,
+  steps: [],
+  setSteps: () => {
+  },
+  setIndex: () => {
+  },
+  start: () => {
+  },
+  stop: () => {
+  }
+});
+
+export {
+  HelpCapabilities,
+  HelpContext
+};
+//# sourceMappingURL=chunk-53QC3FTJ.mjs.map

package/dist/lib/browser/chunk-53QC3FTJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/capabilities.ts", "../../../src/types/schema.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\nimport * as Schema from 'effect/Schema';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { meta } from '#meta';\n\nexport namespace HelpCapabilities {\n  export const StateSchema = Schema.mutable(\n    Schema.Struct({\n      running: Schema.Boolean,\n      showHints: Schema.Boolean,\n      showWelcome: Schema.Boolean,\n    }),\n  );\n\n  export type State = Schema.Schema.Type<typeof StateSchema>;\n\n  export const State = Capability.make<Atom.Writable<State>>(`${meta.id}.capability.state`);\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Context, createContext } from 'react';\nimport { type Step as BaseStep } from 'react-joyride';\n\nimport { type CapabilityManager } from '@dxos/app-framework';\n\nexport type Step = BaseStep & {\n  before?: (capabilities: CapabilityManager.CapabilityManager) => void;\n};\n\nexport type HelpContextType = {\n  running: boolean;\n  steps: Step[];\n  setSteps: (steps: Step[]) => void;\n  setIndex: (index: number) => void;\n  start: () => void;\n  stop: () => void;\n};\n\nexport const HelpContext: Context<HelpContextType> = createContext<HelpContextType>({\n  running: false,\n  steps: [],\n  setSteps: () => {},\n  setIndex: () => {},\n  start: () => {},\n  stop: () => {},\n});\n"],
+  "mappings": ";AAKA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAE3B,SAASC,YAAY;UAEJC,mBAAAA;oBACFC,cAAqBC,eACzBC,cAAO;IACZC,SAAgBC;IAChBC,WAAkBD;IAClBE,aAAoBF;EACtB,CAAA,CAAA;oBAKWG,QAAQV,WAAWW,KAA2B,GAAGV,KAAKW,EAAE,mBAAmB;AAC1F,GAZiBV,qBAAAA,mBAAAA,CAAAA,EAAAA;;;;ACPjB,SAAuBW,qBAAqB;AAkBrC,IAAMC,cAAwCD,cAA+B;EAClFE,SAAS;EACTC,OAAO,CAAA;EACPC,UAAU,MAAA;EAAO;EACjBC,UAAU,MAAA;EAAO;EACjBC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;",
+  "names": ["Schema", "Capability", "meta", "HelpCapabilities", "StateSchema", "mutable", "Struct", "running", "Boolean", "showHints", "showWelcome", "State", "make", "id", "createContext", "HelpContext", "running", "steps", "setSteps", "setIndex", "start", "stop"]
+}

package/dist/lib/browser/chunk-J5LGTIGS.mjs

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-J5LGTIGS.mjs.map

package/dist/lib/browser/chunk-J5LGTIGS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/chunk-RWK34XL5.mjs

@@ -0,0 +1,31 @@
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/operations/definitions.ts
+var definitions_exports = {};
+__export(definitions_exports, {
+  Start: () => Start
+});
+import * as Schema from "effect/Schema";
+import { Capability } from "@dxos/app-framework";
+import { Operation } from "@dxos/compute";
+import { meta } from "#meta";
+var HELP_OPERATION = `${meta.id}.operation`;
+var Start = Operation.make({
+  meta: {
+    key: `${HELP_OPERATION}.start`,
+    name: "Start Help"
+  },
+  services: [
+    Capability.Service
+  ],
+  input: Schema.Void,
+  output: Schema.Void
+});
+
+export {
+  Start,
+  definitions_exports
+};
+//# sourceMappingURL=chunk-RWK34XL5.mjs.map

package/dist/lib/browser/chunk-RWK34XL5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/definitions.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\n\nimport { meta } from '#meta';\n\nconst HELP_OPERATION = `${meta.id}.operation`;\n\nexport const Start = Operation.make({\n  meta: { key: `${HELP_OPERATION}.start`, name: 'Start Help' },\n  services: [Capability.Service],\n  input: Schema.Void,\n  output: Schema.Void,\n});\n"],
+  "mappings": ";;;;;AAAA;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAE1B,SAASC,YAAY;AAErB,IAAMC,iBAAiB,GAAGD,KAAKE,EAAE;AAE1B,IAAMC,QAAQJ,UAAUK,KAAK;EAClCJ,MAAM;IAAEK,KAAK,GAAGJ,cAAAA;IAAwBK,MAAM;EAAa;EAC3DC,UAAU;IAACT,WAAWU;;EACtBC,OAAcC;EACdC,QAAeD;AACjB,CAAA;",
+  "names": ["Schema", "Capability", "Operation", "meta", "HELP_OPERATION", "id", "Start", "make", "key", "name", "services", "Service", "input", "Void", "output"]
+}

package/dist/lib/browser/index.mjs

@@ -1,81 +1,345 @@
 import {
-  SHORTCUTS_DIALOG
-} from "./chunk-XAC3AYP4.mjs";
-import {
-  Key,
-  ShortcutsHints,
-  ShortcutsList,
-  ShortcutsSection,
-  Tooltip,
-  WelcomeTour,
-  floaterProps
-} from "./chunk-PNXUNKZW.mjs";
-import {
-  HelpCapabilities,
-  HelpContext,
-  HelpOperation
-} from "./chunk-TS66J4C6.mjs";
-import {
-  meta
-} from "./chunk-IM2QVQOH.mjs";
+  HelpCapabilities
+} from "./chunk-53QC3FTJ.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/HelpPlugin.tsx
-import { ActivationEvents, Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
+// src/components/Shortcuts/ShortcutsHints.tsx
+import React2 from "react";
+import { Keyboard } from "@dxos/keyboard";
+import { IconButton, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
 
-// src/capabilities/app-graph-builder/index.ts
-import { Capability } from "@dxos/app-framework";
-var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("./app-graph-builder-2O2CUPGU.mjs"));
+// src/components/Shortcuts/Key.tsx
+import React from "react";
+import { keySymbols } from "@dxos/keyboard";
 
-// src/capabilities/operation-resolver/operation-resolver.ts
-import * as Effect from "effect/Effect";
-import { Capabilities, Capability as Capability2 } from "@dxos/app-framework";
-import { OperationResolver } from "@dxos/operation";
-var operation_resolver_default = Capability2.makeModule(Effect.fnUntraced(function* () {
-  return Capability2.contributes(Capabilities.OperationResolver, [
-    OperationResolver.make({
-      operation: HelpOperation.Start,
-      handler: Effect.fnUntraced(function* () {
-        yield* Capabilities.updateAtomValue(HelpCapabilities.State, (state) => ({
-          ...state,
-          running: true
-        }));
-      })
-    })
-  ]);
-}));
+// src/components/Shortcuts/styles.ts
+import { mx } from "@dxos/ui-theme";
+var shortcutKey = mx("inline-flex min-w-[24px] h-[24px] px-0.5 justify-center items-center text-xs", "rounded-sm bg-neutral-100 dark:bg-neutral-900");
+
+// src/components/Shortcuts/Key.tsx
+var Key = ({ binding }) => {
+  return /* @__PURE__ */ React.createElement("span", {
+    role: "term",
+    className: "inline-flex gap-1",
+    "aria-label": binding,
+    id: binding
+  }, keySymbols(binding).map((c, i) => /* @__PURE__ */ React.createElement("span", {
+    key: i,
+    className: shortcutKey
+  }, c)));
+};
 
-// src/capabilities/react-root/index.ts
-import { Capability as Capability3 } from "@dxos/app-framework";
-var ReactRoot = Capability3.lazy("ReactRoot", () => import("./react-root-GK7XGIBN.mjs"));
+// src/components/Shortcuts/ShortcutsHints.tsx
+var Shortcut = ({ binding }) => {
+  const { t } = useTranslation(osTranslations);
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex items-center gap-2 whitespace-nowrap"
+  }, /* @__PURE__ */ React2.createElement(Key, {
+    binding: binding.shortcut
+  }), /* @__PURE__ */ React2.createElement("span", {
+    className: "text-sm"
+  }, toLocalizedString(binding.data, t)));
+};
+var ShortcutsHints = ({ onClose }) => {
+  const defaults = [
+    "meta+k",
+    "meta+/",
+    "meta+,"
+  ];
+  const bindings = Keyboard.singleton.getBindings();
+  const hints = bindings.filter((binding) => defaults.includes(binding.shortcut));
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex overflow-hidden px-2 gap-4"
+  }, hints.map((binding) => /* @__PURE__ */ React2.createElement(Shortcut, {
+    key: binding.shortcut,
+    binding
+  })), onClose && /* @__PURE__ */ React2.createElement(IconButton, {
+    icon: "ph--x--regular",
+    size: 4,
+    label: "Close",
+    iconOnly: true,
+    noTooltip: true,
+    variant: "ghost",
+    classNames: "p-0 cursor-pointer",
+    onClick: onClose
+  }));
+};
 
-// src/capabilities/react-surface/index.ts
-import { Capability as Capability4 } from "@dxos/app-framework";
-var ReactSurface = Capability4.lazy("ReactSurface", () => import("./react-surface-KGND4ZJD.mjs"));
+// src/components/Shortcuts/ShortcutsList.tsx
+import React3, { Fragment } from "react";
+import { Keyboard as Keyboard2 } from "@dxos/keyboard";
+import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var ShortcutsList = () => {
+  const { t } = useTranslation2(meta.id);
+  const bindings = Keyboard2.singleton.getBindings();
+  bindings.sort((a, b) => {
+    return toLocalizedString2(a.data, t)?.toLowerCase().localeCompare(toLocalizedString2(b.data, t)?.toLowerCase());
+  });
+  return /* @__PURE__ */ React3.createElement("dl", {
+    className: mx2("w-fit grid grid-cols-[min-content_minmax(12rem,1fr)] gap-2 my-4 text-subdued select-none")
+  }, bindings.map((binding, i) => /* @__PURE__ */ React3.createElement(Fragment, {
+    key: i
+  }, /* @__PURE__ */ React3.createElement(Key, {
+    binding: binding.shortcut
+  }), /* @__PURE__ */ React3.createElement("span", {
+    role: "definition",
+    className: "ms-4",
+    "aria-labelledby": binding.shortcut
+  }, toLocalizedString2(binding.data, t)))));
+};
 
-// src/capabilities/state/index.ts
-import { Capability as Capability5 } from "@dxos/app-framework";
-var HelpState = Capability5.lazy("HelpState", () => import("./state-VRPLKT3F.mjs"));
+// src/components/Shortcuts/ShortcutsSection.tsx
+import React4 from "react";
+var ShortcutsSection = () => {
+  return /* @__PURE__ */ React4.createElement("section", {
+    className: "text-description"
+  }, /* @__PURE__ */ React4.createElement(ShortcutsList, null));
+};
 
-// src/translations.ts
-var translations = [
-  {
-    "en-US": {
-      [meta.id]: {
-        "plugin name": "Help",
-        "open help tour": "Show welcome tour",
-        "open shortcuts label": "Show shortcuts",
-        "shortcuts dialog title": "Shortcuts"
-      }
+// src/components/Tooltip/Tooltip.tsx
+import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
+import React5, { forwardRef } from "react";
+import { Button, Icon, IconButton as IconButton2 } from "@dxos/react-ui";
+var floaterProps = {
+  styles: {
+    // Arrow color is set by joyride.
+    arrow: {
+      length: 8,
+      spread: 16
+    },
+    floater: {
+      // TODO(burdon): Get tokens from theme.
+      filter: "drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2))"
     }
   }
-];
+};
+var Tooltip = /* @__PURE__ */ forwardRef(({ step: { title, content }, index, size, isLastStep, backProps, closeProps, primaryProps }, forwardedRef) => {
+  const arrowNavigationAttrs = useArrowNavigationGroup({
+    axis: "horizontal"
+  });
+  const focusableGroupAttrs = useFocusableGroup({
+    tabBehavior: "limited-trap-focus"
+  });
+  return /* @__PURE__ */ React5.createElement("div", {
+    className: "flex flex-col w-[15rem] min-h-[10rem] overflow-hidden rounded-md shadow-xl bg-accent-surface text-accent-surface-text",
+    role: "tooltip",
+    "data-testid": "helpPlugin.tooltip",
+    "data-step": index + 1,
+    ...focusableGroupAttrs,
+    ref: forwardedRef
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "flex p-2"
+  }, /* @__PURE__ */ React5.createElement("h2", {
+    className: "grow px-2 py-1 text-lg font-medium text-accent-surface-text"
+  }, title), /* @__PURE__ */ React5.createElement(IconButton2, {
+    density: "fine",
+    icon: "ph--x--bold",
+    iconOnly: true,
+    label: closeProps["aria-label"],
+    onClick: closeProps.onClick,
+    size: 4,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.close"
+  })), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex grow px-4 my-2"
+  }, content), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex p-2 items-center justify-between",
+    ...arrowNavigationAttrs
+  }, /* @__PURE__ */ React5.createElement(IconButton2, {
+    classNames: [
+      !(index > 0 && backProps) && "invisible"
+    ],
+    icon: "ph--caret-left--regular",
+    iconOnly: true,
+    label: backProps["aria-label"],
+    onClick: backProps.onClick,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.back"
+  }), /* @__PURE__ */ React5.createElement("div", {
+    className: "flex grow gap-2 justify-center"
+  }, /* @__PURE__ */ React5.createElement("div", {
+    className: "flex"
+  }, Array.from({
+    length: size
+  }).map((_, i) => /* @__PURE__ */ React5.createElement(Icon, {
+    key: i,
+    icon: index === i ? "ph--circle--fill" : "ph--circle--regular",
+    size: 2,
+    classNames: "mx-1 cursor-pointer"
+  })))), isLastStep ? /* @__PURE__ */ React5.createElement(Button, {
+    variant: "primary",
+    onClick: closeProps.onClick,
+    title: closeProps["aria-label"],
+    autoFocus: true,
+    "data-testid": "helpPlugin.tooltip.finish"
+  }, "Done") : /* @__PURE__ */ React5.createElement(IconButton2, {
+    autoFocus: true,
+    icon: "ph--caret-right--regular",
+    iconOnly: true,
+    label: primaryProps["aria-label"],
+    onClick: primaryProps.onClick,
+    size: 6,
+    variant: "primary",
+    "data-testid": "helpPlugin.tooltip.next"
+  })));
+});
+
+// src/components/WelcomeTour/WelcomeTour.tsx
+import React6, { useState } from "react";
+import Joyride, { ACTIONS, EVENTS } from "react-joyride";
+import { usePluginManager } from "@dxos/app-framework/ui";
+import { useLayout } from "@dxos/app-toolkit/ui";
+import { useAsyncEffect } from "@dxos/react-ui";
+import { HelpContext } from "#types";
+var addStepClass = (target) => {
+  const element = typeof target === "string" ? document.querySelector(target) : target;
+  if (element) {
+    element.classList.add("joyride-target");
+  }
+};
+var removeTargetClass = (target) => {
+  const element = typeof target === "string" ? document.querySelector(target) : target;
+  if (element) {
+    element.classList.remove("joyride-target");
+  }
+};
+var getTarget = (step) => {
+  return typeof step.target === "string" ? document.querySelector(step.target) : step.target;
+};
+var waitForTarget = async (step) => {
+  if (typeof step.target === "string") {
+    const target = step.target;
+    const element = document.querySelector(target);
+    if (element) {
+      return;
+    }
+    await new Promise((resolve) => {
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          if (mutation.addedNodes.length > 0) {
+            const element2 = document.querySelector(target);
+            if (element2) {
+              observer.disconnect();
+              resolve();
+            }
+          }
+        });
+      });
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true
+      });
+    });
+  }
+};
+var WelcomeTour = ({ steps: initialSteps, running: runningProp, onRunningChanged }) => {
+  const manager = usePluginManager();
+  const layout = useLayout();
+  const [running, setRunning] = useState(!!runningProp && !!getTarget(initialSteps[0]));
+  const [stepIndex, _setStepIndex] = useState(0);
+  const [steps, setSteps] = useState(initialSteps);
+  const paused = layout.dialogOpen;
+  const setStepIndex = (index) => {
+    if (runningProp) {
+      const step = steps[index];
+      step?.before?.(manager.capabilities);
+    }
+    _setStepIndex(index);
+  };
+  const setRunningChanged = (state) => {
+    if (typeof runningProp !== "undefined") {
+      onRunningChanged?.(state);
+    } else {
+      if (state) {
+        setStepIndex(0);
+        setRunning(true);
+      } else {
+        setRunning(false);
+      }
+    }
+  };
+  useAsyncEffect(async () => {
+    if (runningProp) {
+      await waitForTarget(steps[stepIndex]);
+      setStepIndex(0);
+      setRunning(true);
+    } else if (typeof runningProp !== "undefined") {
+      setRunning(false);
+    }
+  }, [
+    runningProp
+  ]);
+  const callback = async (options) => {
+    const { type, action, index, size } = options;
+    switch (type) {
+      case EVENTS.STEP_BEFORE:
+        addStepClass(options.step.target);
+        break;
+      case EVENTS.TOUR_END:
+        break;
+      case EVENTS.STEP_AFTER:
+        removeTargetClass(options.step.target);
+        switch (action) {
+          case ACTIONS.NEXT:
+            if (index < size - 1) {
+              setStepIndex(index + 1);
+            }
+            break;
+          case ACTIONS.PREV:
+            if (index > 0) {
+              setStepIndex(index - 1);
+            }
+            break;
+          case ACTIONS.CLOSE:
+            setRunningChanged(false);
+            setStepIndex(0);
+            break;
+        }
+        break;
+    }
+  };
+  return /* @__PURE__ */ React6.createElement(HelpContext.Provider, {
+    value: {
+      running: running && !paused,
+      steps,
+      setSteps,
+      setIndex: setStepIndex,
+      start: () => setRunningChanged(true),
+      stop: () => setRunningChanged(false)
+    }
+  }, /* @__PURE__ */ React6.createElement("style", null, `.joyride-target {
+          --controls-opacity: 1;
+        }`), /* @__PURE__ */ React6.createElement(Joyride, {
+    continuous: true,
+    steps,
+    stepIndex,
+    run: running && !paused,
+    callback,
+    floaterProps,
+    tooltipComponent: Tooltip,
+    spotlightPadding: 0
+  }));
+};
+
+// src/constants.ts
+import { meta as meta2 } from "#meta";
+var SHORTCUTS_DIALOG = `${meta2.id}.ShortcutsDialog`;
 
 // src/HelpPlugin.tsx
-var HelpPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+import { ActivationEvents, Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, HelpState, OperationHandler, ReactRoot, ReactSurface } from "#capabilities";
+import { meta as meta3 } from "#meta";
+import { translations } from "#translations";
+var HelpPlugin = Plugin.define(meta3).pipe(AppPlugin.addAppGraphModule({
   activate: AppGraphBuilder
-}), AppPlugin.addOperationResolverModule({
-  activate: operation_resolver_default
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
 }), AppPlugin.addSurfaceModule({
   activate: ReactSurface
 }), AppPlugin.addTranslationsModule({
@@ -92,13 +356,12 @@ var HelpPlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
 // src/hooks/useHelp.tsx
 import { useContext } from "react";
 import { raise } from "@dxos/debug";
+import { HelpContext as HelpContext2 } from "#types";
 var useHelp = () => {
-  return useContext(HelpContext) ?? raise(new Error("Missing HelpContext"));
+  return useContext(HelpContext2) ?? raise(new Error("Missing HelpContext"));
 };
 export {
   HelpCapabilities,
-  HelpContext,
-  HelpOperation,
   HelpPlugin,
   Key,
   SHORTCUTS_DIALOG,
@@ -108,7 +371,6 @@ export {
   Tooltip,
   WelcomeTour,
   floaterProps,
-  meta,
   useHelp
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/HelpPlugin.tsx", "../../../src/capabilities/app-graph-builder/index.ts", "../../../src/capabilities/operation-resolver/operation-resolver.ts", "../../../src/capabilities/react-root/index.ts", "../../../src/capabilities/react-surface/index.ts", "../../../src/capabilities/state/index.ts", "../../../src/translations.ts", "../../../src/hooks/useHelp.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, HelpState, OperationResolver, ReactRoot, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { type Step } from './types';\n\nexport type HelpPluginOptions = { steps?: Step[] };\n\nexport const HelpPlugin = Plugin.define<HelpPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationResolverModule({ activate: OperationResolver }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    activatesOn: ActivationEvents.Startup,\n    activate: HelpState,\n  }),\n  Plugin.addModule(({ steps = [] }) => ({\n    id: 'react-root',\n    activatesOn: ActivationEvents.Startup,\n    activate: () => ReactRoot(steps),\n  })),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { OperationResolver } from '@dxos/operation';\n\nimport { HelpCapabilities, HelpOperation } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(Capabilities.OperationResolver, [\n      OperationResolver.make({\n        operation: HelpOperation.Start,\n        handler: Effect.fnUntraced(function* () {\n          yield* Capabilities.updateAtomValue(HelpCapabilities.State, (state) => ({ ...state, running: true }));\n        }),\n      }),\n    ]);\n  }),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactRoot = Capability.lazy('ReactRoot', () => import('./react-root'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const HelpState = Capability.lazy('HelpState', () => import('./state'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'plugin name': 'Help',\n        'open help tour': 'Show welcome tour',\n        'open shortcuts label': 'Show shortcuts',\n        'shortcuts dialog title': 'Shortcuts',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { HelpContext } from '../types';\n\nexport const useHelp = () => {\n  return useContext(HelpContext) ?? raise(new Error('Missing HelpContext'));\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,kBAAkBC,cAAc;AACzC,SAASC,iBAAiB;;;ACD1B,SAASC,kBAAkB;AAEpB,IAAMC,kBAAkBC,WAAWC,KAAK,mBAAmB,MAAM,OAAO,kCAAA,CAAA;;;ACF/E,YAAYC,YAAY;AAExB,SAASC,cAAcC,cAAAA,mBAAkB;AACzC,SAASC,yBAAyB;AAIlC,IAAA,6BAAeC,YAAWC,WACjBC,kBAAW,aAAA;AAChB,SAAOF,YAAWG,YAAYC,aAAaC,mBAAmB;IAC5DA,kBAAkBC,KAAK;MACrBC,WAAWC,cAAcC;MACzBC,SAAgBR,kBAAW,aAAA;AACzB,eAAOE,aAAaO,gBAAgBC,iBAAiBC,OAAO,CAACC,WAAW;UAAE,GAAGA;UAAOC,SAAS;QAAK,EAAA;MACpG,CAAA;IACF,CAAA;GACD;AACH,CAAA,CAAA;;;ACjBF,SAASC,cAAAA,mBAAkB;AAEpB,IAAMC,YAAYC,YAAWC,KAAK,aAAa,MAAM,OAAO,2BAAA,CAAA;;;ACFnE,SAASC,cAAAA,mBAAkB;AAEpB,IAAMC,eAAeC,YAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACFzE,SAASC,cAAAA,mBAAkB;AAEpB,IAAMC,YAAYC,YAAWC,KAAK,aAAa,MAAM,OAAO,sBAAA,CAAA;;;ACE5D,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,kBAAkB;QAClB,wBAAwB;QACxB,0BAA0B;MAC5B;IACF;EACF;;;;ANJK,IAAMC,aAAaC,OAAOC,OAA0BC,IAAAA,EAAMC,KAC/DC,UAAUC,kBAAkB;EAAEC,UAAUC;AAAgB,CAAA,GACxDH,UAAUI,2BAA2B;EAAEF,UAAUG;AAAkB,CAAA,GACnEL,UAAUM,iBAAiB;EAAEJ,UAAUK;AAAa,CAAA,GACpDP,UAAUQ,sBAAsB;EAAEC;AAAa,CAAA,GAC/Cb,OAAOc,UAAU;EACfC,aAAaC,iBAAiBC;EAC9BX,UAAUY;AACZ,CAAA,GACAlB,OAAOc,UAAU,CAAC,EAAEK,QAAQ,CAAA,EAAE,OAAQ;EACpCC,IAAI;EACJL,aAAaC,iBAAiBC;EAC9BX,UAAU,MAAMe,UAAUF,KAAAA;AAC5B,EAAA,GACAnB,OAAOsB,IAAI;;;AOxBb,SAASC,kBAAkB;AAE3B,SAASC,aAAa;AAIf,IAAMC,UAAU,MAAA;AACrB,SAAOC,WAAWC,WAAAA,KAAgBC,MAAM,IAAIC,MAAM,qBAAA,CAAA;AACpD;",
-  "names": ["ActivationEvents", "Plugin", "AppPlugin", "Capability", "AppGraphBuilder", "Capability", "lazy", "Effect", "Capabilities", "Capability", "OperationResolver", "Capability", "makeModule", "fnUntraced", "contributes", "Capabilities", "OperationResolver", "make", "operation", "HelpOperation", "Start", "handler", "updateAtomValue", "HelpCapabilities", "State", "state", "running", "Capability", "ReactRoot", "Capability", "lazy", "Capability", "ReactSurface", "Capability", "lazy", "Capability", "HelpState", "Capability", "lazy", "translations", "meta", "id", "HelpPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "AppGraphBuilder", "addOperationResolverModule", "OperationResolver", "addSurfaceModule", "ReactSurface", "addTranslationsModule", "translations", "addModule", "activatesOn", "ActivationEvents", "Startup", "HelpState", "steps", "id", "ReactRoot", "make", "useContext", "raise", "useHelp", "useContext", "HelpContext", "raise", "Error"]
+  "sources": ["../../../src/components/Shortcuts/ShortcutsHints.tsx", "../../../src/components/Shortcuts/Key.tsx", "../../../src/components/Shortcuts/styles.ts", "../../../src/components/Shortcuts/ShortcutsList.tsx", "../../../src/components/Shortcuts/ShortcutsSection.tsx", "../../../src/components/Tooltip/Tooltip.tsx", "../../../src/components/WelcomeTour/WelcomeTour.tsx", "../../../src/constants.ts", "../../../src/HelpPlugin.tsx", "../../../src/hooks/useHelp.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type KeyBinding, Keyboard } from '@dxos/keyboard';\nimport { IconButton, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { Key } from './Key';\n\nconst Shortcut = ({ binding }: { binding: KeyBinding }) => {\n  const { t } = useTranslation(osTranslations);\n  return (\n    <div role='none' className='flex items-center gap-2 whitespace-nowrap'>\n      <Key binding={binding.shortcut} />\n      <span className='text-sm'>{toLocalizedString(binding.data, t)}</span>\n    </div>\n  );\n};\n\nexport const ShortcutsHints = ({ onClose }: { onClose?: () => void }) => {\n  // TODO(burdon): Display by context/weight/cycle.\n  const defaults = ['meta+k', 'meta+/', 'meta+,'];\n  const bindings = Keyboard.singleton.getBindings();\n  const hints = bindings.filter((binding) => defaults.includes(binding.shortcut));\n\n  return (\n    <div role='none' className='flex overflow-hidden px-2 gap-4'>\n      {hints.map((binding) => (\n        <Shortcut key={binding.shortcut} binding={binding} />\n      ))}\n      {onClose && (\n        <IconButton\n          icon='ph--x--regular'\n          size={4}\n          label='Close'\n          iconOnly\n          noTooltip\n          variant='ghost'\n          classNames='p-0 cursor-pointer'\n          onClick={onClose}\n        />\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { keySymbols } from '@dxos/keyboard';\n\nimport { shortcutKey } from './styles';\n\nexport const Key = ({ binding }: { binding: string }) => {\n  return (\n    <span role='term' className='inline-flex gap-1' aria-label={binding} id={binding}>\n      {keySymbols(binding).map((c, i) => (\n        <span key={i} className={shortcutKey}>\n          {c}\n        </span>\n      ))}\n    </span>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/ui-theme';\n\nexport const shortcutKey = mx(\n  'inline-flex min-w-[24px] h-[24px] px-0.5 justify-center items-center text-xs',\n  'rounded-sm bg-neutral-100 dark:bg-neutral-900',\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Keyboard } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nimport { Key } from './Key';\n\nexport const ShortcutsList = () => {\n  const { t } = useTranslation(meta.id);\n  const bindings = Keyboard.singleton.getBindings();\n\n  // TODO(burdon): Get shortcuts from TextEditor.\n  bindings.sort((a, b) => {\n    return toLocalizedString(a.data, t)?.toLowerCase().localeCompare(toLocalizedString(b.data, t)?.toLowerCase());\n  });\n\n  return (\n    <dl className={mx('w-fit grid grid-cols-[min-content_minmax(12rem,1fr)] gap-2 my-4 text-subdued select-none')}>\n      {bindings.map((binding, i) => (\n        <Fragment key={i}>\n          <Key binding={binding.shortcut} />\n          <span role='definition' className='ms-4' aria-labelledby={binding.shortcut}>\n            {toLocalizedString(binding.data, t)}\n          </span>\n        </Fragment>\n      ))}\n    </dl>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { ShortcutsList } from './ShortcutsList';\n\nexport const ShortcutsSection = () => {\n  return (\n    <section className='text-description'>\n      <ShortcutsList />\n    </section>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useArrowNavigationGroup, useFocusableGroup } from '@fluentui/react-tabster';\nimport React, { forwardRef } from 'react';\n// TODO(thure): This needed to be imported in the package.json specifically to pacify TS2742. See if this is resolved with typescript@5.5.x.\n// eslint-disable-next-line unused-imports/no-unused-imports\nimport _floater from 'react-floater';\nimport { type Props, type TooltipRenderProps } from 'react-joyride';\n// TODO(thure): This needed to be imported in the package.json specifically to pacify TS2742. See if this is resolved with typescript@5.5.x.\n// eslint-disable-next-line unused-imports/no-unused-imports\nimport _typefest from 'type-fest';\n\nimport { Button, Icon, IconButton } from '@dxos/react-ui';\n\n// https://docs.react-joyride.com/styling\n// https://github.com/gilbarbara/react-floater\nexport const floaterProps: Props['floaterProps'] = {\n  styles: {\n    // Arrow color is set by joyride.\n    arrow: {\n      length: 8,\n      spread: 16,\n    },\n    floater: {\n      // TODO(burdon): Get tokens from theme.\n      filter: 'drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2))',\n    },\n  },\n};\n\n// TODO(burdon): Add info link to docs.\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipRenderProps>(\n  ({ step: { title, content }, index, size, isLastStep, backProps, closeProps, primaryProps }, forwardedRef) => {\n    const arrowNavigationAttrs = useArrowNavigationGroup({ axis: 'horizontal' });\n    const focusableGroupAttrs = useFocusableGroup({ tabBehavior: 'limited-trap-focus' });\n\n    return (\n      <div\n        className='flex flex-col w-[15rem] min-h-[10rem] overflow-hidden rounded-md shadow-xl bg-accent-surface text-accent-surface-text'\n        role='tooltip'\n        data-testid='helpPlugin.tooltip'\n        data-step={index + 1}\n        {...focusableGroupAttrs}\n        ref={forwardedRef}\n      >\n        <div className='flex p-2'>\n          <h2 className='grow px-2 py-1 text-lg font-medium text-accent-surface-text'>{title}</h2>\n          <IconButton\n            density='fine'\n            icon='ph--x--bold'\n            iconOnly\n            label={closeProps['aria-label']}\n            onClick={closeProps.onClick}\n            size={4}\n            variant='primary'\n            data-testid='helpPlugin.tooltip.close'\n          />\n        </div>\n        <div className='flex grow px-4 my-2'>{content}</div>\n        <div className='flex p-2 items-center justify-between' {...arrowNavigationAttrs}>\n          {\n            <IconButton\n              classNames={[!(index > 0 && backProps) && 'invisible']}\n              icon='ph--caret-left--regular'\n              iconOnly\n              label={backProps['aria-label']}\n              onClick={backProps.onClick}\n              variant='primary'\n              data-testid='helpPlugin.tooltip.back'\n            />\n          }\n          <div className='flex grow gap-2 justify-center'>\n            <div className='flex'>\n              {Array.from({ length: size }).map((_, i) => (\n                <Icon\n                  key={i}\n                  icon={index === i ? 'ph--circle--fill' : 'ph--circle--regular'}\n                  size={2}\n                  classNames='mx-1 cursor-pointer'\n                />\n              ))}\n            </div>\n          </div>\n          {isLastStep ? (\n            <Button\n              variant='primary'\n              onClick={closeProps.onClick}\n              title={closeProps['aria-label']}\n              autoFocus\n              data-testid='helpPlugin.tooltip.finish'\n            >\n              Done\n            </Button>\n          ) : (\n            <IconButton\n              autoFocus\n              icon='ph--caret-right--regular'\n              iconOnly\n              label={primaryProps['aria-label']}\n              onClick={primaryProps.onClick}\n              size={6}\n              variant='primary'\n              data-testid='helpPlugin.tooltip.next'\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\nimport Joyride, { ACTIONS, EVENTS } from 'react-joyride';\n\nimport { usePluginManager } from '@dxos/app-framework/ui';\nimport { useLayout } from '@dxos/app-toolkit/ui';\nimport { useAsyncEffect } from '@dxos/react-ui';\n\nimport { HelpContext, type Step } from '#types';\n\nimport { Tooltip, floaterProps } from '../Tooltip';\n\nconst addStepClass = (target: string | HTMLElement) => {\n  const element = typeof target === 'string' ? document.querySelector(target) : target;\n  if (element) {\n    element.classList.add('joyride-target');\n  }\n};\n\nconst removeTargetClass = (target: string | HTMLElement) => {\n  const element = typeof target === 'string' ? document.querySelector(target) : target;\n  if (element) {\n    element.classList.remove('joyride-target');\n  }\n};\n\nconst getTarget = (step: Step) => {\n  return typeof step.target === 'string' ? document.querySelector(step.target) : step.target;\n};\n\n/**\n * Wait for the target element to be in the document.\n */\nconst waitForTarget = async (step: Step) => {\n  if (typeof step.target === 'string') {\n    const target = step.target;\n    const element = document.querySelector(target);\n    if (element) {\n      return;\n    }\n\n    await new Promise<void>((resolve) => {\n      const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.addedNodes.length > 0) {\n            const element = document.querySelector(target);\n            if (element) {\n              observer.disconnect();\n              resolve();\n            }\n          }\n        });\n      });\n\n      observer.observe(document.body, { childList: true, subtree: true });\n    });\n  }\n};\n\nexport type WelcomeTourProps = {\n  steps: Step[];\n  running?: boolean;\n  onRunningChanged?: (state: boolean) => any;\n};\n\nexport const WelcomeTour = ({ steps: initialSteps, running: runningProp, onRunningChanged }: WelcomeTourProps) => {\n  const manager = usePluginManager();\n  const layout = useLayout();\n  const [running, setRunning] = useState(!!runningProp && !!getTarget(initialSteps[0]));\n  const [stepIndex, _setStepIndex] = useState(0);\n  const [steps, setSteps] = useState(initialSteps);\n\n  const paused = layout.dialogOpen;\n\n  const setStepIndex = (index: number) => {\n    if (runningProp) {\n      const step = steps[index];\n      step?.before?.(manager.capabilities);\n    }\n    _setStepIndex(index);\n  };\n\n  const setRunningChanged = (state: boolean) => {\n    if (typeof runningProp !== 'undefined') {\n      onRunningChanged?.(state);\n    } else {\n      if (state) {\n        setStepIndex(0);\n        setRunning(true);\n      } else {\n        setRunning(false);\n      }\n    }\n  };\n\n  useAsyncEffect(async () => {\n    if (runningProp) {\n      // This handles the case when the target is not yet in the document.\n      // If the target is not in the document, when the joyride is turned on, it will not show the tooltip.\n      await waitForTarget(steps[stepIndex]);\n      setStepIndex(0);\n      setRunning(true);\n    } else if (typeof runningProp !== 'undefined') {\n      setRunning(false);\n    }\n  }, [runningProp]);\n\n  // https://docs.react-joyride.com/callback\n  const callback: Joyride['callback'] = async (options) => {\n    const { type, action, index, size } = options;\n    switch (type) {\n      case EVENTS.STEP_BEFORE:\n        addStepClass(options.step.target);\n        break;\n      case EVENTS.TOUR_END:\n        break;\n      case EVENTS.STEP_AFTER:\n        removeTargetClass(options.step.target);\n        switch (action) {\n          case ACTIONS.NEXT:\n            if (index < size - 1) {\n              setStepIndex(index + 1);\n            }\n            break;\n          case ACTIONS.PREV:\n            if (index > 0) {\n              setStepIndex(index - 1);\n            }\n            break;\n          case ACTIONS.CLOSE:\n            setRunningChanged(false);\n            setStepIndex(0);\n            break;\n        }\n        break;\n    }\n  };\n\n  return (\n    <HelpContext.Provider\n      value={{\n        running: running && !paused,\n        steps,\n        setSteps,\n        setIndex: setStepIndex,\n        start: () => setRunningChanged(true),\n        stop: () => setRunningChanged(false),\n      }}\n    >\n      <style>\n        {`.joyride-target {\n          --controls-opacity: 1;\n        }`}\n      </style>\n      <Joyride\n        continuous={true}\n        steps={steps}\n        stepIndex={stepIndex}\n        run={running && !paused}\n        callback={callback}\n        floaterProps={floaterProps}\n        tooltipComponent={Tooltip}\n        spotlightPadding={0}\n      />\n    </HelpContext.Provider>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { meta } from '#meta';\n\nexport const SHORTCUTS_DIALOG = `${meta.id}.ShortcutsDialog`;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, HelpState, OperationHandler, ReactRoot, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { type Step } from '#types';\n\nexport type HelpPluginOptions = { steps?: Step[] };\n\nexport const HelpPlugin = Plugin.define<HelpPluginOptions>(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    activatesOn: ActivationEvents.Startup,\n    activate: HelpState,\n  }),\n  Plugin.addModule(({ steps = [] }) => ({\n    id: 'react-root',\n    activatesOn: ActivationEvents.Startup,\n    activate: () => ReactRoot(steps),\n  })),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useContext } from 'react';\n\nimport { raise } from '@dxos/debug';\n\nimport { HelpContext } from '#types';\n\nexport const useHelp = () => {\n  return useContext(HelpContext) ?? raise(new Error('Missing HelpContext'));\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Keyboard", "IconButton", "toLocalizedString", "useTranslation", "osTranslations", "React", "keySymbols", "mx", "shortcutKey", "Key", "binding", "span", "role", "className", "aria-label", "id", "keySymbols", "map", "c", "i", "key", "shortcutKey", "Shortcut", "binding", "t", "useTranslation", "osTranslations", "React", "div", "role", "className", "Key", "shortcut", "span", "toLocalizedString", "data", "ShortcutsHints", "onClose", "defaults", "bindings", "Keyboard", "singleton", "getBindings", "hints", "filter", "includes", "map", "key", "IconButton", "icon", "size", "label", "iconOnly", "noTooltip", "variant", "classNames", "onClick", "React", "Fragment", "Keyboard", "toLocalizedString", "useTranslation", "mx", "meta", "ShortcutsList", "t", "useTranslation", "meta", "id", "bindings", "Keyboard", "singleton", "getBindings", "sort", "a", "b", "toLocalizedString", "data", "toLowerCase", "localeCompare", "React", "dl", "className", "mx", "map", "binding", "i", "Fragment", "key", "Key", "shortcut", "span", "role", "aria-labelledby", "React", "ShortcutsSection", "React", "section", "className", "ShortcutsList", "useArrowNavigationGroup", "useFocusableGroup", "React", "forwardRef", "Button", "Icon", "IconButton", "floaterProps", "styles", "arrow", "length", "spread", "floater", "filter", "Tooltip", "step", "title", "content", "index", "size", "isLastStep", "backProps", "closeProps", "primaryProps", "forwardedRef", "arrowNavigationAttrs", "axis", "focusableGroupAttrs", "tabBehavior", "div", "className", "role", "data-testid", "data-step", "ref", "h2", "density", "icon", "iconOnly", "label", "onClick", "variant", "classNames", "Array", "from", "map", "_", "i", "key", "autoFocus", "React", "useState", "Joyride", "ACTIONS", "EVENTS", "usePluginManager", "useLayout", "useAsyncEffect", "HelpContext", "addStepClass", "target", "element", "document", "querySelector", "classList", "add", "removeTargetClass", "remove", "getTarget", "step", "waitForTarget", "Promise", "resolve", "observer", "MutationObserver", "mutations", "forEach", "mutation", "addedNodes", "length", "disconnect", "observe", "body", "childList", "subtree", "WelcomeTour", "steps", "initialSteps", "running", "runningProp", "onRunningChanged", "manager", "usePluginManager", "layout", "useLayout", "setRunning", "useState", "stepIndex", "_setStepIndex", "setSteps", "paused", "dialogOpen", "setStepIndex", "index", "before", "capabilities", "setRunningChanged", "state", "useAsyncEffect", "callback", "options", "type", "action", "size", "EVENTS", "STEP_BEFORE", "TOUR_END", "STEP_AFTER", "ACTIONS", "NEXT", "PREV", "CLOSE", "React", "HelpContext", "Provider", "value", "setIndex", "start", "stop", "style", "Joyride", "continuous", "run", "floaterProps", "tooltipComponent", "Tooltip", "spotlightPadding", "meta", "SHORTCUTS_DIALOG", "id", "ActivationEvents", "Plugin", "AppPlugin", "AppGraphBuilder", "HelpState", "OperationHandler", "ReactRoot", "ReactSurface", "meta", "translations", "HelpPlugin", "define", "pipe", "addAppGraphModule", "activate", "addOperationHandlerModule", "addSurfaceModule", "addTranslationsModule", "addModule", "activatesOn", "Startup", "steps", "id", "make", "useContext", "raise", "HelpContext", "useHelp", "Error"]
 }