@dxos/plugin-help 0.8.4-main.84f28bd → 0.8.4-main.937b3ca

package/dist/lib/browser/state-FWUZG6NL.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/state.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes } from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\n\nimport { HelpCapabilities } from './capabilities';\nimport { HELP_PLUGIN } from '../meta';\n\nexport default () => {\n  const state = new LocalStorageStore<HelpCapabilities.State>(HELP_PLUGIN, {\n    running: false,\n    showHints: true,\n    showWelcome: true,\n  });\n\n  state\n    .prop({ key: 'showHints', type: LocalStorageStore.bool() })\n    .prop({ key: 'showWelcome', type: LocalStorageStore.bool() });\n\n  return contributes(HelpCapabilities.State, state.values);\n};\n"],
-  "mappings": ";;;;;;;;AAIA,SAASA,mBAAmB;AAC5B,SAASC,yBAAyB;AAKlC,IAAA,gBAAe,MAAA;AACb,QAAMC,QAAQ,IAAIC,kBAA0CC,aAAa;IACvEC,SAAS;IACTC,WAAW;IACXC,aAAa;EACf,CAAA;AAEAL,QACGM,KAAK;IAAEC,KAAK;IAAaC,MAAMP,kBAAkBQ,KAAI;EAAG,CAAA,EACxDH,KAAK;IAAEC,KAAK;IAAeC,MAAMP,kBAAkBQ,KAAI;EAAG,CAAA;AAE7D,SAAOC,YAAYC,iBAAiBC,OAAOZ,MAAMa,MAAM;AACzD;",
-  "names": ["contributes", "LocalStorageStore", "state", "LocalStorageStore", "HELP_PLUGIN", "running", "showHints", "showWelcome", "prop", "key", "type", "bool", "contributes", "HelpCapabilities", "State", "values"]
-}

package/dist/lib/browser/types.mjs

@@ -1,12 +0,0 @@
-import {
-  HELP_ACTION,
-  HelpAction,
-  HelpContext
-} from "./chunk-WAN2NFYE.mjs";
-import "./chunk-3Y4CMOZP.mjs";
-export {
-  HELP_ACTION,
-  HelpAction,
-  HelpContext
-};
-//# sourceMappingURL=types.mjs.map

package/dist/lib/node-esm/app-graph-builder-5QQRWRWG.mjs

@@ -1,80 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  SHORTCUTS_DIALOG
-} from "./chunk-PU7X4MJO.mjs";
-import {
-  HelpAction
-} from "./chunk-6JMO5FFN.mjs";
-import {
-  HelpCapabilities
-} from "./chunk-CXQ5LKQI.mjs";
-import {
-  HELP_PLUGIN
-} from "./chunk-T523OGIV.mjs";
-
-// src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
-import { Capabilities, contributes, createIntent, LayoutAction } from "@dxos/app-framework";
-import { createExtension } from "@dxos/app-graph";
-var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, createExtension({
-  id: HELP_PLUGIN,
-  actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === "root" ? Option.some(node2) : Option.none()), Option.map(() => [
-    {
-      id: HelpAction.Start._tag,
-      data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-        const state = context.getCapability(HelpCapabilities.MutableState);
-        state.showHints = true;
-        await dispatch(createIntent(HelpAction.Start));
-      },
-      properties: {
-        label: [
-          "open help tour",
-          {
-            ns: HELP_PLUGIN
-          }
-        ],
-        icon: "ph--info--regular",
-        keyBinding: {
-          macos: "shift+meta+/",
-          // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.
-          windows: "shift+ctrl+/",
-          linux: "shift+ctrl+?"
-        },
-        testId: "helpPlugin.openHelp"
-      }
-    },
-    {
-      id: "dxos.org/plugin/help/open-shortcuts",
-      data: async () => {
-        const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-        const state = context.getCapability(HelpCapabilities.MutableState);
-        state.showHints = true;
-        await dispatch(createIntent(LayoutAction.UpdateDialog, {
-          part: "dialog",
-          subject: SHORTCUTS_DIALOG,
-          options: {
-            blockAlign: "center"
-          }
-        }));
-      },
-      properties: {
-        label: [
-          "open shortcuts label",
-          {
-            ns: HELP_PLUGIN
-          }
-        ],
-        icon: "ph--keyboard--regular",
-        keyBinding: {
-          macos: "meta+ctrl+/"
-        }
-      }
-    }
-  ]), Option.getOrElse(() => [])))
-}));
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-5QQRWRWG.mjs.map

package/dist/lib/node-esm/app-graph-builder-5QQRWRWG.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, createIntent, LayoutAction, type PluginContext } from '@dxos/app-framework';\nimport { createExtension } from '@dxos/app-graph';\n\nimport { HelpCapabilities } from './capabilities';\nimport { SHORTCUTS_DIALOG } from '../components';\nimport { HELP_PLUGIN } from '../meta';\nimport { HelpAction } from '../types';\n\nexport default (context: PluginContext) =>\n  contributes(\n    Capabilities.AppGraphBuilder,\n    createExtension({\n      id: HELP_PLUGIN,\n      actions: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (node.id === 'root' ? Option.some(node) : Option.none())),\n            Option.map(() => [\n              {\n                id: HelpAction.Start._tag,\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  const state = context.getCapability(HelpCapabilities.MutableState);\n                  state.showHints = true;\n                  await dispatch(createIntent(HelpAction.Start));\n                },\n                properties: {\n                  label: ['open help tour', { ns: HELP_PLUGIN }],\n                  icon: 'ph--info--regular',\n                  keyBinding: {\n                    macos: 'shift+meta+/',\n                    // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.\n                    windows: 'shift+ctrl+/',\n                    linux: 'shift+ctrl+?',\n                  },\n                  testId: 'helpPlugin.openHelp',\n                },\n              },\n              {\n                id: 'dxos.org/plugin/help/open-shortcuts',\n                data: async () => {\n                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n                  const state = context.getCapability(HelpCapabilities.MutableState);\n                  state.showHints = true;\n                  await dispatch(\n                    createIntent(LayoutAction.UpdateDialog, {\n                      part: 'dialog',\n                      subject: SHORTCUTS_DIALOG,\n                      options: {\n                        blockAlign: 'center',\n                      },\n                    }),\n                  );\n                },\n                properties: {\n                  label: ['open shortcuts label', { ns: HELP_PLUGIN }],\n                  icon: 'ph--keyboard--regular',\n                  keyBinding: {\n                    macos: 'meta+ctrl+/',\n                  },\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  );\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAcC,aAAaC,cAAcC,oBAAwC;AAC1F,SAASC,uBAAuB;AAOhC,IAAA,4BAAe,CAACC,YACdC,YACEC,aAAaC,iBACbC,gBAAgB;EACdC,IAAIC;EACJC,SAAS,CAACC,SACRC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUA,MAAKH,OAAO,SAASQ,OAAOE,KAAKP,KAAAA,IAAQK,OAAOG,KAAI,CAAA,GAC9EH,OAAOI,IAAI,MAAM;IACf;MACEZ,IAAIa,WAAWC,MAAMC;MACrBC,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKvB,QAAQwB,cAActB,aAAauB,gBAAgB;AACzF,cAAMC,QAAQ1B,QAAQwB,cAAcG,iBAAiBC,YAAY;AACjEF,cAAMG,YAAY;AAClB,cAAMN,SAASO,aAAaZ,WAAWC,KAAK,CAAA;MAC9C;MACAY,YAAY;QACVC,OAAO;UAAC;UAAkB;YAAEC,IAAI3B;UAAY;;QAC5C4B,MAAM;QACNC,YAAY;UACVC,OAAO;;UAEPC,SAAS;UACTC,OAAO;QACT;QACAC,QAAQ;MACV;IACF;IACA;MACElC,IAAI;MACJgB,MAAM,YAAA;AACJ,cAAM,EAAEC,iBAAiBC,SAAQ,IAAKvB,QAAQwB,cAActB,aAAauB,gBAAgB;AACzF,cAAMC,QAAQ1B,QAAQwB,cAAcG,iBAAiBC,YAAY;AACjEF,cAAMG,YAAY;AAClB,cAAMN,SACJO,aAAaU,aAAaC,cAAc;UACtCC,MAAM;UACNC,SAASC;UACTC,SAAS;YACPC,YAAY;UACd;QACF,CAAA,CAAA;MAEJ;MACAf,YAAY;QACVC,OAAO;UAAC;UAAwB;YAAEC,IAAI3B;UAAY;;QAClD4B,MAAM;QACNC,YAAY;UACVC,OAAO;QACT;MACF;IACF;GACD,GACDvB,OAAOkC,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;AAGjC,CAAA,CAAA;",
-  "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "createIntent", "LayoutAction", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "HELP_PLUGIN", "actions", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "some", "none", "map", "HelpAction", "Start", "_tag", "data", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "state", "HelpCapabilities", "MutableState", "showHints", "createIntent", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "linux", "testId", "LayoutAction", "UpdateDialog", "part", "subject", "SHORTCUTS_DIALOG", "options", "blockAlign", "getOrElse"]
-}

package/dist/lib/node-esm/chunk-6JMO5FFN.mjs

@@ -1,37 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  HELP_PLUGIN
-} from "./chunk-T523OGIV.mjs";
-
-// src/types.ts
-import { Schema } from "effect";
-import { createContext } from "react";
-var HelpContext = createContext({
-  running: false,
-  steps: [],
-  setSteps: () => {
-  },
-  setIndex: () => {
-  },
-  start: () => {
-  },
-  stop: () => {
-  }
-});
-var HELP_ACTION = `${HELP_PLUGIN}/action`;
-(function(HelpAction2) {
-  class Start extends Schema.TaggedClass()(`${HELP_ACTION}/start`, {
-    input: Schema.Void,
-    output: Schema.Void
-  }) {
-  }
-  HelpAction2.Start = Start;
-})(HelpAction || (HelpAction = {}));
-var HelpAction;
-
-export {
-  HelpContext,
-  HELP_ACTION,
-  HelpAction
-};
-//# sourceMappingURL=chunk-6JMO5FFN.mjs.map

package/dist/lib/node-esm/chunk-6JMO5FFN.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\nimport { type Context, createContext } from 'react';\nimport { type Step as BaseStep } from 'react-joyride';\n\nimport { type PluginContext } from '@dxos/app-framework';\n\nimport { HELP_PLUGIN } from './meta';\n\nexport type Step = BaseStep & {\n  before?: (context: PluginContext) => 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\nexport const HELP_ACTION = `${HELP_PLUGIN}/action`;\nexport namespace HelpAction {\n  export class Start extends Schema.TaggedClass<Start>()(`${HELP_ACTION}/start`, {\n    input: Schema.Void,\n    output: Schema.Void,\n  }) {}\n}\n"],
-  "mappings": ";;;;;;AAIA,SAASA,cAAc;AACvB,SAAuBC,qBAAqB;AAoBrC,IAAMC,cAAwCC,cAA+B;EAClFC,SAAS;EACTC,OAAO,CAAA;EACPC,UAAU,MAAA;EAAO;EACjBC,UAAU,MAAA;EAAO;EACjBC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;AAEO,IAAMC,cAAc,GAAGC,WAAAA;UACbC,aAAAA;EACR,MAAMC,cAAcC,OAAOC,YAAW,EAAU,GAAGL,WAAAA,UAAqB;IAC7EM,OAAOF,OAAOG;IACdC,QAAQJ,OAAOG;EACjB,CAAA,EAAA;EAAI;cAHSJ,QAAAA;AAIf,GALiBD,eAAAA,aAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "createContext", "HelpContext", "createContext", "running", "steps", "setSteps", "setIndex", "start", "stop", "HELP_ACTION", "HELP_PLUGIN", "HelpAction", "Start", "Schema", "TaggedClass", "input", "Void", "output"]
-}

package/dist/lib/node-esm/chunk-CXQ5LKQI.mjs

@@ -1,17 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  HELP_PLUGIN
-} from "./chunk-T523OGIV.mjs";
-
-// src/capabilities/capabilities.ts
-import { defineCapability } from "@dxos/app-framework";
-(function(HelpCapabilities2) {
-  HelpCapabilities2.State = defineCapability(`${HELP_PLUGIN}/capability/state`);
-  HelpCapabilities2.MutableState = defineCapability(`${HELP_PLUGIN}/capability/state`);
-})(HelpCapabilities || (HelpCapabilities = {}));
-var HelpCapabilities;
-
-export {
-  HelpCapabilities
-};
-//# sourceMappingURL=chunk-CXQ5LKQI.mjs.map

package/dist/lib/node-esm/chunk-CXQ5LKQI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/capabilities.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\n\nimport { HELP_PLUGIN } from '../meta';\n\nexport namespace HelpCapabilities {\n  export type State = { running: boolean; showHints: boolean; showWelcome: boolean };\n  export const State = defineCapability<Readonly<State>>(`${HELP_PLUGIN}/capability/state`);\n  export const MutableState = defineCapability<State>(`${HELP_PLUGIN}/capability/state`);\n}\n"],
-  "mappings": ";;;;;;AAIA,SAASA,wBAAwB;UAIhBC,mBAAAA;oBAEFC,QAAQC,iBAAkC,GAAGC,WAAAA,mBAA8B;oBAC3EC,eAAeF,iBAAwB,GAAGC,WAAAA,mBAA8B;AACvF,GAJiBH,qBAAAA,mBAAAA,CAAAA,EAAAA;;",
-  "names": ["defineCapability", "HelpCapabilities", "State", "defineCapability", "HELP_PLUGIN", "MutableState"]
-}

package/dist/lib/node-esm/chunk-PU7X4MJO.mjs

@@ -1,409 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  HelpContext
-} from "./chunk-6JMO5FFN.mjs";
-import {
-  HELP_PLUGIN
-} from "./chunk-T523OGIV.mjs";
-
-// src/components/Shortcuts/Key.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { keySymbols } from "@dxos/keyboard";
-
-// src/components/Shortcuts/styles.ts
-import { mx } from "@dxos/react-ui-theme";
-var shortcutKey = mx("inline-flex min-is-[24px] bs-[24px] pli-0.5 justify-center items-center text-xs", "rounded bg-neutral-100 dark:bg-neutral-900");
-
-// src/components/Shortcuts/Key.tsx
-var Key = ({ binding }) => {
-  var _effect = _useSignals();
-  try {
-    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)));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Shortcuts/ShortcutsList.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2, { Fragment } from "react";
-import { Keyboard } from "@dxos/keyboard";
-import { toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-var ShortcutsList = () => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation(HELP_PLUGIN);
-    const bindings = Keyboard.singleton.getBindings();
-    bindings.sort((a, b) => {
-      return toLocalizedString(a.data, t)?.toLowerCase().localeCompare(toLocalizedString(b.data, t)?.toLowerCase());
-    });
-    return /* @__PURE__ */ React2.createElement("dl", {
-      className: mx2("is-fit grid grid-cols-[min-content_minmax(12rem,1fr)] gap-2 mlb-4 text-subdued select-none")
-    }, bindings.map((binding, i) => /* @__PURE__ */ React2.createElement(Fragment, {
-      key: i
-    }, /* @__PURE__ */ React2.createElement(Key, {
-      binding: binding.shortcut
-    }), /* @__PURE__ */ React2.createElement("span", {
-      role: "definition",
-      className: "mis-4",
-      "aria-labelledby": binding.shortcut
-    }, toLocalizedString(binding.data, t)))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Shortcuts/ShortcutsDialog.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { Button, Dialog, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
-var SHORTCUTS_DIALOG = `${HELP_PLUGIN}/ShortcutsDialog`;
-var ShortcutsDialogContent = () => {
-  var _effect = _useSignals3();
-  try {
-    const { t } = useTranslation2(HELP_PLUGIN);
-    return /* @__PURE__ */ React3.createElement(Dialog.Content, {
-      classNames: "p-0 bs-content max-bs-full md:max-is-[25rem] overflow-hidden"
-    }, /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
-    }, /* @__PURE__ */ React3.createElement(Dialog.Title, null, t("shortcuts dialog title")), /* @__PURE__ */ React3.createElement(Dialog.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React3.createElement(Button, {
-      density: "fine",
-      variant: "ghost",
-      autoFocus: true
-    }, /* @__PURE__ */ React3.createElement(Icon, {
-      icon: "ph--x--bold",
-      size: 3
-    })))), /* @__PURE__ */ React3.createElement("div", {
-      className: "flex items-center justify-center"
-    }, /* @__PURE__ */ React3.createElement(ShortcutsList, null)));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Shortcuts/ShortcutsHints.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4 from "react";
-import { Keyboard as Keyboard2 } from "@dxos/keyboard";
-import { Button as Button2, Icon as Icon2, toLocalizedString as toLocalizedString2, useTranslation as useTranslation3 } from "@dxos/react-ui";
-var Shortcut = ({ binding }) => {
-  var _effect = _useSignals4();
-  try {
-    const { t } = useTranslation3("os");
-    return /* @__PURE__ */ React4.createElement("div", {
-      role: "none",
-      className: "flex items-center gap-2 whitespace-nowrap"
-    }, /* @__PURE__ */ React4.createElement(Key, {
-      binding: binding.shortcut
-    }), /* @__PURE__ */ React4.createElement("span", {
-      className: "text-sm"
-    }, toLocalizedString2(binding.data, t)));
-  } finally {
-    _effect.f();
-  }
-};
-var ShortcutsHints = ({ onClose }) => {
-  var _effect = _useSignals4();
-  try {
-    const defaults = [
-      "meta+k",
-      "meta+/",
-      "meta+,"
-    ];
-    const bindings = Keyboard2.singleton.getBindings();
-    const hints = bindings.filter((binding) => defaults.includes(binding.shortcut));
-    return /* @__PURE__ */ React4.createElement("div", {
-      role: "none",
-      className: "flex overflow-hidden px-2 gap-4"
-    }, hints.map((binding) => /* @__PURE__ */ React4.createElement(Shortcut, {
-      key: binding.shortcut,
-      binding
-    })), onClose && /* @__PURE__ */ React4.createElement(Button2, {
-      variant: "ghost",
-      classNames: "p-0 cursor-pointer",
-      onClick: onClose
-    }, /* @__PURE__ */ React4.createElement(Icon2, {
-      icon: "ph--x--regular",
-      size: 4
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Shortcuts/ShortcutsSection.tsx
-import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
-import React5 from "react";
-import { descriptionText } from "@dxos/react-ui-theme";
-var ShortcutsSection = () => {
-  var _effect = _useSignals5();
-  try {
-    return /* @__PURE__ */ React5.createElement("section", {
-      className: descriptionText
-    }, /* @__PURE__ */ React5.createElement(ShortcutsList, null));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Tooltip/Tooltip.tsx
-import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
-import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
-import { CaretLeft, CaretRight, Circle, X } from "@phosphor-icons/react";
-import React6, { forwardRef } from "react";
-import { Button as Button3 } from "@dxos/react-ui";
-import { getSize, mx as mx3 } from "@dxos/react-ui-theme";
-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) => {
-  var _effect = _useSignals6();
-  try {
-    const arrowNavigationAttrs = useArrowNavigationGroup({
-      axis: "horizontal"
-    });
-    const focusableGroupAttrs = useFocusableGroup({
-      tabBehavior: "limited-trap-focus"
-    });
-    return /* @__PURE__ */ React6.createElement("div", {
-      className: "flex flex-col is-[15rem] min-bs-[10rem] overflow-hidden rounded-md shadow-xl bg-accentSurface text-accentSurfaceText",
-      role: "tooltip",
-      "data-testid": "helpPlugin.tooltip",
-      "data-step": index + 1,
-      ...focusableGroupAttrs,
-      ref: forwardedRef
-    }, /* @__PURE__ */ React6.createElement("div", {
-      className: "flex p-2"
-    }, /* @__PURE__ */ React6.createElement("h2", {
-      className: "grow pli-2 plb-1 text-lg font-medium text-accentSurfaceText"
-    }, title), /* @__PURE__ */ React6.createElement(Button3, {
-      density: "fine",
-      variant: "primary",
-      onClick: closeProps.onClick,
-      title: closeProps["aria-label"],
-      "data-testid": "helpPlugin.tooltip.close"
-    }, /* @__PURE__ */ React6.createElement(X, {
-      weight: "bold",
-      className: getSize(4)
-    }))), /* @__PURE__ */ React6.createElement("div", {
-      className: "flex grow pli-4 mlb-2"
-    }, content), /* @__PURE__ */ React6.createElement("div", {
-      className: "flex p-2 items-center justify-between",
-      ...arrowNavigationAttrs
-    }, /* @__PURE__ */ React6.createElement(Button3, {
-      variant: "primary",
-      onClick: backProps.onClick,
-      title: backProps["aria-label"],
-      classNames: [
-        !(index > 0 && backProps) && "invisible"
-      ],
-      "data-testid": "helpPlugin.tooltip.back"
-    }, /* @__PURE__ */ React6.createElement(CaretLeft, {
-      className: getSize(5)
-    })), /* @__PURE__ */ React6.createElement("div", {
-      className: "flex grow gap-2 justify-center"
-    }, /* @__PURE__ */ React6.createElement("div", {
-      className: "flex"
-    }, Array.from({
-      length: size
-    }).map((_, i) => /* @__PURE__ */ React6.createElement(Circle, {
-      key: i,
-      weight: index === i ? "fill" : "regular",
-      className: mx3(getSize(2), "mli-1 cursor-pointer")
-    })))), isLastStep ? /* @__PURE__ */ React6.createElement(Button3, {
-      variant: "primary",
-      onClick: closeProps.onClick,
-      title: closeProps["aria-label"],
-      autoFocus: true,
-      "data-testid": "helpPlugin.tooltip.finish"
-    }, "Done") : /* @__PURE__ */ React6.createElement(Button3, {
-      variant: "primary",
-      onClick: primaryProps.onClick,
-      title: primaryProps["aria-label"],
-      autoFocus: true,
-      "data-testid": "helpPlugin.tooltip.next"
-    }, /* @__PURE__ */ React6.createElement(CaretRight, {
-      className: getSize(6)
-    }))));
-  } finally {
-    _effect.f();
-  }
-});
-
-// src/components/WelcomeTour/WelcomeTour.tsx
-import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import React7, { useState, useEffect } from "react";
-import Joyride, { ACTIONS, EVENTS } from "react-joyride";
-import { usePluginManager, useLayout } from "@dxos/app-framework";
-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 }) => {
-  var _effect = _useSignals7();
-  try {
-    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.context);
-      }
-      _setStepIndex(index);
-    };
-    const setRunningChanged = (state) => {
-      if (typeof runningProp !== "undefined") {
-        onRunningChanged?.(state);
-      } else {
-        if (state) {
-          setStepIndex(0);
-          setRunning(true);
-        } else {
-          setRunning(false);
-        }
-      }
-    };
-    useEffect(() => {
-      const timeout = setTimeout(async () => {
-        if (runningProp) {
-          await waitForTarget(steps[stepIndex]);
-          setStepIndex(0);
-          setRunning(true);
-        } else if (typeof runningProp !== "undefined") {
-          setRunning(false);
-        }
-      });
-      return () => clearTimeout(timeout);
-    }, [
-      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__ */ React7.createElement(HelpContext.Provider, {
-      value: {
-        running: running && !paused,
-        steps,
-        setSteps,
-        setIndex: setStepIndex,
-        start: () => setRunningChanged(true),
-        stop: () => setRunningChanged(false)
-      }
-    }, /* @__PURE__ */ React7.createElement("style", null, `.joyride-target {
-          --controls-opacity: 1;
-        }`), /* @__PURE__ */ React7.createElement(Joyride, {
-      continuous: true,
-      steps,
-      stepIndex,
-      run: running && !paused,
-      callback,
-      floaterProps,
-      tooltipComponent: Tooltip
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-export {
-  Key,
-  ShortcutsList,
-  SHORTCUTS_DIALOG,
-  ShortcutsDialogContent,
-  ShortcutsHints,
-  ShortcutsSection,
-  floaterProps,
-  Tooltip,
-  WelcomeTour
-};
-//# sourceMappingURL=chunk-PU7X4MJO.mjs.map